* x/ A- K2 D; N
4 m- o# D) b* x3 D8 X9 x
〖课程介绍〗) i' Y) q5 X2 q( p ?8 N- p3 t
还在为没有项目经验而烦恼吗？本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ，真正做到从0开始，开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。
+ N8 G+ A/ v* \〖课程目录〗
" Q: Z6 ~" g% Y- ^$ n( ?第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
0 y2 l- x8 o1 h* r P7 ]8 I1-1 导学 (15:50)& ^. h, L3 k3 L- c! ~
: |$ Z6 e8 h+ R3 k$ J: C: f
第2章 小程序初体验15 节 | 88分钟, u" K/ U% [1 a' e
2-1 开篇介绍 (01:28)
5 o9 P" e; U2 n# O2-2 小程序开发前的准备 (04:23)+ p3 g* o6 e9 a+ ?0 P$ Y+ a( X7 T3 r
2-3 开发第一个小程序应用 (06:43)- z) V- G; l# a
2-4 了解小程序项目的基本组成结构 (08:20)
7 j4 y7 l( }% Z Y% f2-5 wxml VS html (07:36)
: q4 k4 t9 }) \& A0 J2-6 wxss VS css (08:15)% ?0 |$ S5 g( t8 J4 t A4 N
2-7 .json文件 (04:57); e9 Q6 \0 {4 C* {9 ^
2-8 宿主环境与小程序的运行环境 (04:48)
( i: x; x# B$ y2-9 小程序内置组件-view (07:48)
: |3 }7 X' c8 p# x* b# I2-10 小程序内置组件-scrollView (07:46)
+ ^+ p) P! Z* d9 ?& n2-11 小程序内置组件-swiper (04:43)
4 b6 S% T3 h. q2-12 小程序内置组件-text&&rich-text (04:36)
* ~; y7 s% w7 f( J$ X2-13 小程序内置组件-button-image (07:04). v/ h1 `/ D1 w8 Z
2-14 小程序成员管理 (03:38)6 ?5 T1 z0 V( S: ] P7 g5 B! Y
2-15 小程序发布流程 (05:47)- P! Y9 m7 m/ |- X- Y% Y E4 t: @
: I) Y0 K$ u$ Z9 k9 u' E
第3章 小程序核心语法21 节 | 225分钟, q$ A7 Y8 u J6 @- x. } r
3-1 开篇介绍 (01:29)6 _5 d9 r0 C; r1 S+ Z: l1 A
3-2 小程序的数据驱动原则 (13:00)
) o; L% ^0 T; H/ ?6 _3-3 小程序的常用事件与属性列表 (12:34), i3 }" d, a, c1 R" ^
3-4 小程序的事件传参 (11:14)3 n: p+ E8 W5 Y P G* z ?
3-5 实现【双向数据绑定】 (12:57)4 E$ G5 m- k3 g% s; L( A( S
3-6 【任务题】实现双向数据绑定功能
6 z5 B" M x7 V1 T/ f. Y3-7 【讨论题】数据驱动
% v. [& B. s* C, r% e3-8 条件渲染 (12:49)
1 E. Y p0 q! t: p6 P0 ?& q3-9 列表渲染 (14:09)0 @3 t9 C3 a0 f" H& M
3-10 配置文件解读 (25:41)
; b8 l( h& K) t) j3-11 数据请求 (21:02)
1 u/ h! s! a l5 J3-12 异步编程新方案 - promise（1） (13:24), w, f4 o- c1 z2 }. k
3-13 异步编程新方案 - promise（2） (09:28)
7 b8 D: R5 f1 q& V3-14 【讨论题】异步编程
; C+ ~$ ?, G P) U3-15 异步编程再升级-async和await (09:38). C9 H% Q+ u7 l! e# B
3-16 【任务题】异步编程
- O9 j; |/ v$ V$ Z+ `9 r/ p# y! K5 `4 d# {3-17 小程序使用 promise 解决异步编程 (10:40)
! G z9 M. n# I7 v: E3-18 小程序页面的生命周期 (16:00)
6 H. M' ~) g+ R8 ]: ?$ m2 D. }( ?3-19 PullToRefresh下拉刷新与上拉加载 (19:26)2 @* Q4 Z$ @- Z8 G+ z6 E5 y
3-20 小程序的页面跳转 (18:38)9 ^* \3 \6 |1 N H$ ^: q
3-21 总结 (02:26)
2 A1 C7 b" L% A' E* r0 g; t A& r9 T6 y3 s
第4章 小程序进阶概念10 节 | 92分钟
`- a4 G/ ~. p: h5 z K4-1 开篇 (02:17)
$ @0 a# M7 v- {7 P% |( J8 X4-2 什么是组件化思想 (04:38)- o0 X3 {% N0 I2 N7 F& J O
4-3 创建第一个组件 (08:19)
/ `* q) g+ ]( q) C9 X4-4 组件的生命周期 (15:24)
/ u* h1 k/ w5 L: w5 k4-5 数据监听器 (11:27)
. q/ @/ O* s0 {, y4-6 组件之间的关系与通讯（上） (11:44)& r! Y3 g; H0 T- e& j! V
4-7 组件之间的关系与通讯（下） (18:22)
* S" G) a; V6 O L1 }4-8 组件的插槽 (15:51)
" R5 d' f/ ?' p6 W, @0 @3 f4-9 总结 (03:15); n1 a+ u% f2 w+ }% {( r
4-10 【任务题】热搜列表实现
3 s. P! T& G1 j) X" s6 U5 W3 {5 Y# s
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
/ k3 [# ^# ?* R3 E5-1 开 篇 (01:58)
6 |) g& c% e2 n$ @. D5-2 uniapp难吗？ (03:12)% J/ b1 M2 O F6 t% @
5-3 配置uniapp开发环境 (06:24)
% p( P$ Z4 ]( h( a: Q, M: L0 t+ t) v. F5-4 创建 imooc-blog (08:57)
. K p5 x5 B# S: A- b5-5 运行项目到 微信开发者工具 (06:34)
3 A+ w$ I5 q) y1 I6 W5-6 使用 VSCode 开发 uniapp (04:24)
& @5 N0 [ L# u+ w: G5-7 创建与配置 tabbar- (10:54)
) f+ r5 [# ?# j6 J( l5-8 警告与错误处理 (05:50). O5 J6 x! l0 o1 J5 x: `; V! `# |
5-9 热搜页面分析 (01:08)
. K# \ Q3 Z1 g' C% C5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
+ G- N, `; S, o5-11 创建搜索框组件 (15:57)
, x9 l# J# u6 Y( T6 p8 m5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49), g& i8 G8 l7 v
5-13 tabs组件 - 封装网络请求 (11:09)
. @9 q" V4 A4 B- n2 u5-14 tabs组件 - 进行基本的数据展示 (09:16)
- I7 e+ ~( I' X) F l+ ^: v5-15 tabs组件 - 美化样式 (05:31) v: o* C7 v6 a0 E, O ]7 t4 o5 ? \
5-16 tabs组件 - 设置激活项 (08:22)
_2 `/ L! h- _, V( z! t5-17 tabs组件 - 定义滑块 (03:22)/ u7 l& i& u( r% X% L9 x$ p# m: V
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
6 G2 `9 e d4 C) Q5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
; K& K( O1 y! d2 s1 G* T$ H* z( O5-20 tabs组件 - scrollView 的点击位移 (04:01)
5 L5 @* }& q( h u+ S* I2 ]5-21 tabs组件 - 增加可配置项 (05:07)' c# n" k! t1 N# b v
5-22 List 组件 - 分析 List 组件 (03:58)% P. s1 Z$ A, G! z
5-23 List 组件 - 使用 mock 数据，构建 List 的基本结构 (08:35)" O) Z1 k: k4 a/ V! N
5-24 List 组件 - 美化 item 样式 (10:15)5 }3 z: A, I2 U2 H6 \/ Y# w1 t9 y
5-25 List 组件 - 根据 tab 的切换，获取真实数据 (14:30)
$ d4 O9 h; Z0 g6 {) n4 H$ c5-26 List 组件 - 渲染真实数据 (13:04)
: T! l4 m; H& G; R: `5-27 List 组件 - 通过 swiper 改造List (07:02)$ V2 P6 Y9 J% [8 A
5-28 【讨论题】通过 swiper 改造List遇到的坑7 I0 G" X0 n) v
5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)) O% W+ ]5 Y. m3 g0 x0 C8 y
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)/ `& `% J, U9 Z1 n1 [9 \
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
/ r8 e- ? y+ g+ `) b1 r5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)& k) H1 Z$ |% w7 X: V! J
5-33 完成 `tabs` 的吸顶效果 (02:48)
8 ~- K0 m, k) t3 @8 s8 f2 a; ~5-34 控制列表滚动位置 (03:58)& H$ |8 z" ? u0 B5 P- F, _
5-35 List 组件 - 处理热度的显示 (04:30)1 I6 u$ }) h' P! J. R0 o
5-36 总 结 (02:24)
9 f! A7 T& V4 ^& o
' t+ X; C. I. n$ M1 {7 C9 M/ }第6章 文章搜索页面20 节 | 123分钟
2 b5 g9 T9 [1 ~+ m- |- L8 C6-1 开 篇(添加片头) (00:45)" q- {9 L, G# K V
6-2 文章搜索 - 分析文章搜索页面 (03:38)
7 \: E. J$ h2 Q+ v' @6 R6-3 文章搜索 - 使用分包，创建 `search-blog` 页面 (08:40)
& i0 } I e9 v: D6-4 文章搜索 - 完成跳转，渲染搜索框 (04:29)
8 L1 s7 U3 h" j g, t6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)* h4 k) X! A5 {9 e, d
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)$ O5 c- i0 u' k# @8 I2 m
6-7 文章搜索 - 显示推荐搜索 (02:55)
: A+ h1 U' ?$ ?$ d! ]* b6-8 文章搜索 - 创建三个业务组件 (05:41)3 K6 u# @' F3 j' M" W
6-9 【任务题】控制业务组件的展示效果
; x2 `8 n2 I9 A3 J8 g0 v/ S6-10 文章搜索 - 控制业务组件的展示效果 (14:52)+ D2 M ^3 [- J+ b( o/ L
6-11 热搜列表 - 数据获取 (03:49)
. @3 Z0 @: \ j6 I- ]6-12 热搜列表 - 数据展示 (10:24)
' d5 c- B9 }0 u! O6-13 热搜列表 - 热搜点击处理 (03:50)% S3 t/ y/ U$ }! A% h2 }) @ T$ l0 p* c
6-14 搜索历史 - 渲染基本结构 (07:08)
# R- Q4 z+ |' Z+ z, p4 U: u, I6-15 搜索历史 - 美化基本样式 (07:37)
0 L3 ? u& E: I- E( J6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)
* S$ ?/ q: T( _/ ^1 k! Y6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)0 H; z: @1 O+ T" y& f7 W' O
6-18 【讨论题】构建良好代码结构遇到的“问题”？
7 k+ {& E( J5 E& f& D5 n6-19 搜索历史 - 找出现在的问题 (02:20)
1 L, T- s% b7 u( Z8 @6-20 总 结 (01:09)
1 ~- l2 J" i1 H' n
4 P6 p J2 g0 r' L. D第7章 全局状态管理18 节 | 113分钟
6 H/ M1 t. k- m9 A9 |: O7-1 开篇 (00:53)* e6 u# j3 N/ D$ \
7-2 状态管理 - 全局状态管理工具 (06:15)1 r6 a$ f9 j' m7 M+ T; T
7-3 状态管理 - 在项目中导入 vuex (03:09)! ?6 o/ E |4 U# u" Q2 m9 p( ]( h, e
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)- U! z* ]/ K4 ]: \5 X- o* V
7-5 状态管理 - 构建 search 模块 (05:47)7 ]# s3 Y/ ?. C6 m
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
0 q+ {! W& B) E3 W7-7 状态管理 - 数据持久化 (06:15)
8 @# H7 M3 x1 X" _4 q k7-8 搜索结果 - 获取搜索结果数据 (05:27); P* G8 I6 _+ a/ r0 a% a0 F
7-9 搜索结果 - 渲染搜索结果数据 (14:19)( X% E6 {, W; K( @ y- e6 |( J/ s
7-10 【讨论题】 item 渲染. C: J9 t2 w7 e3 Y
7-11 搜索结果 - 处理相对时间 (13:17)
1 U* b' T9 z* {6 M5 T7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
" Q2 D: G6 r' d7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)5 t/ B4 C e4 x
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)& e6 s% [$ U$ n2 W- S7 {8 X) R
7-15 搜索结果 - 处理空数据场景 (05:43)( ~; W' ?0 p9 m+ W+ ?, v" Q
7-16 【讨论题】下拉刷新、上拉刷载. M" @" Y/ V+ K8 d$ s) b
7-17 文章搜索 - 细节修复 (02:58)
9 c1 W1 S) ^4 S ^( D, l9 _( a7-18 总 结 (01:20)
- S- }$ o& X8 }
- [, w. O6 ], \ i4 d5 N6 M第8章 文章详情模块开发21 节 | 134分钟! f5 f; [8 Y* ^4 V! D4 \
8-1 开 篇(加片头) (03:12)
1 u, h3 n1 C0 G$ q8-2 文章详情 - 点击进入文章详情页面 (07:28)% ]! M2 r) S& K$ i( F4 s2 }
8-3 文章详情 - 获取文章详情数据 (11:15)+ O! W: D4 e8 r4 H; J# u7 Z8 z( L5 N
8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
, Y# Z6 y% p7 H* X8-5 文章内容 - 美化文章内容区域 (08:41)
9 d% d) l* l9 H8-6 文章内容 - 分析文章内容的样式实现 (04:21)' _. j D* { r: u; I
8-7 文章内容 - 实现文章内容的样式渲染 (23:05), _+ K" ~* ?+ n0 i
8-8 【讨论题】文字太小是怎么回事？
, ^0 h6 p8 X9 u& i8-9 文章内容 - 解决字体过小的问题 (06:03), u( y0 t. a0 J1 @/ M' ?
8-10 【讨论题】渲染% o5 X7 v9 s: K/ H$ ]9 N* m9 o
8-11 评论列表 - 获取评论列表数据 (07:10); o; y, m: [' v. c/ y/ v7 G/ P
8-12 评论列表 - 渲染评论列表（精简评论） (10:14)' U! _3 z7 m5 h0 p- {1 t
8-13 评论列表 - 美化评论列表 (08:18)4 S% j, r& r: L3 D
8-14 评论列表 - 渲染全部评论列表 (07:57)
* ]) i4 I* Y% Q% N2 ]! |5 y8-15 评论列表 - 完成全部评论的分页加载 (07:28)
/ t7 e8 M8 K. m! n7 K I8-16 评论列表 - 处理数据加载完成的提示 (04:45)$ T0 \- C3 v+ L. B6 E
8-17 功能区域 - 封装功能组件 (05:43)8 z1 _1 C; l; F& @, Z
8-18 功能区域 - 样式美化 (04:24)7 o) i% [ }, Q5 L/ z+ k
8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)) t9 A; W# l" D! |
8-20 明确功能业务 (02:02)
* b) m3 g( U- E7 D! }- O9 z0 g" W8-21 总 结 (01:29)
$ \) y' Z$ [( {5 X/ H
; j0 `3 N3 c8 \0 W第9章 用户登录20 节 | 111分钟
* ]4 y# X+ a( R" \$ t9-1 开 篇 (02:26)
n9 I" f% S9 K, d6 I9-2 用户登录 - 登录页面基本样式 (04:38)+ l( _6 E( D5 C8 M+ j& P% Y
9-3 用户登录 - 封装登录组件 (02:52)2 o h; ~" d& j
9-4 用户登录 - 明确登录的实现思路 (04:52)
; Y! M0 q# a5 ~5 w( o6 _7 I$ M9-5 用户登录 - 封装 action 调用登录接口 (11:07)0 h( e& I; b* U0 q
9-6 用户登录 - 保存用户登录状态 (07:32)" B9 O5 `6 }7 [& f: m4 |4 z8 b, m
9-7 用户登录 - 完成已登录的用户视图 (04:06)% G) V) k7 w; m& g& `* A( m6 a' H
9-8 用户登录 - 实现退出登录功能 (05:36)
" U7 M1 M2 h4 U: m% o* c! j- I9-9 用户登录 - 判断用户登录状态 (04:35)
/ E; m* W) V. f9-10 用户登录 - 新建登录页面，处理当前场景 (11:46)
/ F. k, x L a5 K% n9-11 用户登录 - 监听登录成功的状态，返回之前页面 (03:48). P5 Q9 @/ O0 a- @$ z) ]8 [1 h. Z/ U. ?
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
6 X/ C+ X" N3 X/ d+ z# E9-13 文章操作 - 关注用户 (09:03)
- k) J$ @( C7 M9 b5 g% a9-14 文章操作 - 处理发表评论的 UI (11:00)
% V# T. F) U3 y/ M9-15 文章操作 - 处理评论框的显示问题 (09:54)& C I8 H% h' R7 w! ?% m
9-16 文章操作 - 发表评论 (07:18)
* K* M- t- P8 f) e7 [% z' p9-17 文章操作 - 回显评论数据 (04:57)
/ ~8 P- [+ O' L4 j5 j- w9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)- k7 r. L0 y Q- V( ]
9-19 【任务题】实现文章的点赞和收藏功能5 b0 c' M a6 k, X3 z5 M8 x% G
9-20 章总结 (01:29)8 Q: \. j( b$ D6 P% J+ h4 L
5 T- w& v/ j# [5 p
第10章 热播模块16 节 | 80分钟) ]! D, L6 J G# u' ?1 R$ e
10-1 开篇 (03:01)- Q6 ^9 E9 J4 |0 _
10-2 热播列表 - 获取热播列表数据 (03:43)
* o! i( E8 ?- N( U10-3 热播列表 - 渲染UI结构 (10:12)7 f o) \ }+ n, \. G: G$ N
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
; E! l) T: ]0 q6 c9 A( b2 k6 n$ p10-5 热播列表 - 点击进入详情页 (03:05)
3 k+ f: w! r4 F/ I" e0 p, A6 J10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
h3 a: j; R: C$ A10-7 热播详情 - 展示视频弹幕 (06:34)# P2 K) M% W1 X# K& g' V0 _/ e
10-8 热播详情 - 渲染全部弹幕模块 (04:44) T( a9 x3 E9 ?, k
10-9 热播详情 - 渲染底部功能区 (06:56)
/ P- ~" w2 e' s0 p" c* Z10-10 热播详情 - 发布弹幕 (07:19)/ |, F5 g- D! J) i
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)) [$ p3 U/ I2 Q* o7 ]6 p
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
. U5 v! u8 i+ D8 u9 j10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
0 f( f! L* [( u7 M1 }10-14 热播详情 - 点赞、收藏的实现思路 (01:25)8 a- |8 t1 ?3 m+ {
10-15 【任务题】热播中点赞与收藏的实现
0 R, \: S _: Q+ S9 o10-16 总结 (02:06)
: R- p9 }5 J8 z/ e) M
! u" X+ }/ F. v1 t. d# p5 F- |第11章 多平台适配10 节 | 35分钟 h$ g1 j$ @2 l, k. D# q
11-1 开篇 (01:52)7 p* a9 k8 H5 V5 j- U
11-2 uniapp 中的条件编译 (06:00)) |1 o# p0 n8 @. j
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)! Q; j) |& G7 _( z$ R! O. {$ N
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)5 } F, {# s8 @0 l# j
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
2 Q: b2 \+ u- T6 Z+ |' r8 m11-6 多平台适配 - 文章详情样式处理 (02:37)! V& T" C) V2 D; U" B2 V
11-7 多平台适配 - 热播视频全部无法播放 (07:03)
9 n' W$ r5 M' }11-8 多平台适配 - 一键登录功能 (04:54)2 |! w- f5 f7 [
11-9 总结 (01:41)0 d6 G Y, {$ X) ^
11-10 【讨论题】多平台适配问题 Y! [/ O( \" h
: V4 j; Y. K% E3 o+ b9 B g& B
第12章 项目发布4 节 | 9分钟& N( M% i5 D6 S/ u7 Y& q( a% b
12-1 开 篇 (00:46)* `* M! C i8 E/ g7 c
12-2 打包微信小程序 (02:37)
- p: k4 F- C5 a2 `12-3 打包 h5 页面 (03:51)
0 g, u. c- b7 @# |6 D6 @12-4 总 结 (00:53). V; q+ ]0 t5 ~0 m/ Q% s" y0 Y
; x' e- O: Q% c; y
第13章 课程总结1 节 | 2分钟
, m" U1 F3 O1 ` c9 A/ n9 s& t13-1 课 程 总 结 (01:24)) m) C- s. I7 `/ E
0 P8 g1 i) B. E
〖下载地址〗
% ~( [6 h, ~7 h5 t G* F
/ C$ Y6 \* {6 W- S# z6 M; H〖升级为永久会员免金币下载全站资源〗
0 N2 x& }9 W6 }- J3 ]8 z$ g全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html
! z4 R8 D0 O% r& N* c7 R |
[复制链接]
