( \4 e- [8 ~ J8 s) p: j$ E
7 O. l) k, I0 G/ x# m# ^# ]. k
〖课程介绍〗
7 H- @! [) c( L5 S' q, J% z还在为没有项目经验而烦恼吗？本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ，真正做到从0开始，开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。9 x5 q5 y( m5 X) V4 K+ f7 ]
〖课程目录〗( P' ?! v0 q' L* `
第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
# u! w1 G0 x) k, x8 p9 E, Z1-1 导学 (15:50)
% f* }' |8 a; i; ~) N+ [) M, `* z. p3 y6 }
第2章 小程序初体验15 节 | 88分钟
" ]7 M: m" W$ D2-1 开篇介绍 (01:28)
1 p) f3 c% |4 V2 P2-2 小程序开发前的准备 (04:23)6 p1 R! [* S% t0 G& x/ {/ D
2-3 开发第一个小程序应用 (06:43)
9 V! e1 F4 y9 F& }) L* p/ X8 K2-4 了解小程序项目的基本组成结构 (08:20)1 d) A, k$ N. b; N) c3 m+ A+ O' ?
2-5 wxml VS html (07:36)
9 A. c# x. E; G! `- u2-6 wxss VS css (08:15)
" N, ]8 d: J" h: ~2-7 .json文件 (04:57); ?3 z! |: q$ ]5 p6 a: ^
2-8 宿主环境与小程序的运行环境 (04:48)6 [' J$ u5 ^% f F0 {( F; H
2-9 小程序内置组件-view (07:48)& B5 L9 b) t% U$ c) U
2-10 小程序内置组件-scrollView (07:46)
, R+ d" d# C; h2 }+ E2-11 小程序内置组件-swiper (04:43)( P4 u& P j: l- J
2-12 小程序内置组件-text&&rich-text (04:36)4 z! }7 V T5 S o) a4 O
2-13 小程序内置组件-button-image (07:04)" e9 t- R8 u) b- f' B7 s- ~& u( z% i
2-14 小程序成员管理 (03:38)
# o$ n" a% V5 g2-15 小程序发布流程 (05:47)
( c: W' N9 ]( y9 I T/ b! \% C3 w
第3章 小程序核心语法21 节 | 225分钟6 Y ~$ @4 k3 {4 Z# U) c
3-1 开篇介绍 (01:29)
9 T) c$ n; }1 W* D b+ R$ P; |3-2 小程序的数据驱动原则 (13:00)
9 {# l0 @. G4 ~! M* s$ s7 i3-3 小程序的常用事件与属性列表 (12:34)7 o+ j1 Y: U- B& S& H+ u
3-4 小程序的事件传参 (11:14)
; b6 ^% E+ |- P- ^8 u- K" c3-5 实现【双向数据绑定】 (12:57)7 D3 s4 D! i# Z j/ z
3-6 【任务题】实现双向数据绑定功能
+ q! W; @2 s- q' b7 P3-7 【讨论题】数据驱动
- f3 F0 A1 f& g# t! f& }) \9 a% q t3-8 条件渲染 (12:49)9 @* v; x3 A. S$ N$ `
3-9 列表渲染 (14:09)6 V ~4 Q$ w1 p% v0 W6 m: j
3-10 配置文件解读 (25:41)
# C5 ~+ Y4 y' l; a7 Z3-11 数据请求 (21:02)+ [1 W$ {2 Y0 x& j+ ^ p' B4 ?
3-12 异步编程新方案 - promise（1） (13:24)' d- L- B$ A1 B4 }2 V2 h+ c: n4 h
3-13 异步编程新方案 - promise（2） (09:28)8 r3 D3 z( o' I
3-14 【讨论题】异步编程: n; h) J7 T* y+ _2 v4 e3 c9 s
3-15 异步编程再升级-async和await (09:38)
1 `5 ~0 u2 a; N8 a3-16 【任务题】异步编程% ]% {) [; \# j; X5 E8 H6 {
3-17 小程序使用 promise 解决异步编程 (10:40)
3 v. @ Q% R; b S3-18 小程序页面的生命周期 (16:00). ` h2 w: H* x2 s
3-19 PullToRefresh下拉刷新与上拉加载 (19:26)" ^. G8 f8 E% c
3-20 小程序的页面跳转 (18:38)
2 D( O# k, g; [ Q3-21 总结 (02:26)$ _; ?/ |. y B1 d: p
- C$ i; f" [* S第4章 小程序进阶概念10 节 | 92分钟9 d' ]: W6 ` X1 s7 I9 V. y
4-1 开篇 (02:17)( ~6 `, t6 q5 t7 y7 E( J- L
4-2 什么是组件化思想 (04:38)
" Q% l. \% f/ u. |4-3 创建第一个组件 (08:19)
a6 J6 }: g+ B9 _$ A4 d _4-4 组件的生命周期 (15:24)
( Z# ?5 c7 q7 z2 i) S8 \4-5 数据监听器 (11:27)
5 R. d* Z8 m( B5 P/ z+ x( C4-6 组件之间的关系与通讯（上） (11:44)1 S5 h- s( a, H( y) ]
4-7 组件之间的关系与通讯（下） (18:22)4 s/ j/ T2 F# N2 [1 B
4-8 组件的插槽 (15:51)
9 s. N1 `4 S3 ?9 N" k0 N! |8 N1 i4-9 总结 (03:15)
, D2 ? @4 x3 P! w2 K6 _! I4-10 【任务题】热搜列表实现: G$ ?) A3 F: }' X# ], G/ I) g, b
8 `& f# o- v4 W, |+ ~7 O' p
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟: k( a2 d( e4 e7 U# O
5-1 开 篇 (01:58)
: z) I2 v. A% ]' R. V( D5-2 uniapp难吗？ (03:12)4 A) @: F5 w8 E; l- v8 a1 }, `
5-3 配置uniapp开发环境 (06:24)
% |) c# v6 X/ M; }0 P5-4 创建 imooc-blog (08:57)
6 _# r. o5 |) h8 w5-5 运行项目到 微信开发者工具 (06:34). N9 g2 M& R; @9 {5 I
5-6 使用 VSCode 开发 uniapp (04:24)
$ {: c7 U0 D1 ^4 K0 O# E$ }5-7 创建与配置 tabbar- (10:54)+ k }' G: [0 o/ h j) M4 w4 c
5-8 警告与错误处理 (05:50)0 O! A& B4 v. J2 F- E5 B7 X
5-9 热搜页面分析 (01:08)
7 v- m0 w; Y& o6 e1 _5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)3 f, D- a' p" J3 y1 H. y9 _7 a
5-11 创建搜索框组件 (15:57)( V+ \4 f: f0 [- ~& X. Q" X! ?
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)& H8 r- s2 [3 t6 r. W8 M
5-13 tabs组件 - 封装网络请求 (11:09)+ W( U6 Q; E' {7 p
5-14 tabs组件 - 进行基本的数据展示 (09:16)
( v4 C! ^8 b+ ~+ t5-15 tabs组件 - 美化样式 (05:31)% v5 G8 _, S* ?0 }5 R& A
5-16 tabs组件 - 设置激活项 (08:22)
; \2 O- H/ K) @" M0 Z1 ?5-17 tabs组件 - 定义滑块 (03:22)
) J; C/ K! @2 w4 G) F, k0 c5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)/ w+ ]7 X2 W+ c* S$ s. ]9 `
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
5 z$ D* O$ O& V4 ^8 {/ I5-20 tabs组件 - scrollView 的点击位移 (04:01)* w" [0 l3 W5 y+ i; C, u5 k; [
5-21 tabs组件 - 增加可配置项 (05:07)- G5 `' P( r0 b5 P) n
5-22 List 组件 - 分析 List 组件 (03:58)
) y0 H, d4 \" S4 y$ x5-23 List 组件 - 使用 mock 数据，构建 List 的基本结构 (08:35)/ @: L- _$ h6 H# U% D: S+ F9 m
5-24 List 组件 - 美化 item 样式 (10:15)) r* s# z' D0 u, v$ R9 h' _
5-25 List 组件 - 根据 tab 的切换，获取真实数据 (14:30)
C9 [0 _8 G+ g5 F* Y! `5-26 List 组件 - 渲染真实数据 (13:04)! m$ P( k/ {! s1 {/ O
5-27 List 组件 - 通过 swiper 改造List (07:02)/ z' Z8 w9 z: r1 K8 v5 P
5-28 【讨论题】通过 swiper 改造List遇到的坑
; Q4 X3 P) n+ k ]- a- Q# Y/ f5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
9 s g$ f9 V9 Y( ~5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)8 H2 Q! t! O6 a% B! P
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
: |! P0 W) C6 k, `# a( N) E5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
; @# Z T( N; F0 k5-33 完成 `tabs` 的吸顶效果 (02:48)+ E# s4 x8 g5 F4 [0 |! n
5-34 控制列表滚动位置 (03:58)
; ]) @" h- _; q+ L! e; A* m5-35 List 组件 - 处理热度的显示 (04:30)' N& n8 v8 r/ U8 E ]' L
5-36 总 结 (02:24)1 I! b$ Y: r* g5 T2 M% D' l
, M6 W% e( X8 |5 e" V( s
第6章 文章搜索页面20 节 | 123分钟
6 d# o& Y: W1 D1 \. d6-1 开 篇(添加片头) (00:45)
& w" ^+ o* q$ g$ S/ x! G6-2 文章搜索 - 分析文章搜索页面 (03:38)
: d2 D$ e% Q# U% P4 V! i, t6-3 文章搜索 - 使用分包，创建 `search-blog` 页面 (08:40)
0 g; H! I" s0 ]9 C* q6-4 文章搜索 - 完成跳转，渲染搜索框 (04:29)
/ i, F) A& E6 r6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)) Q" K0 x& c/ N+ q6 t5 |* `
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37), C% }+ A8 P2 S' B3 V
6-7 文章搜索 - 显示推荐搜索 (02:55). M9 a- c! I6 l& r, z
6-8 文章搜索 - 创建三个业务组件 (05:41)
3 S3 T" }' l& `6-9 【任务题】控制业务组件的展示效果
) \* b8 m9 P4 ?/ _( G' P6-10 文章搜索 - 控制业务组件的展示效果 (14:52)- _; H- p- }& R
6-11 热搜列表 - 数据获取 (03:49)" j u3 P* f: L3 b8 {
6-12 热搜列表 - 数据展示 (10:24)" x0 s6 H: [1 c, N* B. ]
6-13 热搜列表 - 热搜点击处理 (03:50)* N7 U0 q# b, a3 j) Z. u6 R! m5 n4 K
6-14 搜索历史 - 渲染基本结构 (07:08)- P2 ^: E2 p: m9 x0 [) V1 h/ J2 R
6-15 搜索历史 - 美化基本样式 (07:37)4 b( U2 H$ v' T/ ~6 A0 m
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)
( u9 G6 k! f2 X6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
c0 J* e/ [! G( y' K6-18 【讨论题】构建良好代码结构遇到的“问题”？
M( [7 _6 E' s0 z$ `6-19 搜索历史 - 找出现在的问题 (02:20)
2 T# k5 a. E4 J4 W6-20 总 结 (01:09)- d# Z. a3 \! A8 M: D2 {
- |' l/ v: e6 v Z7 D3 ]! J: v
第7章 全局状态管理18 节 | 113分钟3 d1 Y& E5 _: M3 k3 S$ D5 e
7-1 开篇 (00:53)2 ?- T0 g" _ ?7 Q' J
7-2 状态管理 - 全局状态管理工具 (06:15)
& d, a0 U U6 s5 S& l' X) T; v3 }7-3 状态管理 - 在项目中导入 vuex (03:09)1 H y3 u( j/ o9 f
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
' s( E3 Y4 @! {5 p0 H7-5 状态管理 - 构建 search 模块 (05:47)
1 o) o! @9 o% v4 x7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
, [% k- Z, w; j' E1 @7-7 状态管理 - 数据持久化 (06:15)
8 k* J# ?" V+ |% @" q7-8 搜索结果 - 获取搜索结果数据 (05:27)
0 B$ r/ {/ v" @# w/ R7-9 搜索结果 - 渲染搜索结果数据 (14:19): E/ O3 [, b9 d8 _& I5 S
7-10 【讨论题】 item 渲染
! P( l# c) R$ E: x3 r% \7-11 搜索结果 - 处理相对时间 (13:17)
$ a0 p b( A; `# j7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
! ~/ C5 g" o) n( Y+ k& I$ J7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
, z9 _( E1 E4 s. b- d7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)$ Y. `% C, s* n- g
7-15 搜索结果 - 处理空数据场景 (05:43)
, }+ T0 b& _; b, Z4 Y/ L1 i8 J7-16 【讨论题】下拉刷新、上拉刷载
1 `& N8 N8 z6 N& i7-17 文章搜索 - 细节修复 (02:58)# v# f1 c2 ~( o( t9 A ~
7-18 总 结 (01:20)' S( n$ C5 V/ J/ ~: W$ ?
0 J8 `; f: Q2 t( e5 h第8章 文章详情模块开发21 节 | 134分钟
( S8 i" X2 }( `2 L3 c& V8-1 开 篇(加片头) (03:12)
) d# M ]" u @! N6 K7 e3 v8-2 文章详情 - 点击进入文章详情页面 (07:28)
4 u+ ]% ?( [6 Y! J' o" n8-3 文章详情 - 获取文章详情数据 (11:15)( f( r: q. s! G
8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)& K7 T( @- I7 ~& B
8-5 文章内容 - 美化文章内容区域 (08:41)7 x. d9 O* u- _3 k
8-6 文章内容 - 分析文章内容的样式实现 (04:21)" c( q1 \4 ]6 x7 T
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)+ ^; F A5 x1 y8 c
8-8 【讨论题】文字太小是怎么回事？
7 ?. e6 K# ?% |9 r% ?* A8-9 文章内容 - 解决字体过小的问题 (06:03)
8 }5 K! _( z5 A% z2 @: ~) ~+ `7 T8-10 【讨论题】渲染/ _1 p% s( c$ j* |( m% i' v
8-11 评论列表 - 获取评论列表数据 (07:10)+ n1 E" t9 R- O, g
8-12 评论列表 - 渲染评论列表（精简评论） (10:14). z( `8 h; z5 r1 R# x" Q8 S
8-13 评论列表 - 美化评论列表 (08:18)2 g/ o4 p1 B( D( {9 F
8-14 评论列表 - 渲染全部评论列表 (07:57)" a. u6 q; ^# Y7 @3 _! J
8-15 评论列表 - 完成全部评论的分页加载 (07:28)
4 M6 k5 e# h* {1 D8-16 评论列表 - 处理数据加载完成的提示 (04:45) @$ X8 f& n) _' f* u& }' d
8-17 功能区域 - 封装功能组件 (05:43)
: \- R5 E- d+ Y1 ~8-18 功能区域 - 样式美化 (04:24)1 m' i1 ?! x5 u3 l
8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)0 P3 y% p8 B. s
8-20 明确功能业务 (02:02)* K* D; Q- p+ l/ l
8-21 总 结 (01:29)" u5 @# J$ _! @& r3 T4 S; r
+ F* A5 T' y* u* I |* @( w/ \第9章 用户登录20 节 | 111分钟2 ^ W/ A+ {; @5 b
9-1 开 篇 (02:26)
3 ^6 p8 X4 J$ l" u, r9-2 用户登录 - 登录页面基本样式 (04:38)# M" K7 o5 q# Y. g: l$ k+ M' T$ ?! h0 n
9-3 用户登录 - 封装登录组件 (02:52)' |0 p! ]' h" Z# ]' x, P1 a
9-4 用户登录 - 明确登录的实现思路 (04:52)
* \) Z6 U/ R Z9-5 用户登录 - 封装 action 调用登录接口 (11:07). S1 l9 @: ^3 S8 n" q% w% C
9-6 用户登录 - 保存用户登录状态 (07:32)
R: W7 j3 d8 A& v7 W% w; |9-7 用户登录 - 完成已登录的用户视图 (04:06)
% [, S, g/ s* X ~4 d% f9 y( Q) H9-8 用户登录 - 实现退出登录功能 (05:36)
1 o) D' R6 A0 o& {! Z9-9 用户登录 - 判断用户登录状态 (04:35)! W+ R% E O+ a
9-10 用户登录 - 新建登录页面，处理当前场景 (11:46)
7 G' c, N) W3 _. H- C8 X$ c9-11 用户登录 - 监听登录成功的状态，返回之前页面 (03:48)
" @: B; {8 r3 e( R9 V2 |3 C9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)0 I- Y4 G9 b4 C
9-13 文章操作 - 关注用户 (09:03)* `$ I0 N: B# R, C: |6 L; x9 I
9-14 文章操作 - 处理发表评论的 UI (11:00)
# d8 ?' {9 q9 ~! F, R9-15 文章操作 - 处理评论框的显示问题 (09:54)0 D$ S0 S: U1 C( h i
9-16 文章操作 - 发表评论 (07:18)
5 u+ A9 a, H1 L, F' U l$ j" a9-17 文章操作 - 回显评论数据 (04:57)1 `0 M* p/ y6 Q8 m! s/ q3 q
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21). W- E; ?5 V9 {0 t
9-19 【任务题】实现文章的点赞和收藏功能* Q* G) V9 C% }. V( x8 E1 R( A
9-20 章总结 (01:29)
& I Q7 C" G+ D) R! D$ d% d4 K8 m8 C5 ?% P+ a5 X. A: r
第10章 热播模块16 节 | 80分钟
8 e: {# R8 D7 _/ l6 G2 S10-1 开篇 (03:01)
3 R1 }, R' }' ^10-2 热播列表 - 获取热播列表数据 (03:43)
& F4 U/ H9 U {$ {3 N; n10-3 热播列表 - 渲染UI结构 (10:12)/ t- x; B% j. U4 }
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
: l ~% C1 }3 f10-5 热播列表 - 点击进入详情页 (03:05)3 x1 Z3 J' h2 M! T6 `4 A! d
10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
6 i2 w! w" g# J" a3 I10-7 热播详情 - 展示视频弹幕 (06:34)
4 x/ G1 ?8 a5 \3 N' w$ e* b& P10-8 热播详情 - 渲染全部弹幕模块 (04:44)
0 h- e0 V# g e! e3 ?/ O4 b8 A* m10-9 热播详情 - 渲染底部功能区 (06:56)
% b5 p# _) K" L0 W1 k' I10-10 热播详情 - 发布弹幕 (07:19); u" d5 B2 w- R% n0 U( ]5 i! x
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)) R. w( ~1 U1 t6 g P
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
9 |8 N- }1 _) D3 Q10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
& x# U$ o, f4 O3 j+ T10-14 热播详情 - 点赞、收藏的实现思路 (01:25): N4 c' ~8 n+ A) F2 q0 j
10-15 【任务题】热播中点赞与收藏的实现
3 H ^" N1 S h7 ]10-16 总结 (02:06)
7 B9 u+ L' `; E/ j& O4 L" u4 I {, D; V9 M0 T6 B# t, P3 R# U, E% \
第11章 多平台适配10 节 | 35分钟3 b; N [' I, G( t, Q
11-1 开篇 (01:52)
3 Q) k, V& L3 _, S11-2 uniapp 中的条件编译 (06:00)1 _0 h# l+ }: ]1 V0 G. W4 M
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)* J" ~4 K& Z. [2 m# g
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)9 K2 T* m/ s" D+ t% D3 T
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
6 `) Y" p% l. }7 B11-6 多平台适配 - 文章详情样式处理 (02:37) L. {1 @: O) [( \+ J; X
11-7 多平台适配 - 热播视频全部无法播放 (07:03)
3 a0 c _8 F* g9 Y/ C4 S' s11-8 多平台适配 - 一键登录功能 (04:54)$ |7 b" l- _7 N3 U2 J
11-9 总结 (01:41)
* Y) B2 Y% R: o5 V u" G% n11-10 【讨论题】多平台适配问题
& j/ B/ W7 }/ w
$ @( K- [0 [" o/ R/ J第12章 项目发布4 节 | 9分钟* K+ \ ^4 L. J& I* o2 }
12-1 开 篇 (00:46)$ _; p+ c' b+ {# W
12-2 打包微信小程序 (02:37)
# ^/ f! B4 M6 w$ _4 ]12-3 打包 h5 页面 (03:51)
" \4 Q/ \( r0 E0 T- e12-4 总 结 (00:53)
* p# m1 J4 C W6 {& q/ x6 y& T4 `* z5 E# T! @# d
第13章 课程总结1 节 | 2分钟, v B' m; u; H. `/ Z$ W
13-1 课 程 总 结 (01:24)
2 H7 ?" D; v* q; C% T" p2 Q- n, D/ u# E, G& G: b* l
〖下载地址〗
G+ M# L4 S9 [( W; `% s* {9 m9 Y7 S, M& U
〖升级为永久会员免金币下载全站资源〗7 B$ R# u8 e' ]0 X8 b( \, {
全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html+ j) w% ]* y7 ~9 d5 _7 L
|
[复制链接]
