# J' V! x5 B: V1 V' v9 a
6 z/ u7 d1 y7 c, A
〖课程介绍〗7 S! F- M) y" { Z' q e* I A& V! Q
还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。5 ^$ O: a8 h8 R, c/ r i
〖课程目录〗6 g0 O }0 q* y8 r' p
第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
0 N* `3 s Q r# T o1-1 导学 (15:50)7 B8 k, \0 z4 \5 r6 `3 t
8 v. I; c- a; l$ H s/ d
第2章 小程序初体验15 节 | 88分钟7 d" r% T, p' i& F# H3 s$ W
2-1 开篇介绍 (01:28)
" [7 H8 n- K6 U* [3 Q6 _2-2 小程序开发前的准备 (04:23)2 o' h8 \9 R Z
2-3 开发第一个小程序应用 (06:43)
# ?4 |$ j D, F1 X( H3 z2-4 了解小程序项目的基本组成结构 (08:20)
( J5 @! U2 m" c: V2 R) N' G2-5 wxml VS html (07:36)
k8 \! a5 O8 t7 x H6 _! }2-6 wxss VS css (08:15)
; s9 p5 V( P, e5 s6 u3 A8 O2-7 .json文件 (04:57)
% ]3 I, D- R% _2-8 宿主环境与小程序的运行环境 (04:48)2 `9 y1 O' d5 |7 R' u, L4 h
2-9 小程序内置组件-view (07:48)
: ]0 `* d" B% N7 v% H' T5 a2-10 小程序内置组件-scrollView (07:46)
) v" Z7 N7 C3 w5 y7 k2-11 小程序内置组件-swiper (04:43)
4 g% g1 s3 Q1 @- `7 x% y7 M2-12 小程序内置组件-text&&rich-text (04:36)
, ?- w3 }5 Z8 U5 E$ v# P2-13 小程序内置组件-button-image (07:04)7 A& U- [* L7 ` V( {8 _
2-14 小程序成员管理 (03:38). U- w) g0 H% L5 r
2-15 小程序发布流程 (05:47)
" U& z5 ?# r) P3 X
, @/ A/ N7 ]7 p1 p6 a第3章 小程序核心语法21 节 | 225分钟
$ M' `9 |3 G/ N/ e& l) S3-1 开篇介绍 (01:29)
& [& [5 ^( W# D _+ u% S* I3-2 小程序的数据驱动原则 (13:00)' h/ L) K3 a) V) d1 E4 K7 D
3-3 小程序的常用事件与属性列表 (12:34)
* x6 b/ T9 n+ N# b: e3-4 小程序的事件传参 (11:14)! k9 K# d6 @+ R* r4 M) F9 g% L
3-5 实现【双向数据绑定】 (12:57)4 P. |3 j: p `
3-6 【任务题】实现双向数据绑定功能' V3 B# v- ?# c8 j# p6 C" h
3-7 【讨论题】数据驱动3 x* Q& c) l% z' j6 O+ H( a
3-8 条件渲染 (12:49)
T# K) B9 c& q3-9 列表渲染 (14:09)
& M, ]6 b1 k! ? K9 r3-10 配置文件解读 (25:41)
9 \+ J- Y2 E4 ?, L+ W3-11 数据请求 (21:02) Z, y% Q6 d3 @9 \% I7 V7 B) A
3-12 异步编程新方案 - promise(1) (13:24)
6 t! o3 ~2 j; C5 B. m& j3 V A5 z3-13 异步编程新方案 - promise(2) (09:28)6 u# a# H+ W! F0 f/ s% A( b7 n" I
3-14 【讨论题】异步编程: o! ?7 B7 `; ]& t4 P% ^8 {* Q) D
3-15 异步编程再升级-async和await (09:38)' {/ \/ P$ S; \" [% j7 m9 h* c) A) y
3-16 【任务题】异步编程
+ @2 T w/ L1 {8 h, `/ k3-17 小程序使用 promise 解决异步编程 (10:40)8 M t# J& O! |' B
3-18 小程序页面的生命周期 (16:00)
' M- C) p: c- @, S) k* K$ p5 E' y3-19 PullToRefresh下拉刷新与上拉加载 (19:26)% k. w0 K/ o/ `
3-20 小程序的页面跳转 (18:38)
* _# z2 t7 V) O. b4 v: W3-21 总结 (02:26)
. U4 c, t. U9 |, i. G6 ^
$ D+ C' m2 @, l" V第4章 小程序进阶概念10 节 | 92分钟- v8 X- N7 \8 f& }0 e& R7 N
4-1 开篇 (02:17): d0 \, G" ]# W# ?: v* W) Q. v
4-2 什么是组件化思想 (04:38)
/ q' D) J/ _: f4 d8 ?' Z( ^4-3 创建第一个组件 (08:19)
. G* r% R w2 D0 j: S5 o4-4 组件的生命周期 (15:24)
3 B- Y B0 G4 K2 {* ]! _4-5 数据监听器 (11:27)
2 N1 t# P E# I) @5 [4-6 组件之间的关系与通讯(上) (11:44), n& F1 ^( J& O
4-7 组件之间的关系与通讯(下) (18:22)
) F5 X+ d3 M# K* ^0 @4-8 组件的插槽 (15:51)3 p9 ~, r/ |0 X7 i
4-9 总结 (03:15)5 u2 m6 b8 ^7 A% M1 M/ w5 k: x
4-10 【任务题】热搜列表实现
+ c r/ e+ [$ T8 u( _9 m' k6 a) K( Y7 w$ f) {! A
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟/ P4 w P0 n3 Y! r" g N9 J
5-1 开 篇 (01:58)0 j- _3 _: s1 K# j* u0 }# q
5-2 uniapp难吗? (03:12)
7 K8 [6 |$ B& b8 D+ u. ^5-3 配置uniapp开发环境 (06:24)
% N& c9 o+ O/ d; S. l5-4 创建 imooc-blog (08:57)
7 _% z8 [) x; J% t6 ?' t1 _+ @5-5 运行项目到 微信开发者工具 (06:34)
2 b* U# k! i& b5-6 使用 VSCode 开发 uniapp (04:24)9 s3 x! b+ e6 ?& q
5-7 创建与配置 tabbar- (10:54)
% m. ]! U% s2 i! a! j0 \5-8 警告与错误处理 (05:50)7 X9 L0 E0 U+ X+ k. N8 {' w7 S
5-9 热搜页面分析 (01:08)7 g. R# R- Q8 O
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
8 _7 W% w9 R' I2 v+ P, [8 b5-11 创建搜索框组件 (15:57)& ]( P: ], p4 O1 i
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)% Y8 ~& @' q. e. X. l+ Q: z
5-13 tabs组件 - 封装网络请求 (11:09)6 Z- A# N: d* j8 \8 [. l1 z
5-14 tabs组件 - 进行基本的数据展示 (09:16)3 i6 u: Q: y7 h2 o+ T7 D& y
5-15 tabs组件 - 美化样式 (05:31)
! O- q3 o. X. z0 V }$ ^9 K3 i r5-16 tabs组件 - 设置激活项 (08:22)
" N; ~( z( k. e- c5-17 tabs组件 - 定义滑块 (03:22)# p: m* m2 h$ `5 f: z/ h
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)$ Y Z6 P) S8 G, l: l& p8 Q& y2 V
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
1 A, B7 Y, i4 Z, d5-20 tabs组件 - scrollView 的点击位移 (04:01)
& n6 _$ }" k# n. H5-21 tabs组件 - 增加可配置项 (05:07)
" [$ Q4 l* b# v# M1 M* V5 z7 w5-22 List 组件 - 分析 List 组件 (03:58)* \# A$ q" o0 g' w" z+ f9 t
5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)2 P2 \$ `$ d' c1 v* }+ E
5-24 List 组件 - 美化 item 样式 (10:15)2 f) l; }& T; m& ^
5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)
2 C( i" @4 [. D" h6 k2 F5-26 List 组件 - 渲染真实数据 (13:04)
; N: T& d/ h, G3 r( _; |4 [5 k& {2 \5-27 List 组件 - 通过 swiper 改造List (07:02): ~+ N8 Q- Y. k$ ]: n
5-28 【讨论题】通过 swiper 改造List遇到的坑
! Y9 ?0 ]2 @( m7 E" k" y5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)( D( O% [7 C1 k6 C! W+ v
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)
) }% c L2 H+ H! B5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)5 q7 _5 g9 p% Y
5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)$ W+ H! x! O# ^( i! f
5-33 完成 `tabs` 的吸顶效果 (02:48)# y% e- D3 Q. b/ I1 H: { ]
5-34 控制列表滚动位置 (03:58)" \) h+ g6 m/ p0 q# M. D0 h2 }
5-35 List 组件 - 处理热度的显示 (04:30)
* x4 B3 G e9 o4 p) x# s( `5-36 总 结 (02:24). H/ S2 g8 x* \' f& _3 t. ^
) x8 Z$ ]0 d$ T0 |
第6章 文章搜索页面20 节 | 123分钟
7 S) s8 ?9 U! q; k: o8 C6-1 开 篇(添加片头) (00:45)
F$ M# ]- m0 m: O4 N: X- K0 ~6-2 文章搜索 - 分析文章搜索页面 (03:38)% g: P4 }7 x& {2 I, I ^3 |
6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)* T* n& l5 c" b" v( o3 Q3 a
6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
3 ?2 _& }" r& w% e8 b6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
' ]% X. N5 h- x6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)( ~: D7 }9 y) t8 d" \2 O! e7 N4 o
6-7 文章搜索 - 显示推荐搜索 (02:55)
* S: o/ R5 u; D3 T2 t6-8 文章搜索 - 创建三个业务组件 (05:41)
/ H u v# }. R/ V) ]9 C6-9 【任务题】控制业务组件的展示效果8 b) V) v: b* h
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
+ \& D0 g( C0 u3 a6-11 热搜列表 - 数据获取 (03:49)
* w. { T. l9 {6 c' R1 @" v6-12 热搜列表 - 数据展示 (10:24)& ]' C4 P, S( g: x8 l# B j; I: }
6-13 热搜列表 - 热搜点击处理 (03:50)* i3 ?( D9 F" \ V/ Z) P. ~4 L- F* z
6-14 搜索历史 - 渲染基本结构 (07:08)' V& j ]7 C1 `1 h
6-15 搜索历史 - 美化基本样式 (07:37)! t2 ]( o2 z9 A( L" O) G3 C) t* g
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)
$ G* g' N& W1 ^% p; t1 u8 E6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
" t3 n$ ?5 | v6-18 【讨论题】构建良好代码结构遇到的“问题”?
0 R$ n" D+ L" [" q* @* ~+ d+ x: x/ J6-19 搜索历史 - 找出现在的问题 (02:20)
8 j4 O! f# N9 m; B( e6-20 总 结 (01:09)
5 ~+ c- E# f+ c" F% {8 z1 c) `* A: H! \7 q4 ?6 O; ^! G
第7章 全局状态管理18 节 | 113分钟. m: r9 G5 D; H1 Z
7-1 开篇 (00:53)/ K5 b- v* p6 X, F! d1 }
7-2 状态管理 - 全局状态管理工具 (06:15)' n8 F: D; ~9 y6 ~, G
7-3 状态管理 - 在项目中导入 vuex (03:09)
' S: w' m% ^& H4 Q p- X7 V7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)3 F' Y5 T g/ E4 |+ O+ y4 K
7-5 状态管理 - 构建 search 模块 (05:47), K% L" w( ~# y" V& t
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)! X* Z" G. a+ y1 A* f
7-7 状态管理 - 数据持久化 (06:15)) U5 h9 x3 s. l- L- U! M* k0 m
7-8 搜索结果 - 获取搜索结果数据 (05:27)9 F0 m: I$ J# G6 Q
7-9 搜索结果 - 渲染搜索结果数据 (14:19)
1 z% T) J. V) A4 a }5 U( h( l6 j; F7-10 【讨论题】 item 渲染
( z- {2 j' L6 Q9 Y1 V/ p" i7-11 搜索结果 - 处理相对时间 (13:17)
* G9 `5 w0 t! m! @6 b6 w7-12 搜索结果 - 高亮搜索结果关键字 (08:53)$ ]; K$ C+ i5 R1 |, B9 T0 @8 V7 T
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)! @ W: u& D n+ t0 I: w4 Y+ u* Q
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)
7 @# R) `1 D5 d7-15 搜索结果 - 处理空数据场景 (05:43)' b; g7 }+ | G9 L
7-16 【讨论题】下拉刷新、上拉刷载- d3 E. G" c8 F% [ Z% l6 b) M( z
7-17 文章搜索 - 细节修复 (02:58)
7 M+ C( W9 [+ X+ N" e7-18 总 结 (01:20)
M7 m8 Z+ E$ z$ a
- H( l) v% B0 \. d' ?% j第8章 文章详情模块开发21 节 | 134分钟
5 N- b& t$ _" y6 Q/ e& E( g6 ^( ~8-1 开 篇(加片头) (03:12)- \% {/ N) [' k Z/ o1 {$ g5 I7 c2 x
8-2 文章详情 - 点击进入文章详情页面 (07:28)
/ ^, s. L) P y" Y3 w% R8-3 文章详情 - 获取文章详情数据 (11:15)
. J# C9 j( _" U0 |# C8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
# h5 E$ u: L+ H7 H9 \1 Z8-5 文章内容 - 美化文章内容区域 (08:41)! {5 Z! M( d) V* I8 N
8-6 文章内容 - 分析文章内容的样式实现 (04:21)+ }/ ~4 K& ~" t# D- h
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)5 p2 \* M1 ]- v: U' t2 t6 a
8-8 【讨论题】文字太小是怎么回事?6 a# E+ _& s9 \- b
8-9 文章内容 - 解决字体过小的问题 (06:03)
% `. m/ p% E0 X* ~# q% J8-10 【讨论题】渲染& s1 O/ k/ x9 y( S6 X
8-11 评论列表 - 获取评论列表数据 (07:10); u* R# a3 Y/ J# T n
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)( B8 c% C# g9 C# ~0 `0 K
8-13 评论列表 - 美化评论列表 (08:18)
, c. w6 s$ f7 o5 t8 h# k4 d8-14 评论列表 - 渲染全部评论列表 (07:57)( n8 [- S. P) s0 n. @- ~0 t
8-15 评论列表 - 完成全部评论的分页加载 (07:28)7 d$ E2 \% U" H1 F
8-16 评论列表 - 处理数据加载完成的提示 (04:45)3 `. Q4 H. s$ J, F% L4 O+ w
8-17 功能区域 - 封装功能组件 (05:43)
) n* z( P& _+ c$ u8-18 功能区域 - 样式美化 (04:24), p: h2 c) A( T9 \8 P! z( k
8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)
& g6 w3 k8 q# n, |8 M+ s8-20 明确功能业务 (02:02)
. ~4 C7 g2 L& y) A8-21 总 结 (01:29)
- u5 v$ |9 D5 p$ m- s) v3 G# {
: P9 a$ H' I7 ^. V( R- i2 q第9章 用户登录20 节 | 111分钟
! M: I& k! T7 [9-1 开 篇 (02:26)
& c% G) N! E; X& ~: {+ ~* y9-2 用户登录 - 登录页面基本样式 (04:38)
6 Y, J9 y4 o$ {+ _' g9-3 用户登录 - 封装登录组件 (02:52)- b2 g+ l+ j5 w/ y0 D( K+ S
9-4 用户登录 - 明确登录的实现思路 (04:52)) |& E0 Y4 w5 N( A* ~
9-5 用户登录 - 封装 action 调用登录接口 (11:07)
/ _; M* c6 J- A" |, Y9-6 用户登录 - 保存用户登录状态 (07:32). T8 y. f% L6 g- A2 O W# d
9-7 用户登录 - 完成已登录的用户视图 (04:06)) S; r$ N. J2 p# C4 {0 `
9-8 用户登录 - 实现退出登录功能 (05:36)* `( h+ i+ U) i7 v
9-9 用户登录 - 判断用户登录状态 (04:35)
. R; s/ ^- h) ?+ K& r9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)
" v8 J( p; I: M/ N7 `! L9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)
- g) T; v+ t4 W8 ~4 k3 ^8 ~9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
) b* b9 F9 X# s+ ?- y9-13 文章操作 - 关注用户 (09:03)- ], k0 y8 _: i
9-14 文章操作 - 处理发表评论的 UI (11:00)
6 r0 i Y; j0 J) H; {9-15 文章操作 - 处理评论框的显示问题 (09:54)$ m1 ~) u0 d+ |8 L
9-16 文章操作 - 发表评论 (07:18)" t8 m7 Q7 L6 L: q
9-17 文章操作 - 回显评论数据 (04:57)4 l$ ]) p5 C$ i( n* g' E' R) J* A
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
: z7 q9 X: M* V3 w' t' O2 L, W/ x9-19 【任务题】实现文章的点赞和收藏功能
" H5 S- A) h! J1 D) e# w" X9-20 章总结 (01:29)
2 o3 q/ z/ V l+ Q- f; J9 ]0 o1 O4 P
第10章 热播模块16 节 | 80分钟' T8 U2 f0 N% w, y! d
10-1 开篇 (03:01)
]' _) s" [8 h: C- T! a10-2 热播列表 - 获取热播列表数据 (03:43)3 x+ R/ a1 u! S8 g3 P: [
10-3 热播列表 - 渲染UI结构 (10:12)
% K9 ?% m. a( u) k8 o10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42), t/ k/ S, e. d, x) w* O
10-5 热播列表 - 点击进入详情页 (03:05); I4 ^& K3 Q. M. c
10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
: _7 ]* E b; {3 W. E/ `/ O* f10-7 热播详情 - 展示视频弹幕 (06:34)
2 Q2 [- K8 X) ?* g+ y% p4 e% ^10-8 热播详情 - 渲染全部弹幕模块 (04:44)
# w% d, s1 {0 r* b+ r5 p10-9 热播详情 - 渲染底部功能区 (06:56)
- a( z- E5 Q: u K) i10-10 热播详情 - 发布弹幕 (07:19)
7 c4 k: z& J2 D: n1 l: T ]: o10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
" u6 `5 u% a/ I4 F2 X8 ~9 M10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
: M O, X' v& l" f: r: ?10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
% R$ @! L v; }10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
4 g+ f c! Y; C3 j8 B; w10-15 【任务题】热播中点赞与收藏的实现% _# U! m: H* }" [9 @+ J7 C
10-16 总结 (02:06)6 p# [- _! O* O
& g, m ^, F9 ?6 O# U第11章 多平台适配10 节 | 35分钟
I. E% u% z& y, n) w( w11-1 开篇 (01:52)) r/ P% {! d5 F7 L7 [8 X4 Z( D
11-2 uniapp 中的条件编译 (06:00)
, A8 T; t0 v- n$ N; j" L' f* p+ o% c11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)$ b, V1 K- y$ D6 s) n0 I6 I
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
* b( @1 ?7 W4 E; { a4 D11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
- Q4 }9 r. \0 h& M( \. X11-6 多平台适配 - 文章详情样式处理 (02:37)4 f7 }/ }/ Z7 w- P$ t/ y. Q' O
11-7 多平台适配 - 热播视频全部无法播放 (07:03)
7 \: d/ Y2 D3 q. I5 C% q11-8 多平台适配 - 一键登录功能 (04:54)
9 `! B7 f, D- m( [11-9 总结 (01:41)
2 H* L0 P5 L* P f, E+ E( {11-10 【讨论题】多平台适配问题( e1 Y- i$ Y: D* L; J+ L
+ n4 A* l" d4 `第12章 项目发布4 节 | 9分钟
$ Z' q/ [9 h1 j* I12-1 开 篇 (00:46)& O: K [* ^, K
12-2 打包微信小程序 (02:37)
! r$ Z+ a6 [" M+ }12-3 打包 h5 页面 (03:51)
* I' K' J* V/ p1 w12-4 总 结 (00:53)
/ |6 q* f3 A% R3 q' V8 P) \ ?0 U
- s7 Q7 ?2 Q. S6 b a6 }( |9 a; D第13章 课程总结1 节 | 2分钟
- U3 K; r3 X- X7 ~* R: E13-1 课 程 总 结 (01:24)1 s8 d& f/ s7 h$ e; a U- ]
$ [$ |9 J/ r2 V4 j〖下载地址〗
) Y% Z: t, B% l; @6 C: ~. E7 g5 P8 ^! h6 p
〖升级为永久会员免金币下载全站资源〗
' V' g1 m9 ~1 K/ x$ X& `0 s3 r全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
1 o/ g% @) w7 t" G |