& A! r* r+ E6 f4 ]
; c+ `+ `# Y1 ^$ d7 B: p8 q〖课程介绍〗
9 C8 T s( o* p& K9 G( z8 N* |还在为没有项目经验而烦恼吗？本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ，真正做到从0开始，开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。
( E% e! M: S( @# b- S7 s〖课程目录〗& n+ t& s0 f& S/ _6 x. P9 o
第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
$ l L- _- w. W0 c3 w) x6 x1-1 导学 (15:50)
) c. d0 d' h8 c( }; n6 t) `: t) `
第2章 小程序初体验15 节 | 88分钟
4 w6 l+ k* s' ^! g4 M i& N- P2-1 开篇介绍 (01:28)& M8 ?. ~5 }# A3 _
2-2 小程序开发前的准备 (04:23)7 h$ Y$ t v e& R8 s5 {1 J
2-3 开发第一个小程序应用 (06:43)
5 k6 b, B5 P0 ~9 u* L2-4 了解小程序项目的基本组成结构 (08:20)
$ I) ~! \! I$ S$ f4 ?2-5 wxml VS html (07:36)" k g6 U7 [/ Y% ]7 G
2-6 wxss VS css (08:15)5 x1 Y3 V4 g4 H2 F* X1 Y9 Q/ }
2-7 .json文件 (04:57)9 M: w) R1 \1 g# R/ {9 l- y
2-8 宿主环境与小程序的运行环境 (04:48)
`: \5 \. Y1 p1 E- U2-9 小程序内置组件-view (07:48)( q$ F; C2 E0 z& d' P3 |* |/ p
2-10 小程序内置组件-scrollView (07:46)
' K8 c( F: s( G/ ^2-11 小程序内置组件-swiper (04:43)& Z/ ]5 O3 ~ `2 Z- l
2-12 小程序内置组件-text&&rich-text (04:36)( U# E- J# c) E/ b' _8 T
2-13 小程序内置组件-button-image (07:04)) N( ?$ K; v1 n ~
2-14 小程序成员管理 (03:38) W+ a" O4 [3 J) x$ V2 _
2-15 小程序发布流程 (05:47)
- Q8 u, D1 P+ T) X9 P# S1 K7 i2 s& W+ r' ^- Z! ] M# w$ Y" k
第3章 小程序核心语法21 节 | 225分钟
7 ^ Z. ]( s3 Z7 H* @" M, g$ f' U3-1 开篇介绍 (01:29)- |4 S7 U3 O- t/ p
3-2 小程序的数据驱动原则 (13:00)
6 O: X% X" l& c* S v# I4 o3-3 小程序的常用事件与属性列表 (12:34)
9 z# r# S, D7 a3 j* p: b! N1 o" h3-4 小程序的事件传参 (11:14)
! a6 p2 l) `- ]2 F8 {% m" L3-5 实现【双向数据绑定】 (12:57)
4 S ?. i5 V2 P7 W- q1 ~# I3-6 【任务题】实现双向数据绑定功能
& ^/ T7 @7 C3 a5 ]3 ~! ]& z3-7 【讨论题】数据驱动% E0 j2 i n9 F# [, [; t* X
3-8 条件渲染 (12:49); J: d% V0 e, x+ z* j
3-9 列表渲染 (14:09)
6 O- @; C6 y0 f8 y# y b3-10 配置文件解读 (25:41)
& H& ?. f5 l+ {4 E; N3-11 数据请求 (21:02)( I/ P" L" A6 l+ k
3-12 异步编程新方案 - promise（1） (13:24)2 U8 N6 z) |6 `0 Q9 @/ y
3-13 异步编程新方案 - promise（2） (09:28)
9 p8 s8 D! h. U) Y, @3-14 【讨论题】异步编程
2 R* x3 A4 t0 b7 c+ B3-15 异步编程再升级-async和await (09:38)2 J( x& E" F% S' f
3-16 【任务题】异步编程
+ P4 E/ C8 E0 k, ~, q1 Y, I3-17 小程序使用 promise 解决异步编程 (10:40)! b1 s; [* m4 _" P% M" n, M. V/ F* i
3-18 小程序页面的生命周期 (16:00)3 L. x9 `8 q$ _) V( ~6 _! m# m) x: I
3-19 PullToRefresh下拉刷新与上拉加载 (19:26)$ p; u2 y1 U7 f! n9 X4 g( x
3-20 小程序的页面跳转 (18:38)& k0 e) V' w( s4 G8 c5 J
3-21 总结 (02:26)
+ o, M: L3 k0 g5 L# w" [% T: N$ V3 s* U. A3 [, K
第4章 小程序进阶概念10 节 | 92分钟6 I. m$ k* l( b+ {6 O2 {
4-1 开篇 (02:17)
( M- ?% g( E" W9 Z i4-2 什么是组件化思想 (04:38)7 s8 X8 u5 ?$ d/ Z4 \8 U
4-3 创建第一个组件 (08:19)9 r3 H2 Z' o1 @0 }" h( D
4-4 组件的生命周期 (15:24)
( L. h8 {. l, x: G# r- l4 ]' p3 s. U, I4-5 数据监听器 (11:27)1 G1 z" W' X8 H8 |( }% Y2 F8 {; h
4-6 组件之间的关系与通讯（上） (11:44)2 C' I# O; B3 D" }! c3 s
4-7 组件之间的关系与通讯（下） (18:22)$ p5 M( m. D) t) X) B8 ?+ B
4-8 组件的插槽 (15:51)
8 e6 K7 [! o: v: E0 S4-9 总结 (03:15)
; a' q( r. }, c1 H6 |4-10 【任务题】热搜列表实现6 V5 h$ M; R, X
! w8 g! V0 _4 e# y
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
) }8 `* H0 j/ o7 D9 x$ G5 u5-1 开 篇 (01:58)$ z* k1 f7 P8 P
5-2 uniapp难吗？ (03:12)
! e8 K( {3 L" d' b2 R$ y/ a5-3 配置uniapp开发环境 (06:24)
1 t$ |8 C" p. }5 b5 y( J' t1 \5-4 创建 imooc-blog (08:57)
/ P, Q2 W5 O) D" T/ K# N! O9 u5-5 运行项目到 微信开发者工具 (06:34)
- s2 E" t1 G* Q) k+ k. {7 M& o" a5-6 使用 VSCode 开发 uniapp (04:24)
9 |+ w/ H" J3 F& _5-7 创建与配置 tabbar- (10:54)
2 w+ i6 z6 ?/ s* k5-8 警告与错误处理 (05:50)
X$ r6 u2 f& h/ ~5-9 热搜页面分析 (01:08)/ j. S2 k- u/ Q" K. E2 p
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
; v! p+ q% ?- p8 b. I& \- W1 R5-11 创建搜索框组件 (15:57): K' [* d3 Y0 Q: x/ ]+ B
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)# F! o, t: \# J
5-13 tabs组件 - 封装网络请求 (11:09)
% ~, w2 J! H- N1 n0 z: u5-14 tabs组件 - 进行基本的数据展示 (09:16)
1 J, _: A+ A) G& s# N4 I' b5-15 tabs组件 - 美化样式 (05:31)
; m- _& e g* S, R5-16 tabs组件 - 设置激活项 (08:22)
6 i. x9 t9 Z8 G5-17 tabs组件 - 定义滑块 (03:22)4 N, {' B5 E0 @0 D5 n
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
/ \. _# \( f, v' @5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)" M$ f4 X6 d7 W. A k( |# x- s
5-20 tabs组件 - scrollView 的点击位移 (04:01)
' Q3 J) _4 t' k. z( y: T5-21 tabs组件 - 增加可配置项 (05:07). U8 x% B. Y7 [$ M5 { B7 O7 |0 P
5-22 List 组件 - 分析 List 组件 (03:58)
; }% G# c1 Y1 w3 P6 F; \8 I5-23 List 组件 - 使用 mock 数据，构建 List 的基本结构 (08:35)
9 k, A( I( @6 `' E, v. z# r5-24 List 组件 - 美化 item 样式 (10:15)6 U8 {! R5 K* a' t2 w, R0 d6 S# j
5-25 List 组件 - 根据 tab 的切换，获取真实数据 (14:30), ?6 c% C1 G7 Z& U
5-26 List 组件 - 渲染真实数据 (13:04)
! m5 P) B0 S8 _& c: l2 q, U5-27 List 组件 - 通过 swiper 改造List (07:02)% |8 e' d: {7 @
5-28 【讨论题】通过 swiper 改造List遇到的坑
6 ?/ [, X4 O \0 M3 y5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
8 V# d% Z" A. Y3 Z. }* J# n5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)7 B# n+ t) A0 J2 U2 I1 b
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
+ J, q8 W, }" p* w7 ~5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
' k. ?5 ]. w/ r+ h7 \: @; E* |% k5-33 完成 `tabs` 的吸顶效果 (02:48)9 x: Q6 n, @9 l
5-34 控制列表滚动位置 (03:58)
! C9 S7 j' m5 t: G5-35 List 组件 - 处理热度的显示 (04:30)
( y8 `- P% y5 B, ]5 G q7 X4 l5-36 总 结 (02:24)! z" C8 s1 F+ v& j& T4 k5 L
( s; G: j; N4 o; S第6章 文章搜索页面20 节 | 123分钟1 |. k3 A( F5 ^+ b" \3 f! y
6-1 开 篇(添加片头) (00:45)
1 F+ c; m' v! D& P6-2 文章搜索 - 分析文章搜索页面 (03:38)
) X- I5 P' S) s N) k! x7 {5 D$ x. h6-3 文章搜索 - 使用分包，创建 `search-blog` 页面 (08:40)( z: @' n. s4 n* M/ |7 V. g
6-4 文章搜索 - 完成跳转，渲染搜索框 (04:29)6 E8 R/ r7 \" l& q0 \
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
8 H- {9 t' Z& q6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)9 M8 L2 U4 V/ N5 x6 y
6-7 文章搜索 - 显示推荐搜索 (02:55)
$ K1 L; w- W' @. G) V5 h. g( E6-8 文章搜索 - 创建三个业务组件 (05:41)
2 `6 k, t7 X& p9 E# V+ w# r$ E7 w; U1 S6-9 【任务题】控制业务组件的展示效果) [' o6 x) _8 V. e
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)! m9 X; j) v8 L" F, a$ {4 y
6-11 热搜列表 - 数据获取 (03:49)2 r8 P5 U6 L# G& @- y/ b
6-12 热搜列表 - 数据展示 (10:24)
L' D# A8 r4 i/ M3 s6-13 热搜列表 - 热搜点击处理 (03:50)' f; c! D$ G Y- Z2 D( }
6-14 搜索历史 - 渲染基本结构 (07:08)
9 r- f( ]7 @* I6 N6 w: i, q" o6-15 搜索历史 - 美化基本样式 (07:37)
' U5 a7 m" q v" V! T- h, k6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)
) w b" W' h, F* S0 M6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
6 {; Q) X5 b, e5 N6-18 【讨论题】构建良好代码结构遇到的“问题”？& U5 ]( @2 `6 P i1 `5 {, w1 p
6-19 搜索历史 - 找出现在的问题 (02:20)
' [+ a* `/ C: _ M! D6-20 总 结 (01:09)" Z8 ?( G' k! u {9 T8 o$ S0 k/ n! A
7 ~3 }% I6 c* F, A1 t: y: i
第7章 全局状态管理18 节 | 113分钟5 L v! ~7 O' }( U* V
7-1 开篇 (00:53)7 p2 P1 g( O8 R: N
7-2 状态管理 - 全局状态管理工具 (06:15)7 l9 ~" p3 K+ I2 C# W: z+ @2 ^
7-3 状态管理 - 在项目中导入 vuex (03:09)
+ i3 F0 ?( I! X* F' ?% Q4 N! [7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)6 Y( V: h, {+ u- O2 w* _4 f
7-5 状态管理 - 构建 search 模块 (05:47)
6 W$ j$ U) w2 S7 D3 g% y4 x7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)( y# C. e+ _1 K! I
7-7 状态管理 - 数据持久化 (06:15)3 a( I4 V( @* I7 ~
7-8 搜索结果 - 获取搜索结果数据 (05:27)! i' ^& O# h+ U5 e# x2 Q8 o
7-9 搜索结果 - 渲染搜索结果数据 (14:19)# r! \( M. O) P6 z
7-10 【讨论题】 item 渲染
( }& i' S$ i$ ]3 R+ q* ~7-11 搜索结果 - 处理相对时间 (13:17)
2 g- T0 y5 f" J1 ?; ]# l7-12 搜索结果 - 高亮搜索结果关键字 (08:53)' ^1 s& k& Q% F
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
/ m5 \% G' J+ {1 w7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)% X+ z+ l& |7 j( e" A* V. C
7-15 搜索结果 - 处理空数据场景 (05:43)
0 I; x1 @! j* a7-16 【讨论题】下拉刷新、上拉刷载( D/ q2 ^' W* v' J# S. T
7-17 文章搜索 - 细节修复 (02:58)6 m: E& c/ r% E. u
7-18 总 结 (01:20)
+ y- I( r; d3 K; T7 ] b9 k' j r& b* f% ?# D5 e# P3 E0 x( r! }
第8章 文章详情模块开发21 节 | 134分钟( v8 v4 Y( x+ i6 Z9 a+ c$ v# _' o
8-1 开 篇(加片头) (03:12)
* H- f# _6 M: J4 O4 E6 E" I" o8-2 文章详情 - 点击进入文章详情页面 (07:28). m1 V" c& w) N7 D9 ^
8-3 文章详情 - 获取文章详情数据 (11:15)
& z R* b5 T. M& e8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
9 w( S. \( s+ t {& W8-5 文章内容 - 美化文章内容区域 (08:41)4 k' g/ l/ G5 |2 J
8-6 文章内容 - 分析文章内容的样式实现 (04:21)9 R/ E/ _" Z7 ~- d
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
3 ?5 l4 D$ r0 n3 Z& X- h0 q8-8 【讨论题】文字太小是怎么回事？& f& b: t# g% f
8-9 文章内容 - 解决字体过小的问题 (06:03)& y, P+ Q+ K8 v6 M. t( C5 |, u
8-10 【讨论题】渲染
6 C: n$ T$ c0 A( R7 t8-11 评论列表 - 获取评论列表数据 (07:10)
8 J Z( [6 `/ T0 h8-12 评论列表 - 渲染评论列表（精简评论） (10:14) }, w; t* l) D( y/ f d
8-13 评论列表 - 美化评论列表 (08:18)
- Q3 {: \# T& @1 x! r+ I: t& {2 S* r" m8-14 评论列表 - 渲染全部评论列表 (07:57): r" |' W w# j: r) X- s" L- {, B! W* {
8-15 评论列表 - 完成全部评论的分页加载 (07:28)$ w5 a3 o6 B4 [/ f9 T
8-16 评论列表 - 处理数据加载完成的提示 (04:45)- j3 x7 O3 Z0 Z$ B+ `
8-17 功能区域 - 封装功能组件 (05:43); d& O* @2 @; b& n$ o, B: w0 s
8-18 功能区域 - 样式美化 (04:24)
( j6 A. b. }, b/ d8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)% b7 m' c; H: G; S) o M: O7 T; o
8-20 明确功能业务 (02:02)
# A! l2 m0 T. D+ V7 t% ]$ N8-21 总 结 (01:29)* D5 y, g6 N1 o" C% F- B
7 C4 E R' G/ u3 n- M9 ^* y第9章 用户登录20 节 | 111分钟* Q" ]7 V: @/ Z0 l; q: t4 F
9-1 开 篇 (02:26)" @' f2 D$ l7 u
9-2 用户登录 - 登录页面基本样式 (04:38); I6 |, g) T6 U" B# M
9-3 用户登录 - 封装登录组件 (02:52)
3 \: Z1 o* j) w: _# c9-4 用户登录 - 明确登录的实现思路 (04:52)6 l9 I! G6 s. L9 r, X. S3 V
9-5 用户登录 - 封装 action 调用登录接口 (11:07)" |0 E1 ?/ q& W3 }. F. B1 _8 o a
9-6 用户登录 - 保存用户登录状态 (07:32) T" Y0 c/ \5 B; v+ w
9-7 用户登录 - 完成已登录的用户视图 (04:06); {2 V3 v) X5 A" ?" E% u1 J1 W* }
9-8 用户登录 - 实现退出登录功能 (05:36)9 A" [" n( T1 k( f( s& i
9-9 用户登录 - 判断用户登录状态 (04:35)# g: b8 ? n1 z) S; ~
9-10 用户登录 - 新建登录页面，处理当前场景 (11:46)
! T2 Q- Z) K& c0 H9-11 用户登录 - 监听登录成功的状态，返回之前页面 (03:48)+ U6 m& ?! q7 \; @/ e
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43); S7 a4 J5 U( a6 L0 c+ S
9-13 文章操作 - 关注用户 (09:03)
9 v/ g; h& I4 M( M8 v9-14 文章操作 - 处理发表评论的 UI (11:00)
2 [; Q z& t- S( `1 ]% |1 t9-15 文章操作 - 处理评论框的显示问题 (09:54)
' _( y3 {! ]3 |: N+ I9-16 文章操作 - 发表评论 (07:18)
1 ^( z$ e. I" r' y1 c% J: C9 [: q9-17 文章操作 - 回显评论数据 (04:57)" I$ ^. A) ^! o/ E+ O8 ^; z1 \& ^( Y, k
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)" K# V i2 c8 @7 \, f4 A4 e8 d) [
9-19 【任务题】实现文章的点赞和收藏功能6 J4 v7 X& b1 `0 {
9-20 章总结 (01:29)7 n2 t0 n5 Q8 r& }, Y5 g* B9 U
# u* A9 Q: f3 |4 P" A$ K4 |
第10章 热播模块16 节 | 80分钟
+ E# R) z* r' ^2 h6 M6 B I+ \10-1 开篇 (03:01)6 E1 s1 ?! g8 f, W% s5 F! y
10-2 热播列表 - 获取热播列表数据 (03:43)
7 n2 H2 J5 G6 F( H' q9 A+ ^( B10-3 热播列表 - 渲染UI结构 (10:12)% w; k( T# T/ H1 p/ x. }
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
6 u% M$ g( ~8 I: V" D ^( t10-5 热播列表 - 点击进入详情页 (03:05)
. q' E1 o8 }* C" w10-6 热播详情 - 渲染详情页面的视频组件 (10:46), O9 I+ o8 ?; l0 i3 e$ a) Y
10-7 热播详情 - 展示视频弹幕 (06:34)! v: {9 k0 ~4 O; i
10-8 热播详情 - 渲染全部弹幕模块 (04:44)
* V3 E6 r- |; ^3 R) C( v10-9 热播详情 - 渲染底部功能区 (06:56)% J, j/ q+ ]3 Y2 n1 L' g
10-10 热播详情 - 发布弹幕 (07:19)# m( r9 `9 `, _
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
! R* [2 D. Q1 }0 H10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)5 a; X% q/ N, p5 \, p2 s
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
$ ?$ h* b# Z# f% ]+ ?10-14 热播详情 - 点赞、收藏的实现思路 (01:25)+ \9 [* H: `% \$ v t. u' X ^
10-15 【任务题】热播中点赞与收藏的实现
3 F, x5 n1 H# C10-16 总结 (02:06)
6 F$ V0 x7 d1 e) _# l* @; [( T
7 d% U4 Z4 P* n0 f第11章 多平台适配10 节 | 35分钟2 V- f6 {" h% F$ B; Q
11-1 开篇 (01:52)0 h2 }8 G! v1 ?# i
11-2 uniapp 中的条件编译 (06:00)
4 F @% ^4 l$ J. ^+ ~$ R11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)% R! T1 A/ c) N) s4 h
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
3 R2 q3 c( i4 _' k1 X( V11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)1 @0 B* Y/ c- S: f
11-6 多平台适配 - 文章详情样式处理 (02:37)
{4 I0 o7 ]$ d$ h" A11-7 多平台适配 - 热播视频全部无法播放 (07:03)2 q$ K7 p- c5 N4 ?* B
11-8 多平台适配 - 一键登录功能 (04:54)
+ s8 \ J2 e2 o; l- A11-9 总结 (01:41)' V z g# V5 L5 Z" C# H" I B
11-10 【讨论题】多平台适配问题
. L5 H0 o x- X2 T8 |
7 p1 N7 L" @% a' ~1 d第12章 项目发布4 节 | 9分钟$ X# C6 ]/ b7 P f+ [- B8 R& x% Q9 Y
12-1 开 篇 (00:46)
; f0 h/ F( t4 v12-2 打包微信小程序 (02:37)" f0 Y* w% F8 L2 g
12-3 打包 h5 页面 (03:51)
% W$ n/ S7 s) Q) z12-4 总 结 (00:53)
1 V' Y& ~% v. N# p' G4 n, v6 m& o9 A0 e
\; l8 K0 k8 K4 b. ^, e# {( _8 t第13章 课程总结1 节 | 2分钟' x0 D+ R! F: Y7 i' l
13-1 课 程 总 结 (01:24)
. A% W. E3 ], ?. C
6 D( c- ~( } i7 e5 l〖下载地址〗! j) ~* _$ A1 I
# ~: C5 h; b9 z; @; j) e* L. ~
〖升级为永久会员免金币下载全站资源〗
( ]; Z; c1 F9 O9 N% h" o全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html9 M: O/ b* P+ w5 n- l
|
[复制链接]
