" d; N8 ]& O' \% U0 R7 N9 i5 Q* V
& C6 P. r7 `% m4 m- z U! f
〖课程介绍〗
: Z5 r9 h$ v+ C* \% |1 M还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。 l; T+ m) Z- F p8 l1 q
〖课程目录〗
2 g. u% ^8 g3 {3 Y+ D4 j第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
- Z" x; Q' N* j1-1 导学 (15:50)
) l* o R8 z/ j
' X# @ @7 L; Q3 Y! z$ u: @3 s第2章 小程序初体验15 节 | 88分钟5 I J5 E) Z+ C, l- u8 e8 q
2-1 开篇介绍 (01:28)
4 o' d2 E3 l+ D; J) m+ p2-2 小程序开发前的准备 (04:23)9 u/ q' v1 f: ]$ ]
2-3 开发第一个小程序应用 (06:43)
/ s; K: E- H3 a. \2-4 了解小程序项目的基本组成结构 (08:20)
8 s4 Z/ K" q/ Z! N: c7 j2-5 wxml VS html (07:36)
( \% _3 i ^, G1 E+ D& q% z _2-6 wxss VS css (08:15)9 u* r# e" V3 Y
2-7 .json文件 (04:57)' O& i. ], m2 M0 s2 Q' c% t
2-8 宿主环境与小程序的运行环境 (04:48)' q# B( ~) ]8 ?2 ]( R2 x9 C! G
2-9 小程序内置组件-view (07:48)
6 Q# \) J" @- W# l. O2-10 小程序内置组件-scrollView (07:46)
& J# I J7 S+ i# }# Y2-11 小程序内置组件-swiper (04:43)2 X: F7 U2 h/ U: t% [
2-12 小程序内置组件-text&&rich-text (04:36)
+ F- X1 Y6 A6 ?* P0 D2-13 小程序内置组件-button-image (07:04)/ I4 z" I# o! a: q! U# R4 d
2-14 小程序成员管理 (03:38)$ {% S) m) y. S
2-15 小程序发布流程 (05:47)
9 a$ [% }4 j1 Q8 P- x
& ~8 P+ T* G3 P第3章 小程序核心语法21 节 | 225分钟
! t! C' H6 |6 {9 H& P" M- o3-1 开篇介绍 (01:29)
4 H4 C, }9 d7 {* H' F6 r& W3-2 小程序的数据驱动原则 (13:00)% q1 r; \; C0 W9 p
3-3 小程序的常用事件与属性列表 (12:34)
9 r- {2 n9 K2 F8 _! \3-4 小程序的事件传参 (11:14)% p) u& g6 g: O# U4 L' D
3-5 实现【双向数据绑定】 (12:57)
6 r2 L4 K H( K( R% X; D, n$ H" Q! H2 a3-6 【任务题】实现双向数据绑定功能
% O! n1 Z3 |; G9 o& ]* c3-7 【讨论题】数据驱动
# G- \$ k8 t4 @+ @6 E1 `, a3-8 条件渲染 (12:49). T% G5 T4 ] X3 O5 n* E8 C' ~
3-9 列表渲染 (14:09)
& k. f' r q3 s6 h3-10 配置文件解读 (25:41), r% N) m) {: R1 D0 Q
3-11 数据请求 (21:02)# k& a6 F7 b4 E7 v9 D
3-12 异步编程新方案 - promise(1) (13:24)8 S* Y, y+ K& p" b7 E; x
3-13 异步编程新方案 - promise(2) (09:28)
2 m! C t2 }# j- v3-14 【讨论题】异步编程
" H" `9 x* ~" z3-15 异步编程再升级-async和await (09:38)
2 H" [% Z" Q& ]) P. p# [8 _2 E3-16 【任务题】异步编程
& p9 M1 G2 k; e3-17 小程序使用 promise 解决异步编程 (10:40)( n- c) M& l# u8 C
3-18 小程序页面的生命周期 (16:00)
) _# R( V: c6 B: a* h3-19 PullToRefresh下拉刷新与上拉加载 (19:26). f! k4 u) A" C `) Q# D r
3-20 小程序的页面跳转 (18:38)
1 W# n7 {& T' \3-21 总结 (02:26)) m# H! ?. D/ j; f
* y' C' p. F! N
第4章 小程序进阶概念10 节 | 92分钟( N- z# D3 r" ~% H. X9 t% J4 S4 B; l
4-1 开篇 (02:17)
+ F9 P5 [" x& y4 l. @* W) X4-2 什么是组件化思想 (04:38)- P1 f8 [7 D7 x9 Q" g) E
4-3 创建第一个组件 (08:19)
2 ]2 S8 f! X* @8 }) P+ {4 q- N' h4-4 组件的生命周期 (15:24)
8 B0 n3 V# p* D4-5 数据监听器 (11:27)# X2 Z- e3 f, S: b
4-6 组件之间的关系与通讯(上) (11:44)
+ p1 T- p& w! L7 g4-7 组件之间的关系与通讯(下) (18:22)
8 [! n$ \" K$ E4 V* [4 `4-8 组件的插槽 (15:51)
7 H3 s5 }( C# M- A4-9 总结 (03:15)9 V: C% C7 W4 ]. v9 M, C
4-10 【任务题】热搜列表实现/ G6 S/ s9 J0 a0 h- e2 T& m( [
2 L: _8 m9 u1 n: }第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟* `4 H; p; u! D6 C0 q
5-1 开 篇 (01:58)
s2 O" D: `7 q6 ~5-2 uniapp难吗? (03:12)
3 G$ l% Q( S" S! N4 Q5-3 配置uniapp开发环境 (06:24)) b8 w- Z2 D( d) ^0 F9 T6 c3 X5 B
5-4 创建 imooc-blog (08:57). @& N. d* J1 p2 c2 o
5-5 运行项目到 微信开发者工具 (06:34)
& A# |. V1 w' R1 r5-6 使用 VSCode 开发 uniapp (04:24); y8 p2 o1 J% C5 P( W! }
5-7 创建与配置 tabbar- (10:54)1 E. e1 Z8 L0 ]) \& F5 C
5-8 警告与错误处理 (05:50)1 I+ k( A% |6 a" I1 Z
5-9 热搜页面分析 (01:08)5 Y5 ~& A) ^8 h* I( e, K) E/ b
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)( t3 K0 q( X( U
5-11 创建搜索框组件 (15:57)
% J9 E# n. k2 U" S- W. a9 p5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)8 B2 K1 J$ V' q" S
5-13 tabs组件 - 封装网络请求 (11:09)6 H) G# i; x, b' t) h6 X" M
5-14 tabs组件 - 进行基本的数据展示 (09:16)
4 E7 H5 X4 A" \5-15 tabs组件 - 美化样式 (05:31)
0 s7 h+ q# m8 t f5-16 tabs组件 - 设置激活项 (08:22) A& M* y& K- X3 j$ V( s! p# n
5-17 tabs组件 - 定义滑块 (03:22): G: V& b' J+ i% b& L* E
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)( F7 r! R* |1 l! _1 a
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35), J0 I" X0 Q+ E
5-20 tabs组件 - scrollView 的点击位移 (04:01)9 S) h( g/ H8 t' P9 p+ v5 d5 x
5-21 tabs组件 - 增加可配置项 (05:07)* ?* A; o; x3 w6 [
5-22 List 组件 - 分析 List 组件 (03:58)
9 i2 j" J6 V/ o! I# x+ w1 }5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)
# ^7 t# R- ~: s. N8 ^5-24 List 组件 - 美化 item 样式 (10:15)9 u* b) Q+ ~2 }1 L: ^, J
5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30) J+ s; S! i" q6 L! s: m
5-26 List 组件 - 渲染真实数据 (13:04)
* x: |/ u( ^7 ]8 N4 N3 W, a7 Y5-27 List 组件 - 通过 swiper 改造List (07:02)- G: E5 r. g8 O* M
5-28 【讨论题】通过 swiper 改造List遇到的坑
5 Q* ?& t( i% h9 O5 @3 `5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
! J8 M/ D' ^+ d# g# G* Z) x% x3 ^5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)9 Q: Y9 o) ~! M8 ]" L) u+ M- c
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
& S1 {, i. z; e% T7 H5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
3 N+ N, E3 |( a9 B3 [5-33 完成 `tabs` 的吸顶效果 (02:48)
1 u P1 [( L1 u/ N7 D$ r# m5 O5-34 控制列表滚动位置 (03:58)
6 J4 e( ^( z, R9 W2 T8 r5-35 List 组件 - 处理热度的显示 (04:30)
. a/ q( _: a# Q3 c& C5-36 总 结 (02:24)1 u& G- ^; K" m, G3 M2 R( t [, a
* Z0 r6 D$ J2 S第6章 文章搜索页面20 节 | 123分钟
- U/ m& X5 s3 x( v8 C5 e6 C# x6-1 开 篇(添加片头) (00:45)9 i8 z" r7 O1 M& E3 U
6-2 文章搜索 - 分析文章搜索页面 (03:38)0 F' L, F( q9 f! [! c7 q4 M
6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)
! D1 v; c" m4 D) y7 O6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)7 p& G! s1 T' ?. i$ n
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
O3 I9 ?" C- n; H0 [- {6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
" A9 _1 k4 t' y3 G6-7 文章搜索 - 显示推荐搜索 (02:55)
" e% O% B- c+ q( p9 Y$ v6 y( r+ o" |/ z6-8 文章搜索 - 创建三个业务组件 (05:41)
, r$ t) Q5 T# ]$ X8 e6-9 【任务题】控制业务组件的展示效果
& L6 k/ W- W0 Z6 R% Q' u q$ n, \4 W6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
! p l" _# M- Z* P6 r: k B, r! i+ l6-11 热搜列表 - 数据获取 (03:49)5 k* p/ S. M- `/ S5 X! i+ S- v* Y9 E
6-12 热搜列表 - 数据展示 (10:24)! E. ~. N4 \! D" A7 {7 ?- L, o& E
6-13 热搜列表 - 热搜点击处理 (03:50): X& k0 \% y& d4 B
6-14 搜索历史 - 渲染基本结构 (07:08)+ F% X: s) {- ]2 t
6-15 搜索历史 - 美化基本样式 (07:37)
8 |5 M% T% Y+ Z+ B# d- q* a/ J6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)1 q2 T& |, K$ L( h8 C" B
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)( E( V; }; @: a
6-18 【讨论题】构建良好代码结构遇到的“问题”?
: r6 E7 E2 N8 N0 I6-19 搜索历史 - 找出现在的问题 (02:20)
; e! L! E/ W5 b6 Q6-20 总 结 (01:09)& L. y( c. H3 l5 t; \( p
4 O7 |. @+ R' S3 |4 B
第7章 全局状态管理18 节 | 113分钟6 L& X2 m. G: F
7-1 开篇 (00:53)7 H7 Y$ n: g# q, a: V# l/ K
7-2 状态管理 - 全局状态管理工具 (06:15)
( F( F ?: K4 P& i1 _+ s7-3 状态管理 - 在项目中导入 vuex (03:09)9 y! j! M( E1 e% ?, ^
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
$ m7 D. B& T9 I( B7-5 状态管理 - 构建 search 模块 (05:47)
) A8 J: }7 ~. w/ ^7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)4 A- g1 O7 s+ {6 }
7-7 状态管理 - 数据持久化 (06:15)
. d" l" ^! P- z3 n, w7-8 搜索结果 - 获取搜索结果数据 (05:27)8 t9 h7 H9 G& @# Y* T
7-9 搜索结果 - 渲染搜索结果数据 (14:19)" {) v. y6 D+ x0 A9 _
7-10 【讨论题】 item 渲染
' } S. x8 E% a# s; s7-11 搜索结果 - 处理相对时间 (13:17)
( B& H$ J0 Y# p' G( [8 w/ F7-12 搜索结果 - 高亮搜索结果关键字 (08:53)* Z9 v; B' L# P5 u1 I2 m
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)$ S2 z* f- g# n* t
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)6 v3 F+ L4 v8 O# G6 b
7-15 搜索结果 - 处理空数据场景 (05:43)
' Z% {+ g+ l% u& H! x! X+ d) _* Z7-16 【讨论题】下拉刷新、上拉刷载) y, k3 t! k; x4 j& O" s0 l
7-17 文章搜索 - 细节修复 (02:58)8 w3 X# K1 M- T5 z8 m1 n% x
7-18 总 结 (01:20)& [* m: |5 o2 \3 p4 Y
# N( ^( R# N2 B( {9 e6 u; I b8 [
第8章 文章详情模块开发21 节 | 134分钟
; W. v# Y h# P: y6 h8-1 开 篇(加片头) (03:12)6 b0 u% f* H( i+ C" s
8-2 文章详情 - 点击进入文章详情页面 (07:28)" M" G) V1 H8 F% y5 h1 B+ r2 A
8-3 文章详情 - 获取文章详情数据 (11:15)( \' g$ T" \2 J/ @* M3 W. k# }
8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
. ^- c& e* \" j5 E8-5 文章内容 - 美化文章内容区域 (08:41)/ p; K; m# |( X `
8-6 文章内容 - 分析文章内容的样式实现 (04:21)
: u$ G0 [. B$ d6 ~ ~" L8-7 文章内容 - 实现文章内容的样式渲染 (23:05)5 [8 j. \+ o; T8 d) ^8 L) a- p
8-8 【讨论题】文字太小是怎么回事?* Q; k1 Z4 d1 g: ?- W
8-9 文章内容 - 解决字体过小的问题 (06:03)" h8 B: l3 C9 }1 { h3 F9 z
8-10 【讨论题】渲染+ d& I# v- S- d, p: V$ F$ @8 u# l
8-11 评论列表 - 获取评论列表数据 (07:10)! u q$ r! \0 e8 e2 q
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)
8 D. _, J( ^$ ]8-13 评论列表 - 美化评论列表 (08:18)
: C8 \! B; T* R" n E+ c. D; f% ?8-14 评论列表 - 渲染全部评论列表 (07:57)
# i W+ ^) a6 X/ p8-15 评论列表 - 完成全部评论的分页加载 (07:28)
" x- m3 c+ M- ]2 x8-16 评论列表 - 处理数据加载完成的提示 (04:45)7 m2 ]3 k) T' n
8-17 功能区域 - 封装功能组件 (05:43)
- m! x8 c9 V$ }' A7 `. H. h" n8-18 功能区域 - 样式美化 (04:24)
: ]# s7 \& ~4 j. ?) k9 ^8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)
% b9 X( j1 s/ O8-20 明确功能业务 (02:02) P1 w2 V6 ]7 i- ]% |; u# Y
8-21 总 结 (01:29): ?9 j; ?( v+ X3 _$ e9 @
, X/ k7 G* m v
第9章 用户登录20 节 | 111分钟
3 y" L, k) Y' y9 U; d1 |3 D) n9-1 开 篇 (02:26)
$ P5 K9 {9 e' y1 }1 p! \6 O1 X9-2 用户登录 - 登录页面基本样式 (04:38)! _$ i! |4 ]; G
9-3 用户登录 - 封装登录组件 (02:52)6 E7 @4 c. D5 X6 P' g7 F1 b* a
9-4 用户登录 - 明确登录的实现思路 (04:52)
3 w! I+ _' e8 P/ |; \8 U6 b9-5 用户登录 - 封装 action 调用登录接口 (11:07)
4 Z5 j. o* Z4 j. S4 n9-6 用户登录 - 保存用户登录状态 (07:32)- Y, w6 D7 Q7 u* i. V. ~( D
9-7 用户登录 - 完成已登录的用户视图 (04:06)
6 {1 H# m5 Z- M) T9-8 用户登录 - 实现退出登录功能 (05:36); _$ Z. k" ]+ s' V9 G1 \8 Z
9-9 用户登录 - 判断用户登录状态 (04:35)1 o' s# B( d8 }2 R! \
9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)
6 l$ Q5 x* I8 u$ N5 p! a: f9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)' U4 R8 n4 ]8 p: z
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
) g, S' A9 r& Y9-13 文章操作 - 关注用户 (09:03)2 l0 K4 i2 [+ J3 Y* t# |- @
9-14 文章操作 - 处理发表评论的 UI (11:00)
8 I0 y* O1 {8 q% y9 u5 a9-15 文章操作 - 处理评论框的显示问题 (09:54)
9 V4 ]% i: Z. |) e6 u/ i2 B. d9-16 文章操作 - 发表评论 (07:18)
- Z, b: v1 u/ W+ t* _ X9-17 文章操作 - 回显评论数据 (04:57)
1 h$ m7 F, y6 p& G9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)' ]6 |. I+ ~, o2 ^8 G6 N4 ]
9-19 【任务题】实现文章的点赞和收藏功能$ ?+ A4 W2 X0 ?4 x( z" \# E6 \9 ]- S$ `
9-20 章总结 (01:29)
+ t& v5 s- a9 A f% q
. Z: J- m% o( S$ K P- W/ G第10章 热播模块16 节 | 80分钟
: {. w: r# h7 d' b! j7 o' c4 E10-1 开篇 (03:01)
8 r B% W; m5 ?5 M& F10-2 热播列表 - 获取热播列表数据 (03:43)& W. M( ?7 q- ]) Q+ a
10-3 热播列表 - 渲染UI结构 (10:12)
& b1 N3 v( T9 [! B \. ^! p+ G# }( K10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)6 p, N0 m8 ^7 U/ D4 e0 G3 \: {
10-5 热播列表 - 点击进入详情页 (03:05)
2 b- C; c7 y6 R) J10-6 热播详情 - 渲染详情页面的视频组件 (10:46)' v% k) f( |4 ^* t; S+ k n
10-7 热播详情 - 展示视频弹幕 (06:34)' f" Z4 w, ~6 W
10-8 热播详情 - 渲染全部弹幕模块 (04:44)
6 j, J* Z/ w. `7 B+ ~% h10-9 热播详情 - 渲染底部功能区 (06:56)1 ?, K) z+ _$ e+ H1 z) |
10-10 热播详情 - 发布弹幕 (07:19)
+ } }/ E0 f& H6 W! @10-11 热播详情 - 解决弹幕不显示的问题 (03:06)1 m) u% F% q1 h% ?& Z% k3 N
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21). u' o! U; ~2 u# X( s: D* E. X) m
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
?9 {* \: W- d: h7 Y7 N10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
- E6 V, @/ ?) A* C( I10-15 【任务题】热播中点赞与收藏的实现
" L7 {* T3 @+ H$ `" `$ ]6 {; R4 H10-16 总结 (02:06)1 ?$ q3 t1 s& z) ?# _
, f) w$ _3 I& b' I7 ^* t$ A; ?* M4 T第11章 多平台适配10 节 | 35分钟
4 t9 m9 T2 p: o3 L11-1 开篇 (01:52)7 i" |; D9 r# j! t' \7 |
11-2 uniapp 中的条件编译 (06:00)# Q1 O' _ U1 {1 \+ \% ^
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)
/ ^8 W# g* j. m0 C11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
3 N0 f( h$ s2 |11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
7 y9 i! }% T" c' w11-6 多平台适配 - 文章详情样式处理 (02:37)
# h. B4 n2 ?3 u11-7 多平台适配 - 热播视频全部无法播放 (07:03)
4 L2 E3 _/ L' b2 J' k11-8 多平台适配 - 一键登录功能 (04:54). a$ N, [0 h5 G, U
11-9 总结 (01:41)
9 x3 O( C( o+ V& D3 L; A11-10 【讨论题】多平台适配问题
5 r' t3 F* ~, l% Y4 S2 m7 L- _
4 [/ Y8 I& C- f% t8 d9 b第12章 项目发布4 节 | 9分钟
. n- { h1 D) V; R+ Q12-1 开 篇 (00:46)7 {1 U+ C1 i9 `3 T: ?6 p
12-2 打包微信小程序 (02:37)9 |, D. R& l+ p7 X$ p9 N
12-3 打包 h5 页面 (03:51)4 U0 R: o4 ]4 n3 T" y3 B
12-4 总 结 (00:53)) V( l( B( I' E# p7 W# H
( @ _( B. d; L4 O+ Q2 j
第13章 课程总结1 节 | 2分钟, t) W/ m. p$ q
13-1 课 程 总 结 (01:24)
8 ~& x. E! j& P5 j& m4 b: X$ M$ S* @. }
〖下载地址〗
5 J/ c1 o3 J$ e! j [+ c% F7 P: |, r
2 n8 j' `8 f# M' M8 r〖升级为永久会员免金币下载全站资源〗" |7 [" S/ L/ T6 W+ E# f% ~
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
3 N. C! W7 N8 N. w- _ |