8 i- G, H6 i/ f5 j) I. S. I4 B! ]3 v. v9 z4 J' r' ?! e$ L
〖课程介绍〗- C: k. b/ s4 ^. R; \- n/ J
还在为没有项目经验而烦恼吗？本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ，真正做到从0开始，开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。
) t! l I6 D# D) d' [: R/ u0 h〖课程目录〗) O/ D' b2 @$ q, C( |! m
第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟/ h+ C" J. K+ }3 F
1-1 导学 (15:50)1 z8 _' _0 C$ u7 r# B% e1 v
, F+ {+ p5 T& q2 O _: A4 h
第2章 小程序初体验15 节 | 88分钟& R5 j, z5 M4 C/ J0 @) @
2-1 开篇介绍 (01:28)
) W( d1 W& R+ T" I# x2-2 小程序开发前的准备 (04:23)
9 u6 ? j$ Z; h2-3 开发第一个小程序应用 (06:43)* W @' |: A* e, n2 ~
2-4 了解小程序项目的基本组成结构 (08:20)
3 f1 u. h9 m$ O! L2-5 wxml VS html (07:36)
/ Z, |) [; Z5 @ X2-6 wxss VS css (08:15)
$ ~ p# Y% b$ R( t1 L, h" ?% T- ^% Q2-7 .json文件 (04:57)# c. Z2 F4 U& Z6 h: f
2-8 宿主环境与小程序的运行环境 (04:48)
% t a0 b" G) d2-9 小程序内置组件-view (07:48)
; M! g: m" s1 f ^+ r# d2-10 小程序内置组件-scrollView (07:46)" c( a/ h; _' S
2-11 小程序内置组件-swiper (04:43)3 D. C) x* Z; ~
2-12 小程序内置组件-text&&rich-text (04:36)
+ Z6 |7 v. D) W. O. u# {3 p: ^" |2-13 小程序内置组件-button-image (07:04)
8 \! B7 [6 k# V2-14 小程序成员管理 (03:38)
1 d8 b* \& w% h; w0 c" H0 w( i2-15 小程序发布流程 (05:47)
' ], p+ r& `3 z5 {- [5 @$ w" e' P) n6 K2 c# g3 K L+ ]3 P3 G
第3章 小程序核心语法21 节 | 225分钟5 R2 t; P' _, Q
3-1 开篇介绍 (01:29)
7 b& n( r/ A3 ` k3-2 小程序的数据驱动原则 (13:00)
( ?" ?2 J m& `7 R% x4 n% x; U0 k3-3 小程序的常用事件与属性列表 (12:34)1 _$ x0 s5 X! O5 E
3-4 小程序的事件传参 (11:14)
: p/ q5 r. u; \ b3-5 实现【双向数据绑定】 (12:57)
7 U" n) ^/ L5 d6 L0 }9 v$ M9 m3-6 【任务题】实现双向数据绑定功能
5 Q- ~+ X/ L# v# v3 N3-7 【讨论题】数据驱动5 A! P& F* ]5 G* U @/ C
3-8 条件渲染 (12:49)
; \- b% ~7 W3 ^3-9 列表渲染 (14:09)
! G' I$ ` C- T8 [: B k% w/ e3-10 配置文件解读 (25:41)
& t1 M* x8 R( w, y/ i) }; ~# N3-11 数据请求 (21:02)
6 L, k; a6 @6 F& Q3-12 异步编程新方案 - promise（1） (13:24)) z8 B# V$ ^4 J. _: c2 R
3-13 异步编程新方案 - promise（2） (09:28)
6 W5 X2 }8 c' t o2 g5 u: ^# C3-14 【讨论题】异步编程+ ]2 }3 F) m0 o( b: B4 a
3-15 异步编程再升级-async和await (09:38)/ f" v' C# y1 x) i# q
3-16 【任务题】异步编程- c0 w/ o1 a7 B1 o' v2 ?/ Q0 F6 Y
3-17 小程序使用 promise 解决异步编程 (10:40)
$ V2 O! Q; ^, p. |, k2 @# M, A3-18 小程序页面的生命周期 (16:00)
; G; ?. }9 B" O: d) a* i S3-19 PullToRefresh下拉刷新与上拉加载 (19:26)
5 ?$ `2 N! p- j3 Y( T3-20 小程序的页面跳转 (18:38)
; F! B# Q! `, L3-21 总结 (02:26)# H6 u2 Z2 D, g0 Y$ j0 H
3 C+ B! f3 h0 H$ J6 ^+ k7 ~, `0 I第4章 小程序进阶概念10 节 | 92分钟9 w: y$ a( d1 \( i
4-1 开篇 (02:17)9 I+ N T# E: Z
4-2 什么是组件化思想 (04:38)
& I+ A7 }! y: ~7 A& k/ C4-3 创建第一个组件 (08:19)9 b# Y% r! v7 W& K4 c8 p
4-4 组件的生命周期 (15:24)/ t. `" N# f4 Y/ {2 P% r
4-5 数据监听器 (11:27)6 T4 H t7 V2 ~" W! k) T9 L) Y) j$ T
4-6 组件之间的关系与通讯（上） (11:44)
; Q" K- l6 w' T6 n4-7 组件之间的关系与通讯（下） (18:22)
- d7 M) m6 r" U( }) t; } h4-8 组件的插槽 (15:51)
! ^* Z! J7 R. r5 u0 Z+ L K- ~4-9 总结 (03:15)
( g5 f' P) h- b" g, J1 h, y4-10 【任务题】热搜列表实现& ~! s7 j2 k1 A1 h" L
$ O1 h. o2 O! v: F) s) D$ G! i第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
2 e" T! R* ?4 ~, ~5-1 开 篇 (01:58)
& H9 z. v9 E$ F& j- e& P: K5-2 uniapp难吗？ (03:12)0 [* G Q, l) y# h- K5 C# G: O
5-3 配置uniapp开发环境 (06:24)
/ P- ~# D; \8 y4 q; Y5-4 创建 imooc-blog (08:57)
9 S* V' A L+ @- m4 Y5-5 运行项目到 微信开发者工具 (06:34)) e8 W _8 h0 ]
5-6 使用 VSCode 开发 uniapp (04:24)
: I; p2 c3 B3 |% P$ s5-7 创建与配置 tabbar- (10:54)
& k; a |" A& b" J" z! N5-8 警告与错误处理 (05:50)
$ T; V! M8 r- w& p8 R5-9 热搜页面分析 (01:08)
5 m' U. ~/ L& ~+ q5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)) N3 y n- @- }0 r7 H* f7 O9 A
5-11 创建搜索框组件 (15:57)
2 E) y* v5 B5 O6 w% N5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)) Q8 A, I) c/ G- C8 v, E
5-13 tabs组件 - 封装网络请求 (11:09)
. c S9 C- Z5 Y1 {. @- J5-14 tabs组件 - 进行基本的数据展示 (09:16)7 z9 S) S W j( s6 S4 M+ h! X1 x
5-15 tabs组件 - 美化样式 (05:31)
5 `2 U1 | u8 w5-16 tabs组件 - 设置激活项 (08:22)) u& f( M- W: L3 R% ~' q
5-17 tabs组件 - 定义滑块 (03:22)8 y; {; N# q) r& r, }. {' ~
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)" V! b2 w6 U: v% [
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
3 [' f8 S% s: F8 z6 h, w) m Z, _5-20 tabs组件 - scrollView 的点击位移 (04:01)
$ G4 P9 U" W6 a b/ l3 O5-21 tabs组件 - 增加可配置项 (05:07)
8 j; t1 H$ V; a7 _% j- v' ?5-22 List 组件 - 分析 List 组件 (03:58)
4 a+ m R6 p. V8 H- L5-23 List 组件 - 使用 mock 数据，构建 List 的基本结构 (08:35)2 Q k, J1 q1 H0 ^, ?1 u, Z) ~; a- J6 R4 W
5-24 List 组件 - 美化 item 样式 (10:15); a$ L/ e/ k' |( }" g" k
5-25 List 组件 - 根据 tab 的切换，获取真实数据 (14:30)
, c. x2 h1 b P( ^' l# b5-26 List 组件 - 渲染真实数据 (13:04)
8 p* n& @1 [9 H5-27 List 组件 - 通过 swiper 改造List (07:02)
' f/ B5 _" a' w5-28 【讨论题】通过 swiper 改造List遇到的坑
( L q+ `, O! f! l* w _5-29 List 组件 - 解决列表高度展示错误的问题 (11:53), k! Z0 G6 m) u8 o3 Q
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)0 L9 c5 k W3 v* g) G
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
, y% h) D% c& o' \- `+ b, v5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)# J5 l- l( o0 z0 y
5-33 完成 `tabs` 的吸顶效果 (02:48)$ E* [; h5 W* D# y* B) x8 Y
5-34 控制列表滚动位置 (03:58) S' i* g% b1 ~( v) r4 u
5-35 List 组件 - 处理热度的显示 (04:30)
2 v/ p7 V! Y9 I0 [" d& h S5-36 总 结 (02:24)6 x* @ y0 A2 n; z0 J& q* p
6 Y" K# }% |1 F) a7 d
第6章 文章搜索页面20 节 | 123分钟8 ^! M$ G1 u) N) J, [
6-1 开 篇(添加片头) (00:45)) s: o2 a. \0 L! {( |
6-2 文章搜索 - 分析文章搜索页面 (03:38)5 l$ R5 F% d3 h
6-3 文章搜索 - 使用分包，创建 `search-blog` 页面 (08:40)& T% v3 p8 J9 i5 e( K! F
6-4 文章搜索 - 完成跳转，渲染搜索框 (04:29)
3 x3 o" O( ]& c. a+ [6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)9 F/ r! O6 a3 d
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
8 D0 ~2 X# |2 y6 {1 P2 c6-7 文章搜索 - 显示推荐搜索 (02:55). K7 D s3 n2 `" I6 d
6-8 文章搜索 - 创建三个业务组件 (05:41)% M% h! A- X% X4 {
6-9 【任务题】控制业务组件的展示效果 R) A! F6 C' m8 @# k. t
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)" `. g) Y: `- ]. M" }$ w
6-11 热搜列表 - 数据获取 (03:49)
; _5 k* W2 E6 m% i7 u+ p6-12 热搜列表 - 数据展示 (10:24)
$ p; s* e. v5 @; f3 t) C! Z2 @1 j6-13 热搜列表 - 热搜点击处理 (03:50)7 N4 Z. U& p9 ^
6-14 搜索历史 - 渲染基本结构 (07:08)
3 H% i8 N& f5 m# R0 |1 U- \6-15 搜索历史 - 美化基本样式 (07:37)) b5 C+ f n' U
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)- ?$ Q7 O! K0 e* [
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
( y: l& n: S3 A# y, h6-18 【讨论题】构建良好代码结构遇到的“问题”？+ t) n4 M! g0 p) j7 t' y
6-19 搜索历史 - 找出现在的问题 (02:20) A o- L6 H, u
6-20 总 结 (01:09)" [( |$ K( P2 t( P' i
3 U) I" l2 U! ?第7章 全局状态管理18 节 | 113分钟
. A" O, u% ^0 @7-1 开篇 (00:53)' k( q' z4 L# m- N' |& ^/ c# M
7-2 状态管理 - 全局状态管理工具 (06:15)+ k8 I% y, q. Z3 |7 w* B4 f! }, {
7-3 状态管理 - 在项目中导入 vuex (03:09)7 Q! ?3 e D% J
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
0 d1 g# J$ w e! T7-5 状态管理 - 构建 search 模块 (05:47)
+ t3 _: t: }$ x" V z7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)$ X8 E* w$ V9 R3 v0 B j* R
7-7 状态管理 - 数据持久化 (06:15)
8 Z& z) S' q! f- ^0 ^7-8 搜索结果 - 获取搜索结果数据 (05:27)) W& F5 e6 u$ p0 ~. B& Q- C
7-9 搜索结果 - 渲染搜索结果数据 (14:19)! N; t2 R* b* u- }" I
7-10 【讨论题】 item 渲染
, M e/ M9 d& r0 m7-11 搜索结果 - 处理相对时间 (13:17)2 {( U, Z# M0 o' N. B2 k
7-12 搜索结果 - 高亮搜索结果关键字 (08:53); Q: i. ]2 R. m& g
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
* j4 }/ I+ J3 B' a1 Z5 l7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)
5 n- y6 e# w2 h7-15 搜索结果 - 处理空数据场景 (05:43)
: x. W7 L3 z$ K7 J5 I/ B; x7-16 【讨论题】下拉刷新、上拉刷载, I/ \# A$ H- ^
7-17 文章搜索 - 细节修复 (02:58)# s1 Y7 a8 L. O6 h9 Y
7-18 总 结 (01:20)# W/ b1 P0 q7 w
, F' p* I1 y8 S" q. z/ ]6 X第8章 文章详情模块开发21 节 | 134分钟
3 ^0 c& Q: @* ^5 g3 S) y8-1 开 篇(加片头) (03:12)4 m. }4 Z$ q# H( s
8-2 文章详情 - 点击进入文章详情页面 (07:28) k: w. [ c# H
8-3 文章详情 - 获取文章详情数据 (11:15)
( z# L, z) ]" Z$ ~! U8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05): h$ g; @; I! P3 _
8-5 文章内容 - 美化文章内容区域 (08:41)+ G, j' y9 J7 P9 `. q1 B0 Q
8-6 文章内容 - 分析文章内容的样式实现 (04:21): S5 S/ o$ P) v; B
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)7 [. p4 A; m6 E2 i1 u
8-8 【讨论题】文字太小是怎么回事？, J8 |% H" k9 f: o, f
8-9 文章内容 - 解决字体过小的问题 (06:03) ~9 ~7 v3 w( `% I' T& Y
8-10 【讨论题】渲染
2 Z$ _; b! K" j- r m8-11 评论列表 - 获取评论列表数据 (07:10)
: s4 X! o/ l3 F# l8-12 评论列表 - 渲染评论列表（精简评论） (10:14)- g5 O O) o# o) ^$ n
8-13 评论列表 - 美化评论列表 (08:18)
D5 l( [ W) X6 ]3 ?; e, g2 M7 Q8-14 评论列表 - 渲染全部评论列表 (07:57)) F& D3 d. k- \9 h6 R
8-15 评论列表 - 完成全部评论的分页加载 (07:28)0 j8 c7 ?6 b0 t* I2 h" N2 _
8-16 评论列表 - 处理数据加载完成的提示 (04:45)# S R; n/ E7 a3 W3 U. v
8-17 功能区域 - 封装功能组件 (05:43)9 ^. V$ ^4 B* C9 K9 ~; z, ]
8-18 功能区域 - 样式美化 (04:24)- U2 w) ~1 u' n$ t4 @2 p* y+ ]4 D
8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)
3 v3 h8 d2 w: G: r8-20 明确功能业务 (02:02)
. Y6 y- V# s% F' B- R3 E1 E8-21 总 结 (01:29). o- n% j* h6 G/ P) d& O
5 t& g4 Q2 T: M! F
第9章 用户登录20 节 | 111分钟
! F/ z; h, |/ z1 }9-1 开 篇 (02:26)9 R( \% X8 \: p/ L. i5 a
9-2 用户登录 - 登录页面基本样式 (04:38)
3 Z5 J0 l! o6 n" ]# v( z4 ~9-3 用户登录 - 封装登录组件 (02:52)
& w# c3 r1 [4 q7 [1 v7 l9-4 用户登录 - 明确登录的实现思路 (04:52)
/ Q/ w& i8 i& @3 M2 [" q- I2 H9-5 用户登录 - 封装 action 调用登录接口 (11:07)
5 S) t0 [7 H' L. C! t2 L& c0 A# W) ?9-6 用户登录 - 保存用户登录状态 (07:32)7 t* Q4 h( u, f0 |! a0 P
9-7 用户登录 - 完成已登录的用户视图 (04:06)4 c& V1 W" D! W b
9-8 用户登录 - 实现退出登录功能 (05:36)* e+ X; } t- H% r$ d; e/ U
9-9 用户登录 - 判断用户登录状态 (04:35)
/ c( W: p3 o7 k4 h( D5 D( w9-10 用户登录 - 新建登录页面，处理当前场景 (11:46)
# b' D- t4 T8 z- \5 t* p9-11 用户登录 - 监听登录成功的状态，返回之前页面 (03:48)
, I9 K! m( [0 |" O- \0 I9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
0 @; U9 Z+ p% M8 a" ?; H: p2 ^9-13 文章操作 - 关注用户 (09:03)" o4 p; P" R, \+ U0 A3 r9 _
9-14 文章操作 - 处理发表评论的 UI (11:00)& i: `! ?: {% N- o+ U, K+ q
9-15 文章操作 - 处理评论框的显示问题 (09:54)9 u/ u9 D9 {, ]$ W0 t
9-16 文章操作 - 发表评论 (07:18)) b6 x% }& a( F% r6 \6 Z
9-17 文章操作 - 回显评论数据 (04:57)/ ?( [6 r/ @5 o) ~
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
0 z0 _9 w# e: Q C( T. |! R5 p9-19 【任务题】实现文章的点赞和收藏功能
' W: b" J" w' s" }8 ]: i4 A f9-20 章总结 (01:29)$ R8 b8 p% H- m4 y7 ~
$ O/ q% A+ I# p$ n
第10章 热播模块16 节 | 80分钟
4 g: X+ R/ w: |: A0 d- n' H10-1 开篇 (03:01)
% i7 V! j* n3 \" H! p10-2 热播列表 - 获取热播列表数据 (03:43)
2 C( c) A0 z+ V7 {10-3 热播列表 - 渲染UI结构 (10:12)
7 `4 x* \8 X, T10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42); d8 f- a7 `. ?9 O$ ~1 T m
10-5 热播列表 - 点击进入详情页 (03:05)
) d) t. S. b& o! c7 e! f10-6 热播详情 - 渲染详情页面的视频组件 (10:46)$ a! m, G: j: L+ G/ J" ^& Z
10-7 热播详情 - 展示视频弹幕 (06:34)
9 S% h1 u- ], I2 Z10-8 热播详情 - 渲染全部弹幕模块 (04:44)4 l! P6 x2 r8 { q, a
10-9 热播详情 - 渲染底部功能区 (06:56)3 P$ C+ K8 e, H$ g# |7 |3 T6 W
10-10 热播详情 - 发布弹幕 (07:19)- w1 ?9 f1 V3 }! Q a5 _3 j5 K
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
0 }8 ^/ ]0 D* U# { T% {% l* D: {10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
; T4 \6 }* a- y6 d' G10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
. d+ w/ c3 z Z; _& C" Z10-14 热播详情 - 点赞、收藏的实现思路 (01:25)$ D( s: X( H' g- T' P6 F6 R, d
10-15 【任务题】热播中点赞与收藏的实现% L, s) F, F: `4 S$ ^' X
10-16 总结 (02:06)5 E5 g6 P' P( J% }& @8 j) k
5 ~# C. k3 }. s( A3 a- P第11章 多平台适配10 节 | 35分钟
! C4 l6 p L, p2 f& i! w1 Y4 f/ d11-1 开篇 (01:52)
; d: W5 G2 T3 }, S5 l7 ^11-2 uniapp 中的条件编译 (06:00)* `% D- V, ~" T( E
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)$ [0 ^8 u1 E6 U3 `$ M+ k; ^
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)% f4 a! o! h9 X& q, m- }0 g
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)- K7 Y0 m: E6 t" S
11-6 多平台适配 - 文章详情样式处理 (02:37)
+ R0 a+ u4 D$ w' X; E11-7 多平台适配 - 热播视频全部无法播放 (07:03)
* Q& ]" k0 O. W8 ^11-8 多平台适配 - 一键登录功能 (04:54)5 R8 W) q, I0 B+ N
11-9 总结 (01:41)2 W( a1 [8 j* i! W1 Z7 [
11-10 【讨论题】多平台适配问题
$ d8 U5 q# u8 U0 E9 v) R9 z9 c R3 Y$ D
第12章 项目发布4 节 | 9分钟
1 B+ U2 b# S! g( i$ A4 _12-1 开 篇 (00:46)) {5 [- I# K/ D. m: S- K9 ]/ J1 s
12-2 打包微信小程序 (02:37)0 P+ t4 k- `% [+ j; y0 I+ m6 U
12-3 打包 h5 页面 (03:51)
: F, b: R4 e/ L. K- p: H12-4 总 结 (00:53)
* z' W% f5 q4 A5 J8 ], C& k7 r- o% q9 Q& W6 V t1 y9 X4 L
第13章 课程总结1 节 | 2分钟
) Z6 ?% v, q; ]2 P4 F0 x. ]13-1 课 程 总 结 (01:24)
2 @+ t3 S" h, q; c. y4 l5 u% v9 i9 p% A& ]1 u$ W/ n
〖下载地址〗
, G0 V: M, V$ }" ]$ f9 _
7 Q: t, P8 h- c& L$ j1 U0 |〖升级为永久会员免金币下载全站资源〗& h9 [7 F$ |9 b+ Y& i0 O& P4 K8 a
全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html
8 }% A# {" i$ |! \ |
[复制链接]
