1 Q G8 v K7 A1 v$ @; x
( u; C9 H: @. m/ T2 q8 N
〖课程介绍〗3 r2 h* s: R# |* y' h
还在为没有项目经验而烦恼吗？本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ，真正做到从0开始，开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。; `) o6 y9 D5 f
〖课程目录〗( j$ r+ l% W% a
第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
9 _! p* e! M4 Z. Z4 X* X3 q1-1 导学 (15:50) ~- F6 R. P" x
) J9 ]" ?% Q5 S: i第2章 小程序初体验15 节 | 88分钟
* ^4 b n6 h' `6 s" v! a2-1 开篇介绍 (01:28)
) [# C9 g9 J$ n) v8 p2-2 小程序开发前的准备 (04:23) j' Y0 ?8 Q, A$ T3 V7 Z, t
2-3 开发第一个小程序应用 (06:43)
$ h6 e( i: w5 |4 e2-4 了解小程序项目的基本组成结构 (08:20)
5 e. p$ k7 A! I2-5 wxml VS html (07:36)# Y: O4 M# E1 b+ w9 U- B z
2-6 wxss VS css (08:15)
: Y5 }% K7 O3 l9 R, @5 C; i2-7 .json文件 (04:57)
% e% c# F1 P0 L; t4 c2-8 宿主环境与小程序的运行环境 (04:48)6 L) _9 P1 e T' Y: k1 E
2-9 小程序内置组件-view (07:48)) t. ~8 F( l* T% }+ g6 ?- S
2-10 小程序内置组件-scrollView (07:46)
9 I5 L8 P% z# Y7 w, f$ g9 ]3 k7 M V2-11 小程序内置组件-swiper (04:43)6 E1 S, ^3 E2 a# M/ |; M$ I
2-12 小程序内置组件-text&&rich-text (04:36)
3 Z+ f6 p( Y) G- J8 b- R6 ^2-13 小程序内置组件-button-image (07:04)
T, [8 `: Y$ _. q5 @2-14 小程序成员管理 (03:38)5 m: B3 E: m* ?# t: P$ M, V' p
2-15 小程序发布流程 (05:47)
' Q! C3 T8 }9 o8 {
8 l/ r' [9 x8 ?; T第3章 小程序核心语法21 节 | 225分钟
J$ C' }) v ]( {9 T+ \3-1 开篇介绍 (01:29)
3 k' |. N Y+ U/ G' |3-2 小程序的数据驱动原则 (13:00)1 ]. D2 m1 s( k+ w) b
3-3 小程序的常用事件与属性列表 (12:34)
& h+ V% }5 C- H7 j3-4 小程序的事件传参 (11:14)
3 K1 p# @# C& Z5 X- }0 K& p6 x4 U3-5 实现【双向数据绑定】 (12:57)
0 a3 g' j% J2 M( l5 e8 ~3-6 【任务题】实现双向数据绑定功能
/ N9 {' C. T8 w8 ^. D3 ~, }8 N+ Z3-7 【讨论题】数据驱动* I% I' H5 Q+ H% Z7 Q) G7 B( f. R
3-8 条件渲染 (12:49)& f- S$ t" C$ l; k/ q0 C% M
3-9 列表渲染 (14:09)6 Q7 v# b: a3 [+ o; H; ^* d! ]
3-10 配置文件解读 (25:41)
0 h4 d7 c2 j, K$ e( i5 F3-11 数据请求 (21:02)* ^2 }9 }8 k b
3-12 异步编程新方案 - promise（1） (13:24)6 U: Q1 E* I3 K* @) D, X2 Z
3-13 异步编程新方案 - promise（2） (09:28)2 a( n3 N8 o# F1 j4 S$ z) W
3-14 【讨论题】异步编程4 u( [. j, k) a. Z# L
3-15 异步编程再升级-async和await (09:38)2 ]5 {! e; @. @: ^- p4 Q5 O5 @
3-16 【任务题】异步编程1 q; T& ~& P6 e: ?- T! c" i. I
3-17 小程序使用 promise 解决异步编程 (10:40) s" Y0 m3 C( m4 R. k
3-18 小程序页面的生命周期 (16:00)
, e9 o' v) }; ?7 D1 q: w3-19 PullToRefresh下拉刷新与上拉加载 (19:26): o* f3 K' |6 |; ~7 |2 T* |
3-20 小程序的页面跳转 (18:38)$ h8 u9 Y9 @0 i% y
3-21 总结 (02:26)
& a0 }0 J2 B# h5 z4 g. p3 b" t! a1 P) n3 @$ J, ]! U! W$ s
第4章 小程序进阶概念10 节 | 92分钟
# S2 \! ?& `4 \/ P n4-1 开篇 (02:17)
" C/ J, U5 o- [( s7 R4-2 什么是组件化思想 (04:38)" N+ {" B" @4 I0 W6 H
4-3 创建第一个组件 (08:19)5 a# c7 u. S* o
4-4 组件的生命周期 (15:24)
+ m7 I( J4 J& |3 R5 k5 O4-5 数据监听器 (11:27)
/ L7 Z# Q% ^! A6 }4-6 组件之间的关系与通讯（上） (11:44)& x0 x; {9 g6 r: v, L. ^/ H6 l
4-7 组件之间的关系与通讯（下） (18:22)# u! x6 F$ K8 X6 Y# W+ X' a8 y
4-8 组件的插槽 (15:51)% b! \7 c$ H3 O2 {/ T, K$ u
4-9 总结 (03:15)
" S% Z7 Z3 u1 @0 m( D4-10 【任务题】热搜列表实现
" c/ m% r: I6 i% P: T9 F' R
) o7 l5 X. t/ v% [7 p1 G第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟0 K, r& J5 v" k* Y5 Z. K! ~( J
5-1 开 篇 (01:58). T: |/ A0 F& @* z
5-2 uniapp难吗？ (03:12)
$ _1 I6 _* T, j% M5-3 配置uniapp开发环境 (06:24)* R1 d/ v) {: H6 R( s3 w: C6 i2 X3 ^8 i
5-4 创建 imooc-blog (08:57)6 m9 m& z W6 z7 d5 Q: e
5-5 运行项目到 微信开发者工具 (06:34)
$ o; l- m* u. J1 M8 {, G" k5-6 使用 VSCode 开发 uniapp (04:24)
3 n; _8 h0 S9 e8 C5-7 创建与配置 tabbar- (10:54)* ?. W7 ]6 c. P" U6 t9 V$ f
5-8 警告与错误处理 (05:50)
- J) v! ]" ~; C0 T8 k. V9 a1 J, R8 v5-9 热搜页面分析 (01:08)# {- F* J3 o& k
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)5 p2 {8 {- x0 M* P: u4 {
5-11 创建搜索框组件 (15:57)7 [0 \! V6 x: U3 f% u
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)
7 @2 U2 | b5 }! C& L. l5-13 tabs组件 - 封装网络请求 (11:09)$ F3 p8 X9 O! ^! ?5 e4 X7 s6 Y; `
5-14 tabs组件 - 进行基本的数据展示 (09:16)+ b7 T$ l! c6 e1 [8 G- b
5-15 tabs组件 - 美化样式 (05:31)7 o% e: l6 t3 ?* T0 [* X% i
5-16 tabs组件 - 设置激活项 (08:22)
7 W0 \. v, x5 T; P" c, c" k- \6 i5-17 tabs组件 - 定义滑块 (03:22)
$ `; n; i. `# T: N/ x5 }2 c) D8 A! r- [5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
9 m8 N- N3 Z: w" T) M4 O5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
% ]- ]' w9 J' A( p y. ^5-20 tabs组件 - scrollView 的点击位移 (04:01)% W4 F5 s* }+ B* ]
5-21 tabs组件 - 增加可配置项 (05:07)
9 V7 j6 ~* J+ B5 m! m( E9 p, s5-22 List 组件 - 分析 List 组件 (03:58)0 S' e8 U" r* M, z
5-23 List 组件 - 使用 mock 数据，构建 List 的基本结构 (08:35)
! E, F! H8 {4 C+ i0 L5-24 List 组件 - 美化 item 样式 (10:15)( U( ~% q$ m) ?% f1 I" d
5-25 List 组件 - 根据 tab 的切换，获取真实数据 (14:30)
* |# Y( G5 [5 g) E1 m* [9 q5-26 List 组件 - 渲染真实数据 (13:04)8 Z: h% _, L" H; h' Q
5-27 List 组件 - 通过 swiper 改造List (07:02)) A* V: ^* L) `
5-28 【讨论题】通过 swiper 改造List遇到的坑" _( ]$ z1 C5 H& X! r- q& l+ F
5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
$ f$ m0 |7 X" v5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)
% j% |- u! X1 I$ ?- u& M) i! z* O5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)6 l# b q6 O/ C/ a- O
5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
$ j. q* o; U: q5-33 完成 `tabs` 的吸顶效果 (02:48)
; E' o8 v& j7 F+ q0 G& ~5-34 控制列表滚动位置 (03:58)
' ^! J9 _; {4 }3 ?$ |# k# |; j0 d5-35 List 组件 - 处理热度的显示 (04:30)% J: C9 a c" w: G8 ]
5-36 总 结 (02:24)
8 g7 @5 v5 U' Z5 }) C! Z0 Y+ ~/ m6 m' \; }6 X/ K9 R( r0 w
第6章 文章搜索页面20 节 | 123分钟9 q* X0 h& [1 }6 g+ z! g% i
6-1 开 篇(添加片头) (00:45): z9 L5 B6 \ Y* k
6-2 文章搜索 - 分析文章搜索页面 (03:38)
, O x. q# j9 n' P' H% Z6-3 文章搜索 - 使用分包，创建 `search-blog` 页面 (08:40)' l# J/ u1 A2 M8 y- D( F
6-4 文章搜索 - 完成跳转，渲染搜索框 (04:29)' m, D1 {8 `% E$ [' Q2 y
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)+ e' O1 D) p( M& k3 k/ H
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)! x9 o r- ~# T3 U6 |
6-7 文章搜索 - 显示推荐搜索 (02:55)! T/ `! W# }' {& Y4 f8 y; [
6-8 文章搜索 - 创建三个业务组件 (05:41)
% `1 j: c& L; F8 D" s" \6-9 【任务题】控制业务组件的展示效果
9 L' T, Q1 P7 N9 Y4 \! c0 Q# A$ M6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
- C& z# X4 }. T" i; e6 F- a6-11 热搜列表 - 数据获取 (03:49); r! X3 g7 J# L6 y1 m& o5 X
6-12 热搜列表 - 数据展示 (10:24)
8 ?+ N' _1 J( e& e* A6-13 热搜列表 - 热搜点击处理 (03:50)) p: S) B& D& `5 i0 H9 j" @, g5 l+ j
6-14 搜索历史 - 渲染基本结构 (07:08)
; V5 r( a8 s) V* i# r( }" Z6 `6-15 搜索历史 - 美化基本样式 (07:37)
2 @+ C5 q+ q8 _0 B$ X* s: ]2 r& a6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)( X+ A+ {, h9 o0 N% e
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
& J& g$ a( S4 I a+ @6-18 【讨论题】构建良好代码结构遇到的“问题”？
+ Y. K1 a0 M* d4 E. G0 K6-19 搜索历史 - 找出现在的问题 (02:20), d% t# r$ b- {
6-20 总 结 (01:09)
* ^) ]" d$ e. C; u& p# ~+ O; D# M! M' I. m; L! y
第7章 全局状态管理18 节 | 113分钟, |- i0 O' w* f2 E
7-1 开篇 (00:53)
1 V' D- z7 m. x5 R7-2 状态管理 - 全局状态管理工具 (06:15)2 ^& k2 g4 @3 y. l
7-3 状态管理 - 在项目中导入 vuex (03:09)
7 Z" o7 O2 F& T* @( d7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
, g6 w1 w- r) _1 B/ e& a) A7-5 状态管理 - 构建 search 模块 (05:47)
1 I/ A# H1 N" K/ A& x4 O" c v7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58) K* ^; p# k3 j
7-7 状态管理 - 数据持久化 (06:15)) S* ]4 n6 ?5 A
7-8 搜索结果 - 获取搜索结果数据 (05:27)
! w! t; B" k$ D4 d7-9 搜索结果 - 渲染搜索结果数据 (14:19)
" ?1 B- y9 G7 \7-10 【讨论题】 item 渲染( B" W6 i7 p; J7 P; B. Z
7-11 搜索结果 - 处理相对时间 (13:17)
# S7 h, F2 ^9 \8 f7-12 搜索结果 - 高亮搜索结果关键字 (08:53)* @0 r0 t& u' E0 Z% D8 ~1 }0 G
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
1 n6 j/ z$ \. ?+ N; k* Y; r* {0 v7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)! u9 I" y5 x) R3 k
7-15 搜索结果 - 处理空数据场景 (05:43)
) `3 H" D U: z# Z7-16 【讨论题】下拉刷新、上拉刷载% {: C( v. f% W+ I
7-17 文章搜索 - 细节修复 (02:58)
, V Q5 a% o! Z6 A/ Q7-18 总 结 (01:20)
+ }+ K9 z: R+ U: V% R: d! p
& J5 {3 e6 c, h5 N g) d/ Y( f. |第8章 文章详情模块开发21 节 | 134分钟7 ^2 ~* H" g3 f/ L; }
8-1 开 篇(加片头) (03:12)& p# V8 h, x7 a# ^' W3 _
8-2 文章详情 - 点击进入文章详情页面 (07:28)
: }% g8 m" F* `2 Q b8-3 文章详情 - 获取文章详情数据 (11:15)
2 w/ ^, f/ N. X9 `, Z- l8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
, H* S. I4 u$ B1 N( K! }9 N8-5 文章内容 - 美化文章内容区域 (08:41)+ J, l& `; N& }8 a B; e0 S
8-6 文章内容 - 分析文章内容的样式实现 (04:21)
6 U( d* Z+ f3 f* P. ~: p, b/ C8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
' j5 t: Q, X- b( H) @. x8-8 【讨论题】文字太小是怎么回事？: y. ?# j4 }. B9 Z3 i% ~
8-9 文章内容 - 解决字体过小的问题 (06:03)
8 w0 ^9 z4 T) I) Z5 B3 S8-10 【讨论题】渲染
, o. [. }) X. R; e8-11 评论列表 - 获取评论列表数据 (07:10)& W- v y d3 V- d% P- b* m0 l
8-12 评论列表 - 渲染评论列表（精简评论） (10:14)2 f( ]6 E: [5 P9 \& f2 i
8-13 评论列表 - 美化评论列表 (08:18)( m# t$ C O: f6 P# i
8-14 评论列表 - 渲染全部评论列表 (07:57)
6 c6 C) E4 N! t9 i8-15 评论列表 - 完成全部评论的分页加载 (07:28)7 ~+ o7 b5 Y% V2 R3 W* K `
8-16 评论列表 - 处理数据加载完成的提示 (04:45)
$ b* I. y& L7 p- k# u8-17 功能区域 - 封装功能组件 (05:43)( q1 v) x- ~$ X; e0 y6 M; ^4 U
8-18 功能区域 - 样式美化 (04:24)
+ S9 c( ~; f) s; }% O8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)
: [% K+ J9 K- }/ s/ p8-20 明确功能业务 (02:02)
! X& G V& a" c) W$ I& k8-21 总 结 (01:29)
# C) @" A. [' ?& q0 W4 p
( N: K) \6 I2 O第9章 用户登录20 节 | 111分钟4 |; @ a) Q: B+ S3 D) f- I
9-1 开 篇 (02:26)5 v5 @3 o0 `+ W
9-2 用户登录 - 登录页面基本样式 (04:38)& S" E) g! N7 [' d8 S9 _
9-3 用户登录 - 封装登录组件 (02:52)
' D/ o" `5 B; [4 ]. K" [$ i9-4 用户登录 - 明确登录的实现思路 (04:52); C/ r, ~" M' H4 I0 s3 r2 `6 W
9-5 用户登录 - 封装 action 调用登录接口 (11:07)
, P. b1 A# N8 z% v9-6 用户登录 - 保存用户登录状态 (07:32)
/ X/ r |7 n2 @+ j: G# I9-7 用户登录 - 完成已登录的用户视图 (04:06); |) D- Z& |: z/ ], o
9-8 用户登录 - 实现退出登录功能 (05:36)
O+ S- t2 c( y* t3 ?9-9 用户登录 - 判断用户登录状态 (04:35)
* S A j+ h) j9-10 用户登录 - 新建登录页面，处理当前场景 (11:46)
* `7 L+ W' s4 @( @" f9-11 用户登录 - 监听登录成功的状态，返回之前页面 (03:48) u- H; w7 @. m3 H, a% N: N) T
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)5 l0 Z9 w8 O& F/ d8 j q
9-13 文章操作 - 关注用户 (09:03)
/ t @6 Q7 X. D1 ~9-14 文章操作 - 处理发表评论的 UI (11:00)* q1 J6 D& w+ T2 L" A
9-15 文章操作 - 处理评论框的显示问题 (09:54): L+ O! M9 r" n
9-16 文章操作 - 发表评论 (07:18)
8 a0 v- U6 J* T: E6 g$ Q. N0 P( x9-17 文章操作 - 回显评论数据 (04:57)4 K) v6 j( X* Q
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
+ z: P, N6 j* _; s; J' X/ i* A' u9-19 【任务题】实现文章的点赞和收藏功能* h" U5 }& ~' {7 S' B$ A
9-20 章总结 (01:29)$ u/ h! U* t2 B4 s
0 ^6 g' X# B7 m. I+ L; C第10章 热播模块16 节 | 80分钟
9 E' I# Y5 | l1 H$ z10-1 开篇 (03:01)
. t' V' a/ V* F4 A- x10-2 热播列表 - 获取热播列表数据 (03:43)7 N% J. a& Q6 f+ t2 }
10-3 热播列表 - 渲染UI结构 (10:12)3 B0 K& \# j# b1 @2 i% c
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
' m, A. T( U7 E10-5 热播列表 - 点击进入详情页 (03:05)
- N, U7 ]6 L5 r- p; h/ m10-6 热播详情 - 渲染详情页面的视频组件 (10:46)1 [2 f# ?/ b! P
10-7 热播详情 - 展示视频弹幕 (06:34)
0 U5 [/ D" f8 v5 [& ]0 E10-8 热播详情 - 渲染全部弹幕模块 (04:44)5 @6 f6 H: f4 W9 g% ~8 j) ?
10-9 热播详情 - 渲染底部功能区 (06:56)
8 s6 c, K2 ]7 I% j! W4 O3 E3 {10-10 热播详情 - 发布弹幕 (07:19)
# A4 T- I4 H o6 C( l) s( u1 i. ]10-11 热播详情 - 解决弹幕不显示的问题 (03:06)6 m) [8 @- ~9 h _' Q
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21): U2 g* A( m8 D. ~; k$ r
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
, ]3 b5 |3 ]$ E2 T10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
A$ a+ b' J! w6 h) P. q10-15 【任务题】热播中点赞与收藏的实现& U ~5 |3 O7 `0 j e3 ]: \3 c
10-16 总结 (02:06), R* ~5 r; W" }3 F1 L$ g9 z5 ~
2 L* K* n5 O" D
第11章 多平台适配10 节 | 35分钟
1 n ]3 ?+ Z* u# _. J+ f3 `11-1 开篇 (01:52)
" V7 V/ z' R% P1 p, x3 j11-2 uniapp 中的条件编译 (06:00)3 Q2 ?- T$ f" O7 D3 M2 D
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)9 i: r* n. \, y5 w; B0 b
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)2 b) d: |& N, p1 [' W( G
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)8 k& D$ h- C# f! z3 y
11-6 多平台适配 - 文章详情样式处理 (02:37)5 v2 F+ E; {& D+ B `- D# g
11-7 多平台适配 - 热播视频全部无法播放 (07:03)
/ _' k8 K# J0 `& \11-8 多平台适配 - 一键登录功能 (04:54)
2 T& o/ K4 e" S11-9 总结 (01:41)
% q& n# R- j3 \& l11-10 【讨论题】多平台适配问题
* j2 o; u& h% U! M
; Y/ f/ H3 A9 O7 k. s第12章 项目发布4 节 | 9分钟2 @# W0 S. \) W, x1 P
12-1 开 篇 (00:46)6 d+ ~. b9 J# M# R; W% X$ h
12-2 打包微信小程序 (02:37)
4 ]. D2 l. W3 F2 w0 X, l12-3 打包 h5 页面 (03:51)# c3 t9 J8 t1 C9 {/ a
12-4 总 结 (00:53)+ H7 ? n, r+ W# `' _& N2 _4 J
: p2 ~+ [3 q" o2 h
第13章 课程总结1 节 | 2分钟
& X9 v0 X0 l2 J9 [7 w* _: v3 @13-1 课 程 总 结 (01:24)$ j4 e, O7 @! |: F% d0 P: s- `+ W* `% {
7 m3 B8 `3 L) U2 \& f
〖下载地址〗1 b/ h# }( u3 A! w3 z
( @9 h9 [6 p, \* [) S# }. ]5 P〖升级为永久会员免金币下载全站资源〗9 X& w& T" w0 z0 `' F
全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html
: S4 W- B3 r5 E# h0 G. \ |
[复制链接]
