. D* v6 l2 x! h2 v( Z
" v& C. \! C/ s0 O$ O( @; I〖课程介绍〗7 g+ l, I3 `5 Y0 S+ _
还在为没有项目经验而烦恼吗？本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ，真正做到从0开始，开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。0 c! R4 q1 y1 J7 b" I" H8 p8 ]
〖课程目录〗9 R- ~- T& ^, R2 x/ ]* N2 {; [+ Q1 ]4 P
第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
l( l# N. ^; P0 t- F+ \; M1-1 导学 (15:50)
' p7 w6 c% q* u% @" Z* |. ^$ [/ @$ \0 w. K
第2章 小程序初体验15 节 | 88分钟2 Y# O0 d" w3 E8 l+ Q6 I1 D
2-1 开篇介绍 (01:28)
' p' X% F3 Y1 s5 Z9 d" U/ t( n- K2-2 小程序开发前的准备 (04:23)
, [. `6 o- P! X) J2 T) i2 @2-3 开发第一个小程序应用 (06:43)# H$ D- K$ {0 c/ E
2-4 了解小程序项目的基本组成结构 (08:20)
& `# ?1 B' V, ]+ ^( S2-5 wxml VS html (07:36), T0 }& Y- i# Z( P: g
2-6 wxss VS css (08:15), }( \) X. e- Q1 K9 D( O
2-7 .json文件 (04:57)) D: w* j4 n! D* P) o# V1 t6 \5 E
2-8 宿主环境与小程序的运行环境 (04:48)0 d3 T$ y& ?) P* h: J1 V/ S
2-9 小程序内置组件-view (07:48)/ O2 @" H6 E# f) e7 X* a u
2-10 小程序内置组件-scrollView (07:46), F& A3 T- L& k% w# D) j/ |7 d
2-11 小程序内置组件-swiper (04:43)9 n3 L) O& r3 \1 g
2-12 小程序内置组件-text&&rich-text (04:36)
+ H. o1 y* w; ^9 M; y, O2-13 小程序内置组件-button-image (07:04)7 h9 l$ _! q$ i0 C! v8 o6 s, i. Y) Z4 ]% J
2-14 小程序成员管理 (03:38)/ T2 q% [5 b, i3 l. `/ r# Y6 E
2-15 小程序发布流程 (05:47)
, s$ Q+ c& k: p; r2 S7 S5 f' @) a1 x2 O+ {" d7 e: m, J
第3章 小程序核心语法21 节 | 225分钟5 M! I1 ^' d. B- _ B
3-1 开篇介绍 (01:29)9 D3 `- Z9 j& }, J8 N0 t+ s- ?% { |
3-2 小程序的数据驱动原则 (13:00)
^* x4 C" u( B# x, X- T8 Z3-3 小程序的常用事件与属性列表 (12:34)
7 s0 L! N8 f! ^4 s7 g3-4 小程序的事件传参 (11:14)
7 N1 ]3 ?, d. ?6 |) a3-5 实现【双向数据绑定】 (12:57)8 R4 [6 u) [$ u. v5 { g
3-6 【任务题】实现双向数据绑定功能* n) S0 v+ \ d
3-7 【讨论题】数据驱动
6 O) s3 k' P# r3-8 条件渲染 (12:49)/ A5 r0 d# [. G X
3-9 列表渲染 (14:09)
: m6 h) x. g6 @2 S3 v3-10 配置文件解读 (25:41)
3 E& h, L" f# Q% G0 w( G. ~3-11 数据请求 (21:02)
6 v- F; @- `. u3-12 异步编程新方案 - promise（1） (13:24)
- _5 Y6 V+ z8 {3-13 异步编程新方案 - promise（2） (09:28)
5 i/ _& ?' }6 c0 j# J3 c) R3-14 【讨论题】异步编程
/ o, [0 A! ]7 B3 K3-15 异步编程再升级-async和await (09:38)0 y" I; {8 F G5 N
3-16 【任务题】异步编程0 \) b1 R; D1 h# Y6 t, d% \; o
3-17 小程序使用 promise 解决异步编程 (10:40)
2 q# q) h; H, ]6 y u; e p3-18 小程序页面的生命周期 (16:00)
6 b4 p! b1 j3 Z! r8 k3-19 PullToRefresh下拉刷新与上拉加载 (19:26)
3 A b9 h2 A% A% b3-20 小程序的页面跳转 (18:38)
5 v# v( [5 O9 |" X3-21 总结 (02:26)
7 C; U# c6 J9 {; _) w( N# Y1 ] L- r' f! c! I" h0 P
第4章 小程序进阶概念10 节 | 92分钟- p' R8 R9 G" Y4 I5 X; H X: P
4-1 开篇 (02:17); g6 P" ]. Q( A- s- @, g
4-2 什么是组件化思想 (04:38)+ s9 i2 B) u5 V# V) o! Q
4-3 创建第一个组件 (08:19)1 Z$ E5 N2 \! Y2 V7 U' t" m/ l/ {
4-4 组件的生命周期 (15:24)
* O! O/ @9 X6 v0 @" Z% J) @6 J4-5 数据监听器 (11:27)
! |8 P, o2 r5 m; K- |* H! E4-6 组件之间的关系与通讯（上） (11:44)
& u7 h `0 ?% Z) w$ s2 X- K4-7 组件之间的关系与通讯（下） (18:22)
+ @4 h/ A3 E) ~4-8 组件的插槽 (15:51)) C& Q8 E/ Z: _$ d$ F+ N
4-9 总结 (03:15)) _/ H& _$ b1 |2 `& y
4-10 【任务题】热搜列表实现
* r) w8 o, e. _5 h
: U/ N8 V! d" I: ?- n* S第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟6 O4 z4 t+ e; J7 s
5-1 开 篇 (01:58)7 X1 J/ N1 i, x9 p
5-2 uniapp难吗？ (03:12)
$ c. M- n( n2 n: l5-3 配置uniapp开发环境 (06:24)- L" k( X9 b, B: p
5-4 创建 imooc-blog (08:57)
+ `# ^, X- H; I$ c0 }8 S; G* Z7 z5-5 运行项目到 微信开发者工具 (06:34)4 J$ q7 L) x) d! d+ B+ ?& R
5-6 使用 VSCode 开发 uniapp (04:24)
. r) x7 c, T. j- {& W6 z7 k5-7 创建与配置 tabbar- (10:54)4 A& z2 v6 }3 R0 ?, L0 U# S) Q
5-8 警告与错误处理 (05:50)
- x, r. [8 \0 P- v, @; K( D5-9 热搜页面分析 (01:08)
' _$ V7 S2 H% X4 {7 A( z8 Y5 D5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)2 a9 t" v( L* S @* P9 }
5-11 创建搜索框组件 (15:57)
" s- W0 k5 c8 g N6 _5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)7 i# y6 f& ?- w# J% V
5-13 tabs组件 - 封装网络请求 (11:09)
! A, Q4 x/ q' x7 t) k, P5-14 tabs组件 - 进行基本的数据展示 (09:16)
% Z0 D7 n# O4 @. H3 c; w' W9 l5-15 tabs组件 - 美化样式 (05:31)" h: _, P7 J# n4 t6 F
5-16 tabs组件 - 设置激活项 (08:22)) w3 q5 E6 J3 L, z. U
5-17 tabs组件 - 定义滑块 (03:22)) x0 t$ F( P6 j5 z3 Q
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)! q& L. r/ u/ L9 S8 h
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)- e' L$ u7 P7 j- I- b3 z3 m- W
5-20 tabs组件 - scrollView 的点击位移 (04:01)' ?2 b5 N+ C9 `) B
5-21 tabs组件 - 增加可配置项 (05:07)0 O3 _* q% ^% u9 g) T
5-22 List 组件 - 分析 List 组件 (03:58)0 H+ h& z2 p- l9 g. n9 t u
5-23 List 组件 - 使用 mock 数据，构建 List 的基本结构 (08:35)
$ ~( B- u( J' K! F' P8 m5-24 List 组件 - 美化 item 样式 (10:15)* L' o8 ^: Z. j. G# Y
5-25 List 组件 - 根据 tab 的切换，获取真实数据 (14:30)
: s- Z6 ]0 R: o) u( {4 ~5-26 List 组件 - 渲染真实数据 (13:04)
) N3 x9 \/ w v, Q5 m2 e: [5-27 List 组件 - 通过 swiper 改造List (07:02)
! _8 }. `! r5 l/ t$ n) G5-28 【讨论题】通过 swiper 改造List遇到的坑
4 \5 e+ ~8 y' l/ k& \, U5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
p( A7 }( |! m. D3 O6 C. S" c5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)
! U4 V9 P2 Y- L4 M; X8 m% i5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)+ u. T6 N: c0 F; Q
5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)' c% l, @% `1 o7 [* M5 {% A5 P9 L
5-33 完成 `tabs` 的吸顶效果 (02:48)' v, o. X$ Z$ h, @& s# n( y, J
5-34 控制列表滚动位置 (03:58)! K6 \& f- ~) @3 H# k
5-35 List 组件 - 处理热度的显示 (04:30)
5 }% Z2 o; E' J- m, g9 n( |5-36 总 结 (02:24)
: ^; P! a3 l0 T3 k8 Q
2 Q6 z9 o! H- S F8 [8 N1 J第6章 文章搜索页面20 节 | 123分钟
, s/ G5 t4 {' I# t& T! C% `0 J6-1 开 篇(添加片头) (00:45)% p' [3 [3 f) O4 x* ~# n" s5 ^
6-2 文章搜索 - 分析文章搜索页面 (03:38)/ g, Q' C" I/ p7 k9 \. e8 [
6-3 文章搜索 - 使用分包，创建 `search-blog` 页面 (08:40)
4 Q$ k1 P% ~6 N6 s$ m6-4 文章搜索 - 完成跳转，渲染搜索框 (04:29)$ v9 n0 W( c$ h' `) Y# R( N! h
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
' p3 q# |) w+ M# S. s+ P3 r3 \$ d6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
! v' \2 D2 o t% @3 y6-7 文章搜索 - 显示推荐搜索 (02:55)
: n5 H6 U9 `4 V" S) Q/ w2 S6-8 文章搜索 - 创建三个业务组件 (05:41)0 _# j" l% i8 [7 F" J
6-9 【任务题】控制业务组件的展示效果. Q0 k$ ^) z o8 l* X; {$ @
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)/ X( [& r m0 m7 h& ?
6-11 热搜列表 - 数据获取 (03:49)
5 Q ~, d ~( {3 [& f) V1 m6-12 热搜列表 - 数据展示 (10:24). s* e& v- M+ b1 y' C% E
6-13 热搜列表 - 热搜点击处理 (03:50)# _1 J* P) d2 C
6-14 搜索历史 - 渲染基本结构 (07:08)/ r- a+ z6 l: `
6-15 搜索历史 - 美化基本样式 (07:37)
+ G5 \1 N- Y7 W+ s y6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)
/ M' G; j1 h( B: t: c2 l6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)9 W3 i) w: K" A" e6 o! E* }' o( u" r
6-18 【讨论题】构建良好代码结构遇到的“问题”？
5 u7 o9 A2 Q) X1 F5 V% [1 U6 }6-19 搜索历史 - 找出现在的问题 (02:20)4 k- y6 i$ t( D
6-20 总 结 (01:09)
0 w4 _/ P. J5 w
: y: n" Y5 J! G第7章 全局状态管理18 节 | 113分钟
% u# v. j5 a% \ m- t0 r- \ J' s7-1 开篇 (00:53)
# ~. K4 E" y! e# ~4 ?9 R, @$ k7-2 状态管理 - 全局状态管理工具 (06:15)
0 X! ?: I- C# h7 h/ Z, B7-3 状态管理 - 在项目中导入 vuex (03:09)' v5 X3 l! j0 n! {/ C3 e
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
8 s0 u7 D k6 I# }7-5 状态管理 - 构建 search 模块 (05:47)
; E6 H9 J$ M7 d8 G$ F! E2 J7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
6 f1 i+ h8 T% B2 f5 o7-7 状态管理 - 数据持久化 (06:15)/ U( G8 m) `8 ^6 k" T
7-8 搜索结果 - 获取搜索结果数据 (05:27)+ g1 y* r2 Z. V! T
7-9 搜索结果 - 渲染搜索结果数据 (14:19)
- }. e8 Q1 a! V; M9 x1 K7-10 【讨论题】 item 渲染
4 m- Z F' v* \: P7 Y* ?& N7-11 搜索结果 - 处理相对时间 (13:17)
3 z2 q) @2 {; c7 p3 e& B7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
+ E# W0 j4 B' ?; d7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
; f; j( s6 q1 ?9 J7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)- n7 L& S3 Q; f4 R+ C
7-15 搜索结果 - 处理空数据场景 (05:43)5 |5 T! m; D3 z! m, U. x
7-16 【讨论题】下拉刷新、上拉刷载4 [5 i2 ?7 R% \. b
7-17 文章搜索 - 细节修复 (02:58)! N9 M$ K8 ]7 J
7-18 总 结 (01:20)
) V' u. O' `: i! p7 G
0 D3 a, F6 M, L* r3 @第8章 文章详情模块开发21 节 | 134分钟: p# T3 a4 Q6 \% w7 S, C: \
8-1 开 篇(加片头) (03:12)
& s, e5 x+ V% y# A4 v4 Z1 }8-2 文章详情 - 点击进入文章详情页面 (07:28)
$ q4 U2 G1 W+ C8-3 文章详情 - 获取文章详情数据 (11:15); V* ?4 V! ^ `. F
8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
. \2 z' n' w4 H9 R8-5 文章内容 - 美化文章内容区域 (08:41)2 p- Y8 I" d/ i
8-6 文章内容 - 分析文章内容的样式实现 (04:21)2 B+ @1 s# W1 l* U2 C8 Y
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
) N, _+ u+ q0 ^ u" J+ i8-8 【讨论题】文字太小是怎么回事？! q) M3 x2 }: Z2 D+ U" ~& Z
8-9 文章内容 - 解决字体过小的问题 (06:03). A3 `( ~( U+ A2 m
8-10 【讨论题】渲染' g- @2 L0 H. z0 \) i& J0 p; T9 c
8-11 评论列表 - 获取评论列表数据 (07:10)# G1 M5 @3 h8 A1 E! a- f
8-12 评论列表 - 渲染评论列表（精简评论） (10:14)' o/ r" Q! [0 Z9 g( a
8-13 评论列表 - 美化评论列表 (08:18)
) _/ N8 C! K5 [3 M, v6 W" k8-14 评论列表 - 渲染全部评论列表 (07:57)
4 O; F& e/ q' W, j8-15 评论列表 - 完成全部评论的分页加载 (07:28)
( R" m8 E& Q) _' G2 B3 r7 w* e/ g8 Q8-16 评论列表 - 处理数据加载完成的提示 (04:45)
; i# T6 v: N2 M9 _+ R6 D8-17 功能区域 - 封装功能组件 (05:43)
+ Y! W/ f" N' ]. ?: C8 F+ e8-18 功能区域 - 样式美化 (04:24)
( t" m: m& p8 Z' _" J8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)8 z# Z, b Q h# f
8-20 明确功能业务 (02:02)
$ d, B) y' G/ `; y: V$ U8-21 总 结 (01:29)1 g. f7 |# \7 b: B+ |
* H: U, J: f% _# e6 A. T第9章 用户登录20 节 | 111分钟
# I( V- ~5 L- K- @; w" x2 R9-1 开 篇 (02:26)+ }- V4 u' k+ ]! e% [9 j
9-2 用户登录 - 登录页面基本样式 (04:38)
! d3 v: Y$ c) i* [9-3 用户登录 - 封装登录组件 (02:52)% \. F3 V/ W3 }9 e6 S; V/ q a0 `
9-4 用户登录 - 明确登录的实现思路 (04:52)
- c2 Z. d( R; T8 O, z9-5 用户登录 - 封装 action 调用登录接口 (11:07)! ~5 }( H& ^, q b
9-6 用户登录 - 保存用户登录状态 (07:32)
9 B# R; {. _( W( g, g3 T" j0 u9-7 用户登录 - 完成已登录的用户视图 (04:06)6 j: t$ s+ B4 z* _) R6 F: o
9-8 用户登录 - 实现退出登录功能 (05:36)' O/ |/ @& z9 R b0 O9 o
9-9 用户登录 - 判断用户登录状态 (04:35)$ K+ [) _" s: J9 X. ]
9-10 用户登录 - 新建登录页面，处理当前场景 (11:46)0 b2 A& p7 S9 }/ x7 u
9-11 用户登录 - 监听登录成功的状态，返回之前页面 (03:48)0 k! g( u+ ?7 u- F* |: A/ q
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
- [1 z9 i& s$ ~ V# b% ^; P9-13 文章操作 - 关注用户 (09:03)' \' @8 N" _5 a9 S. }5 G
9-14 文章操作 - 处理发表评论的 UI (11:00)
$ q7 \ `9 B, w9-15 文章操作 - 处理评论框的显示问题 (09:54)5 N* r. _9 ?: Y0 f) X
9-16 文章操作 - 发表评论 (07:18)/ B* m" u/ S: y) | P! i
9-17 文章操作 - 回显评论数据 (04:57)1 M/ F" t4 `! n* M5 P O, l$ y! @- [' x
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21): t% O m& V$ U
9-19 【任务题】实现文章的点赞和收藏功能/ ^* j* n8 ]% g; h# }
9-20 章总结 (01:29)
. v1 G( `2 |) F1 z: V4 K' v1 _4 L
- F3 s3 h) `$ n; ?+ y第10章 热播模块16 节 | 80分钟) v4 a! `, v3 W
10-1 开篇 (03:01)
$ ]9 ^3 G# o( J0 ~ h' I2 S" r! Q10-2 热播列表 - 获取热播列表数据 (03:43)' S4 s$ ?1 @& O Q }! D
10-3 热播列表 - 渲染UI结构 (10:12)9 a6 ?2 L3 d5 I7 g7 `: l
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
_3 f8 {: Q/ U2 p4 D10-5 热播列表 - 点击进入详情页 (03:05)
! Y) ]; ^1 v* i( a10-6 热播详情 - 渲染详情页面的视频组件 (10:46)$ ~" o9 _+ @# h6 y# V, K3 h6 Z
10-7 热播详情 - 展示视频弹幕 (06:34)
. w: a+ U' n) w q% K. M- A10-8 热播详情 - 渲染全部弹幕模块 (04:44)
. W! h, |" u" }5 U10-9 热播详情 - 渲染底部功能区 (06:56)
/ o, Q2 p4 Q, s10-10 热播详情 - 发布弹幕 (07:19)3 Q& U0 N: @3 [3 [
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)5 t) ] \$ `, p. l+ M" ]
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)( J7 y1 P3 I) R8 x0 L( d
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
8 w7 |6 @2 H9 L; s; p; S* U10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
: L {$ {; I d+ o+ [& z- Z5 {10-15 【任务题】热播中点赞与收藏的实现
i& I- i! [' E* G0 n10-16 总结 (02:06)
- W- ^+ I! w% V! Z9 X6 l. M' ^" l- m1 z1 Y/ |3 I# u3 y
第11章 多平台适配10 节 | 35分钟3 t# Q [) _4 e K1 B6 m$ z* ?5 O" s
11-1 开篇 (01:52)
2 k9 P9 C# T& z/ v11-2 uniapp 中的条件编译 (06:00)
$ o' v0 n) s& w& s11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)
7 P5 @4 r1 f6 d" y! _11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)8 }0 o4 x% A8 m f
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)+ e& ]+ N" q \& ^
11-6 多平台适配 - 文章详情样式处理 (02:37)
* ]4 g& u9 _% P% B7 b11-7 多平台适配 - 热播视频全部无法播放 (07:03)
% {1 W' L. F* J- m) Y11-8 多平台适配 - 一键登录功能 (04:54)
! G/ e) w3 |. e+ M0 y3 y11-9 总结 (01:41)
+ b- f$ K; q+ u3 m. K11-10 【讨论题】多平台适配问题
* | w% ] S3 L2 ~6 M$ V1 E
+ e( p3 D) g! X3 w. v) P# b第12章 项目发布4 节 | 9分钟4 B, l- I c U; }$ _7 P% V* F) E
12-1 开 篇 (00:46)
, }0 I4 I$ W! x. B$ L- z) f" Y12-2 打包微信小程序 (02:37): N0 P. m. G3 c
12-3 打包 h5 页面 (03:51)9 X' J1 M% {) {; G
12-4 总 结 (00:53)
5 |6 \9 m, l) a7 U1 C' i$ ]7 V7 m! [5 g) a8 D7 ?/ S
第13章 课程总结1 节 | 2分钟: C, d1 P) R8 k+ i
13-1 课 程 总 结 (01:24)3 Q5 f. c0 ?6 @' I2 A
# t/ W: E# `! D" t* \〖下载地址〗
4 ~$ ]: U8 _* l7 J! I
0 B# r! z3 U/ F% E1 P& r3 E4 J〖升级为永久会员免金币下载全站资源〗) z2 N1 g ?5 I4 F0 ]! e
全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html# ^$ c' }* X3 u( c( Q/ C5 p
|
[复制链接]
