- h O8 I% o* P9 f& b# `0 ?! R$ ?- R5 G& {8 Q) L# V$ b: g
〖课程介绍〗3 h6 @' ~: |1 k4 u$ h+ j* E
还在为没有项目经验而烦恼吗？本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ，真正做到从0开始，开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。0 V) L( j: ?! _, q' N
〖课程目录〗4 s+ b: A' x5 p6 f2 K! A& t8 J
第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟. R" [" U- I. q0 m
1-1 导学 (15:50)/ c8 U# U- U" R% |+ S
1 y$ t# U( t4 \, @' r. q第2章 小程序初体验15 节 | 88分钟
! s4 C0 N$ W) I4 b5 y2-1 开篇介绍 (01:28)" e* Z# d) u( j( r* L: B0 B
2-2 小程序开发前的准备 (04:23)
4 { g( [& h( e& D, @3 X/ S8 ]7 t2-3 开发第一个小程序应用 (06:43)1 m5 |1 ?& H1 O4 L2 A
2-4 了解小程序项目的基本组成结构 (08:20)+ u9 m) l7 ]8 X4 }$ s
2-5 wxml VS html (07:36)
' v5 O8 C% M) k+ f2-6 wxss VS css (08:15)
/ x& m5 K& N1 T% ] C( t" ~2-7 .json文件 (04:57)1 y/ B3 O# c2 s; |( r% H0 E
2-8 宿主环境与小程序的运行环境 (04:48)
7 T" _. `" V8 f' ` X% b2-9 小程序内置组件-view (07:48)+ ~5 ~+ X5 |2 b) E+ F# c- k: g
2-10 小程序内置组件-scrollView (07:46)! {9 H9 \5 b7 M% `6 U4 M( P/ o
2-11 小程序内置组件-swiper (04:43)
. I) s z7 d% d1 p; s% g4 ]" g5 ?2-12 小程序内置组件-text&&rich-text (04:36)0 {8 Y$ [: H2 I7 m! q
2-13 小程序内置组件-button-image (07:04)
: x. N3 {+ b7 N' `/ G2-14 小程序成员管理 (03:38)
# P( ~3 N. k: A$ n2-15 小程序发布流程 (05:47)
2 j, q. E, Z- \$ f$ i/ v5 y4 ^7 h
第3章 小程序核心语法21 节 | 225分钟$ s q; J0 {" q2 f8 y7 \! C
3-1 开篇介绍 (01:29)* v& a6 i& P/ A8 x
3-2 小程序的数据驱动原则 (13:00)
$ q5 ~! G1 ~4 ~/ i) a4 a3-3 小程序的常用事件与属性列表 (12:34)
; w" x3 P/ t, @3-4 小程序的事件传参 (11:14)" n; e: p, \8 u
3-5 实现【双向数据绑定】 (12:57)
3 b6 A T3 I8 w3-6 【任务题】实现双向数据绑定功能
6 H" C+ J. t! ^3-7 【讨论题】数据驱动& W# l) @, ]! ]% E& D A. ]
3-8 条件渲染 (12:49)9 i4 }: F4 [& s4 E/ h; R$ Q
3-9 列表渲染 (14:09). R5 m* N+ t" W" e4 X" s( a
3-10 配置文件解读 (25:41)
}) ?, a: X- K" L7 s3-11 数据请求 (21:02)
7 p9 O- V7 q5 ]8 M( |: s" H, M& N3-12 异步编程新方案 - promise（1） (13:24)
$ x0 k; k( p0 a5 i: w6 Q3-13 异步编程新方案 - promise（2） (09:28)
3 P2 D) B3 \3 c0 `# P/ c0 {# ^3-14 【讨论题】异步编程, N/ {- Q0 ?+ p# j
3-15 异步编程再升级-async和await (09:38)3 v; Z( c* s" R
3-16 【任务题】异步编程
; d& S; J! M" m5 K* M2 {3-17 小程序使用 promise 解决异步编程 (10:40)
/ R2 e8 ]& `9 D. n) o) F3-18 小程序页面的生命周期 (16:00)
# l: ]8 P, E2 u/ b/ j- l3-19 PullToRefresh下拉刷新与上拉加载 (19:26)/ `& o3 A {0 g! l: N! |* X
3-20 小程序的页面跳转 (18:38)
h( C# d% d" j2 O ~( p% b5 T3-21 总结 (02:26)4 Y# s% B/ T! E3 }% S3 U4 J
4 {' o' r& k# {5 M第4章 小程序进阶概念10 节 | 92分钟0 }% J7 A2 ?3 I2 B8 a j: u% ?
4-1 开篇 (02:17)" L3 B4 r4 g- J% O+ @
4-2 什么是组件化思想 (04:38)1 ^; e' o* ?( P; L5 @( G' ^
4-3 创建第一个组件 (08:19)! b. U/ C* [% a0 ^. e( |
4-4 组件的生命周期 (15:24): L2 U) p, K6 U* ^6 v7 d
4-5 数据监听器 (11:27)
( U8 W. K8 F1 a; H4-6 组件之间的关系与通讯（上） (11:44), g7 b" w0 B! S5 O4 B
4-7 组件之间的关系与通讯（下） (18:22)0 E4 X, t+ F7 m8 |+ l; K/ V' i
4-8 组件的插槽 (15:51)* r& v: k H7 j5 N! t- z( @
4-9 总结 (03:15)
! w6 I/ ]: R) [0 q5 u4-10 【任务题】热搜列表实现
) c/ J# B4 x& M+ U7 N; \: d; z
( F! Z9 a) R/ H4 q: l第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟- S+ F7 \0 K ?. B/ r$ K- \8 |" V
5-1 开 篇 (01:58)
$ R1 E4 D1 C/ f1 k# G$ I5-2 uniapp难吗？ (03:12)- n3 U3 v, L" n+ _) P
5-3 配置uniapp开发环境 (06:24)" |8 c0 v+ X0 _4 _4 m" U7 n' ~; L
5-4 创建 imooc-blog (08:57)* V' f" b$ K+ \# r% }
5-5 运行项目到 微信开发者工具 (06:34)
: I. r* p5 M8 @+ ^- x4 V5-6 使用 VSCode 开发 uniapp (04:24)1 V( g9 b1 e9 Q! q
5-7 创建与配置 tabbar- (10:54); T! R C0 n+ N3 o4 O/ D, X
5-8 警告与错误处理 (05:50)) C; c6 m" f7 R( U- D1 O# K, X
5-9 热搜页面分析 (01:08)5 N! E" b' T3 a
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
3 G# B# K% ], z6 J/ E6 a5-11 创建搜索框组件 (15:57)
# ~% V/ ?, A" Y3 d# d5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)4 Q0 ^4 T+ F Z D' E2 f
5-13 tabs组件 - 封装网络请求 (11:09)
( F- M1 w/ u4 n8 ?; @+ W5-14 tabs组件 - 进行基本的数据展示 (09:16)1 [7 t1 ]0 Z: y2 R" ~5 p! F
5-15 tabs组件 - 美化样式 (05:31)
1 d5 \. W' ?% n$ N8 L1 Q8 D5-16 tabs组件 - 设置激活项 (08:22), }3 Y" ^3 E* ~" w. ]1 e
5-17 tabs组件 - 定义滑块 (03:22)& D) }) P6 c& G( C
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
) K2 @. V4 i o' T$ o7 t0 l3 t1 Q5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)4 U3 g/ w" M8 D- O9 X+ M1 x
5-20 tabs组件 - scrollView 的点击位移 (04:01)
* R3 T/ O- K8 b( z5-21 tabs组件 - 增加可配置项 (05:07)- |) V0 H7 m* |7 {& v2 G e0 Q
5-22 List 组件 - 分析 List 组件 (03:58)3 f- ~( M5 b" r3 j' f# D
5-23 List 组件 - 使用 mock 数据，构建 List 的基本结构 (08:35)5 [$ u8 u i w! r
5-24 List 组件 - 美化 item 样式 (10:15)
7 \* d, F4 ^" x2 d+ W c7 ^5-25 List 组件 - 根据 tab 的切换，获取真实数据 (14:30)( V% r# x0 G g3 K- }
5-26 List 组件 - 渲染真实数据 (13:04)
# z- S# H% a2 I- q( m5-27 List 组件 - 通过 swiper 改造List (07:02)1 T6 |5 G2 H/ l0 g6 x7 E7 h1 F
5-28 【讨论题】通过 swiper 改造List遇到的坑
/ }5 h6 Q" b- t# _0 O5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)+ @4 U0 G& ?: z ^2 {0 Q) l# ]) O
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)# l" Q& y; y5 F8 q1 r
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)' y. ^2 i- X) [" [% U, X" [& J' D
5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)( T' p' f" _" N) r$ C& j J% o
5-33 完成 `tabs` 的吸顶效果 (02:48)
' s6 f" t1 V- J! l) G) q5-34 控制列表滚动位置 (03:58)
* V, {' L5 N9 O+ q' ]. k! C) M0 ^5-35 List 组件 - 处理热度的显示 (04:30): B- D, N5 a# T `
5-36 总 结 (02:24)! E d* x! ?1 g/ Z
) x- [7 ]! c$ R
第6章 文章搜索页面20 节 | 123分钟
1 I4 _; q3 g9 @% F& I' `1 C" f6 S6-1 开 篇(添加片头) (00:45)
1 D* }* P1 ~& s% [2 Z7 a6-2 文章搜索 - 分析文章搜索页面 (03:38)2 v4 ]$ [1 J/ r8 ~* d) }' ^# h
6-3 文章搜索 - 使用分包，创建 `search-blog` 页面 (08:40)) s$ G4 @9 h' g) _
6-4 文章搜索 - 完成跳转，渲染搜索框 (04:29)0 }+ |. h6 n& x3 G) f! v
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
5 } w* G) J3 ^6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
% L# j$ b, I5 f. B% @0 n7 E V# E% I6-7 文章搜索 - 显示推荐搜索 (02:55)" p5 m8 x# ]8 |5 {# S0 P/ o& I
6-8 文章搜索 - 创建三个业务组件 (05:41)
1 H+ U. [8 K" z6 ?' m# ~6-9 【任务题】控制业务组件的展示效果, Q# m% ~0 C! @, o% M
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
, ~- t8 R6 U4 h6 n8 \6-11 热搜列表 - 数据获取 (03:49)
2 q& X: P# y: @: m1 P6-12 热搜列表 - 数据展示 (10:24)
/ @" g: S; J+ w: b$ `5 W) {6-13 热搜列表 - 热搜点击处理 (03:50)
( u p, o. r$ |: ]6-14 搜索历史 - 渲染基本结构 (07:08)
% y/ f4 o2 A* F1 {9 B6-15 搜索历史 - 美化基本样式 (07:37)8 r/ T7 O9 ?' S3 K
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16) K8 i* f) W3 f# I
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27), t3 {4 V) F2 [: X
6-18 【讨论题】构建良好代码结构遇到的“问题”？* Q( O J5 X/ P+ U5 F
6-19 搜索历史 - 找出现在的问题 (02:20)
4 U: W1 n, n2 B( n9 T* Q6-20 总 结 (01:09)" S; s: K+ c3 @6 \/ o
' n, h% w9 \$ `* |第7章 全局状态管理18 节 | 113分钟: _5 p: c1 m L( m% g* K1 L
7-1 开篇 (00:53)
1 B9 Q' h* h" S$ D! m7 R7-2 状态管理 - 全局状态管理工具 (06:15)
9 m. E: D2 c( Y2 U U. Y. D: ~9 n7-3 状态管理 - 在项目中导入 vuex (03:09)
8 I/ h0 a ?$ n4 J8 j: u. U7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)$ q' f( L) {- l( t$ y
7-5 状态管理 - 构建 search 模块 (05:47)- k9 w3 U; Q b: B9 C( ^$ X1 B
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58): y4 z3 ^$ @$ E
7-7 状态管理 - 数据持久化 (06:15)# S" \9 ?( @4 O
7-8 搜索结果 - 获取搜索结果数据 (05:27)
! T4 v% ^, l0 ~' R7-9 搜索结果 - 渲染搜索结果数据 (14:19)/ x E" {& t- z
7-10 【讨论题】 item 渲染
$ Q7 M( \8 ^; Y; V# c% Q& t7-11 搜索结果 - 处理相对时间 (13:17)
* Z! r, V6 E( t3 N% X7 s+ p% j7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
& h8 q, W! P" ~' o" ~7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
9 x& j+ ?6 N0 B. D4 B, i7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)$ t% E2 I' ? T' Q" c0 z
7-15 搜索结果 - 处理空数据场景 (05:43)0 J4 S- |6 P* U
7-16 【讨论题】下拉刷新、上拉刷载
' j4 a8 l) ]- @" I7 s( @7-17 文章搜索 - 细节修复 (02:58)
( ~6 k" i* c% z* W0 o. l7-18 总 结 (01:20)' W3 _, Z* D+ N
. C! X4 k% Z. p
第8章 文章详情模块开发21 节 | 134分钟
1 w) `: J* O! A9 X+ S% f( |8-1 开 篇(加片头) (03:12)2 _. t: D. a: b- r3 b8 \3 @0 ~5 [
8-2 文章详情 - 点击进入文章详情页面 (07:28)# U& ?" E5 @8 |
8-3 文章详情 - 获取文章详情数据 (11:15)
! p C9 m& Q; _) c8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
- X0 N9 q; |$ j, {2 d8-5 文章内容 - 美化文章内容区域 (08:41)
) w3 C/ ?2 @7 V {( g [8-6 文章内容 - 分析文章内容的样式实现 (04:21)( }! e* X k, O e2 e
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)9 d n2 s( w& Z5 a8 C
8-8 【讨论题】文字太小是怎么回事？, b" [( T2 s* o# G% i
8-9 文章内容 - 解决字体过小的问题 (06:03)' |+ }1 [$ C: W* Y4 Z. z+ P
8-10 【讨论题】渲染8 E8 T# Q9 \! c- A2 f1 V: [( M
8-11 评论列表 - 获取评论列表数据 (07:10)
3 a2 Q% z! Q7 h0 ]8-12 评论列表 - 渲染评论列表（精简评论） (10:14)5 Q5 S. u. }$ ~& B/ H4 f" I* q
8-13 评论列表 - 美化评论列表 (08:18)
0 S5 W- a- W4 }6 l" B2 X" I4 `) E8-14 评论列表 - 渲染全部评论列表 (07:57)
! D+ q% Y0 T. [- @% K8 ^$ `' o8-15 评论列表 - 完成全部评论的分页加载 (07:28)
3 h* l2 F: d$ c" ]+ u7 U5 I4 d5 w1 F$ e8-16 评论列表 - 处理数据加载完成的提示 (04:45)$ H# v7 r7 j, a- A; z0 E& T/ N
8-17 功能区域 - 封装功能组件 (05:43)
* ^! A4 d$ t7 u0 b& g; v6 ^, B8-18 功能区域 - 样式美化 (04:24)
& q* M3 \' ]+ ~! t7 v8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)
% S! @7 J q1 q8-20 明确功能业务 (02:02) T6 d$ n" v% U: L% w
8-21 总 结 (01:29)
7 z1 _% j; _+ k' E% i0 h7 c0 y/ ~: |
第9章 用户登录20 节 | 111分钟
0 o* K E8 A+ r2 J1 g; l9-1 开 篇 (02:26)) r5 f9 ^3 ?) |5 }+ D
9-2 用户登录 - 登录页面基本样式 (04:38)
+ w/ a. G8 H0 y& h7 t6 o/ N9-3 用户登录 - 封装登录组件 (02:52)# V/ F. F6 |3 t8 b
9-4 用户登录 - 明确登录的实现思路 (04:52)* \. I, r/ Q# x6 {5 R( Q5 I
9-5 用户登录 - 封装 action 调用登录接口 (11:07)* X( D0 b0 s, j9 Q9 `4 H$ V
9-6 用户登录 - 保存用户登录状态 (07:32)
" o6 a: x, ?. q' q& O9-7 用户登录 - 完成已登录的用户视图 (04:06)* J# N( q* x/ f8 |1 l' y
9-8 用户登录 - 实现退出登录功能 (05:36)
+ O6 ?/ ?, `$ E* c7 U9-9 用户登录 - 判断用户登录状态 (04:35)
l/ Y. I _5 D- O! D9-10 用户登录 - 新建登录页面，处理当前场景 (11:46)% {$ f6 E& j3 P8 \+ z; l5 Z
9-11 用户登录 - 监听登录成功的状态，返回之前页面 (03:48)
8 r) J& v4 w Y) E" N9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
: E5 E) v# t: r& j0 E; _% P/ [+ A9-13 文章操作 - 关注用户 (09:03)
# l- A1 ~" e8 \! D6 }1 V8 \2 B9-14 文章操作 - 处理发表评论的 UI (11:00)6 {: b# A7 _% e8 Q& b" X
9-15 文章操作 - 处理评论框的显示问题 (09:54)6 i, c0 G+ Y0 K) ~3 _' K
9-16 文章操作 - 发表评论 (07:18)) M) n7 V; ]$ n! `! R6 l
9-17 文章操作 - 回显评论数据 (04:57)
" u$ u/ `4 s8 g" C9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
* k4 v7 ?8 I" P+ r9-19 【任务题】实现文章的点赞和收藏功能; L, Q+ \, A4 [/ Z! e9 d
9-20 章总结 (01:29)' P/ J7 }% e) X
9 T8 f8 g& c( ]: X& H
第10章 热播模块16 节 | 80分钟
: g& z3 y7 g& M+ S- \10-1 开篇 (03:01)9 c% F6 a) V) `) x
10-2 热播列表 - 获取热播列表数据 (03:43)6 r7 @/ w- q; X! j. S2 y
10-3 热播列表 - 渲染UI结构 (10:12)$ L. }9 w6 B8 M
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)2 r6 q1 d. S4 V9 J- r
10-5 热播列表 - 点击进入详情页 (03:05)2 v) s# `) I/ R- U: }
10-6 热播详情 - 渲染详情页面的视频组件 (10:46), U7 L& O4 ~- q: h
10-7 热播详情 - 展示视频弹幕 (06:34)
, w3 J7 e# ~; `+ W3 s10-8 热播详情 - 渲染全部弹幕模块 (04:44)2 z( }0 U, H# Z/ Q/ a
10-9 热播详情 - 渲染底部功能区 (06:56): z. F- l$ f$ I1 I+ T$ c
10-10 热播详情 - 发布弹幕 (07:19)% `7 Z- O. Y+ S' R; @! W8 [2 ~
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
" P6 x B0 L6 p5 l0 T4 ~* E10-12 热播详情 - 定义弹幕的随机颜色值 (03:21). \ G2 a2 K6 `& ?
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
0 B2 i' J- C! i/ V* J* P9 g h. ~10-14 热播详情 - 点赞、收藏的实现思路 (01:25): n. \; t& w0 D1 G# C" _. o8 u
10-15 【任务题】热播中点赞与收藏的实现
* l2 p0 P- U: W X* X% c3 C* W10-16 总结 (02:06); d7 V, ^( o# c# H% J
: l. |% s" N% D6 Q
第11章 多平台适配10 节 | 35分钟' R1 c( E+ H$ b" g3 ]% P
11-1 开篇 (01:52)7 U4 p; G7 i8 K# y f, o
11-2 uniapp 中的条件编译 (06:00)
6 z ^5 a |* p3 j' [, U11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)$ [. n# W5 \( t9 ~
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)/ `: m; g$ l) |
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
# ]& Z6 P0 _, D& E11-6 多平台适配 - 文章详情样式处理 (02:37)
' ]" Q: E! n6 s& A% S11-7 多平台适配 - 热播视频全部无法播放 (07:03); R, u n* C n r) D
11-8 多平台适配 - 一键登录功能 (04:54)
* a$ ]+ }8 }" I. I) ]1 |8 N% i11-9 总结 (01:41)1 D/ |& g4 ~' `" J
11-10 【讨论题】多平台适配问题 M' I: N$ ^. R
- H* j3 V c$ {6 G
第12章 项目发布4 节 | 9分钟' b$ m2 i6 l8 C: z: { _/ U1 @( l1 p
12-1 开 篇 (00:46)7 ` L5 v+ c$ d: r" `
12-2 打包微信小程序 (02:37)
8 z# x" K, G( ]! _1 r12-3 打包 h5 页面 (03:51)
2 D: K& `' d) E4 G9 g& o12-4 总 结 (00:53)' |& }8 N3 _: G, [4 z
; |' s8 d' H. Z! Y( ]第13章 课程总结1 节 | 2分钟
7 b3 R/ ~# l+ T9 [9 R7 o8 M$ [13-1 课 程 总 结 (01:24)
" b R4 ^4 @, A2 V
( _' p8 l# g) y3 ]3 K( J〖下载地址〗
5 u( N$ ~1 O) `9 q2 F: l v0 D, V# P9 T1 T
〖升级为永久会员免金币下载全站资源〗1 d f0 W5 V9 u) W5 @' t7 R" r4 |
全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html9 Z0 c* |0 E+ o; P0 u
|
[复制链接]
