3 G+ f6 G. b1 w/ H, n Y, U1 F" z6 F! S3 b
〖课程介绍〗
7 f" A: {. V* L; ~2 N8 W* D+ V$ F还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。
. M1 y9 o% z# [/ m- k, B3 Q〖课程目录〗
3 M$ x3 m& H' M) ]9 b第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟- T( d7 ^3 Q+ C
1-1 导学 (15:50)6 C: l9 l6 S) m f
3 s0 B* A: ~' U: y% h5 X7 Q第2章 小程序初体验15 节 | 88分钟
1 b* ^( C$ l7 u$ k/ w# V6 i2-1 开篇介绍 (01:28)! d3 I G5 m/ ~$ l& v
2-2 小程序开发前的准备 (04:23)
6 @+ s8 ?) D0 A7 a6 l: D2-3 开发第一个小程序应用 (06:43)* M% J% |/ o2 y( {
2-4 了解小程序项目的基本组成结构 (08:20)' ]' H) Y" ~: {' m- F9 F7 W
2-5 wxml VS html (07:36)
! C t1 i2 g% }2-6 wxss VS css (08:15)8 U% h% s8 \! C6 [- {8 f% ^
2-7 .json文件 (04:57)
( N) W; e7 B# X+ x0 b2-8 宿主环境与小程序的运行环境 (04:48)
. ?7 u1 S* g; r! M3 H2-9 小程序内置组件-view (07:48)5 r7 f& x4 l5 Y
2-10 小程序内置组件-scrollView (07:46)
' `; F S. w( K. ~, G9 C, J2-11 小程序内置组件-swiper (04:43)
8 ]# ?5 g2 K) r0 U# F4 o) c: n6 H! y2-12 小程序内置组件-text&&rich-text (04:36)
1 p8 p$ I, L6 o: ^! O F$ \2-13 小程序内置组件-button-image (07:04)4 a+ \6 K' `* ? ]* ^' V
2-14 小程序成员管理 (03:38)7 Y' A6 Y4 Q& |5 P2 b7 ~
2-15 小程序发布流程 (05:47)
0 @$ o; Z }" u% t5 I& _) i. _: f9 F
( Z; T ?7 m: L$ k0 R; ?第3章 小程序核心语法21 节 | 225分钟
' g( E# K2 `! j! @$ I2 z4 Z3-1 开篇介绍 (01:29)) ?, n8 y& O5 O7 D, T" N7 t
3-2 小程序的数据驱动原则 (13:00)
' T5 {& ~; S9 I% @3-3 小程序的常用事件与属性列表 (12:34)# U5 r+ n3 c- \/ }/ a* u- _
3-4 小程序的事件传参 (11:14)
7 h) O+ V7 F/ A! } g5 q3-5 实现【双向数据绑定】 (12:57)3 ?" i& Z( b, q, b2 |8 q3 U3 J
3-6 【任务题】实现双向数据绑定功能
- j$ a9 J6 N4 ^) @3-7 【讨论题】数据驱动
. x# u- B9 D) y+ P+ |+ E; E3-8 条件渲染 (12:49), B+ u* |- O5 r0 l* j
3-9 列表渲染 (14:09)
* m+ M1 z! H( p! C; A g2 Y3-10 配置文件解读 (25:41)2 U6 H2 z, B6 n/ B) i, v
3-11 数据请求 (21:02)
, W( ? V% S# J0 b! ?$ R3-12 异步编程新方案 - promise(1) (13:24). o/ Q0 D/ \' y! ]* O4 @
3-13 异步编程新方案 - promise(2) (09:28)
' j. _- N3 p) ^; W/ J' `3-14 【讨论题】异步编程
- b. s( u6 |& m: [+ H3-15 异步编程再升级-async和await (09:38)* U) ]7 Q. V: q d7 R8 H- D) z
3-16 【任务题】异步编程# h$ Q( E, n! d* w
3-17 小程序使用 promise 解决异步编程 (10:40)+ m- `: n6 U' G/ [% `
3-18 小程序页面的生命周期 (16:00) W* o; C/ ]/ j5 c+ \
3-19 PullToRefresh下拉刷新与上拉加载 (19:26)
- n0 Z8 b# q! k0 a% L+ @3-20 小程序的页面跳转 (18:38)4 J2 F0 @" k" P+ `& N/ U
3-21 总结 (02:26)+ H; C7 F6 {. ]2 _$ Y3 k6 e
, O" d' O, R, y# S8 |
第4章 小程序进阶概念10 节 | 92分钟
7 x8 j5 Q& X2 A6 e: [4-1 开篇 (02:17)8 F; I( j4 ?, J- B7 i1 j( Y
4-2 什么是组件化思想 (04:38)
1 Q2 l* G# f' y, ~/ h$ i4-3 创建第一个组件 (08:19)
! k L* W6 {) P N5 o4-4 组件的生命周期 (15:24)
; D6 m- J$ K* z" K4-5 数据监听器 (11:27)
+ Q6 _& ?0 O5 B9 i5 o' X6 Y4-6 组件之间的关系与通讯(上) (11:44)- g, ], P- ]2 k1 a0 U
4-7 组件之间的关系与通讯(下) (18:22)
9 L5 H2 ]: D7 m/ I4-8 组件的插槽 (15:51)
/ Y5 _. p+ _ ]) R2 o u4-9 总结 (03:15)
{8 {! t) c- e& l4 |- S4-10 【任务题】热搜列表实现
/ j# x" a' i# g0 u4 g4 z
3 s" Y' n; J+ E$ Z$ h第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟8 h+ g8 x" o, I X7 U: U- ?
5-1 开 篇 (01:58)
7 ~! ]' b) b8 S) f# c/ R6 M5-2 uniapp难吗? (03:12)
* T2 |* j. W1 O* U( O3 p5-3 配置uniapp开发环境 (06:24)) ]; Y. N0 A( Y5 T% P& j h1 r
5-4 创建 imooc-blog (08:57)" m7 {4 X* a1 p" \, c' V
5-5 运行项目到 微信开发者工具 (06:34)
4 g L; h9 R" ^; k: ]5-6 使用 VSCode 开发 uniapp (04:24)) u" p. x4 L3 Z
5-7 创建与配置 tabbar- (10:54)7 L c) h( N6 \& M
5-8 警告与错误处理 (05:50)# y x* `1 z! s
5-9 热搜页面分析 (01:08)1 W: z- Z! j# N5 X( r/ y4 n0 r$ Q
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
4 t! ]6 c5 d1 E' b @1 L% ]5-11 创建搜索框组件 (15:57)
- |3 R4 ]( P! r+ V5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)( h, K: H2 x7 U+ }* L
5-13 tabs组件 - 封装网络请求 (11:09)
+ u& p+ I. }/ |* K5 {5-14 tabs组件 - 进行基本的数据展示 (09:16): l7 m+ N8 Z' D4 \2 J
5-15 tabs组件 - 美化样式 (05:31)
$ }+ V5 {# o v- {5-16 tabs组件 - 设置激活项 (08:22)
" p1 ]* {! r9 h! T; C5-17 tabs组件 - 定义滑块 (03:22)
' K4 z, F0 z) Z5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)6 e6 K! r% `" T+ N) P p* m3 q0 Q
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)" M# E8 D# ]$ {% J
5-20 tabs组件 - scrollView 的点击位移 (04:01)
$ i: r) N& h# V T! s3 c) i5-21 tabs组件 - 增加可配置项 (05:07)% o) ~5 a) M; K$ ?$ D3 n/ J |
5-22 List 组件 - 分析 List 组件 (03:58)
) G P. C6 |4 \! o5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)4 l2 o5 w0 y; `* W3 i) G7 {' ?
5-24 List 组件 - 美化 item 样式 (10:15)0 \0 v# g4 V; N1 t2 }" X0 c
5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)0 s; g# j* Z! E1 w
5-26 List 组件 - 渲染真实数据 (13:04)7 s3 T- o8 ^2 i {3 R# \1 n
5-27 List 组件 - 通过 swiper 改造List (07:02)$ c4 ^% z+ ^$ p4 V4 f3 O, {
5-28 【讨论题】通过 swiper 改造List遇到的坑2 ^& [* b1 e E& j* Z/ T: p' b
5-29 List 组件 - 解决列表高度展示错误的问题 (11:53), e) D+ F* F( q2 c; b
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)/ E- \/ b" k3 c& {
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
& ?' X7 B) _8 P. I/ O5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
, ~: j5 `7 z0 _+ K: _/ O, n+ a$ }8 X5-33 完成 `tabs` 的吸顶效果 (02:48)
3 K6 C1 f! _% g. ^5-34 控制列表滚动位置 (03:58)
" @5 T: j& _8 E; {2 I# }3 g9 i, j$ _5-35 List 组件 - 处理热度的显示 (04:30)" w' ^$ N$ C4 y% y! s6 i$ s& @
5-36 总 结 (02:24)
0 l0 t: E3 U+ e+ J2 W& ^( \0 `8 j- R- D2 B! M' y( W
第6章 文章搜索页面20 节 | 123分钟
1 |' D. D" J$ ^) h9 |6-1 开 篇(添加片头) (00:45)- V4 k5 T5 \3 q5 ~
6-2 文章搜索 - 分析文章搜索页面 (03:38)0 n6 a. s1 A! H
6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)) o5 i0 y/ J5 A5 I; \ e5 r, @/ X0 V
6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
6 S: _# `. r/ A6 T4 l8 y: O Q) _6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)% u9 O. X( ?6 ^
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)# k/ V4 x5 r- j/ V4 E
6-7 文章搜索 - 显示推荐搜索 (02:55)
) {, z( H1 B% N( N6 m0 G5 _& A* _6-8 文章搜索 - 创建三个业务组件 (05:41)
6 r9 p; E. P! U, ]1 K6-9 【任务题】控制业务组件的展示效果
: T. u3 f' D- c6-10 文章搜索 - 控制业务组件的展示效果 (14:52)1 `4 j) f: k; F. a
6-11 热搜列表 - 数据获取 (03:49)2 Q* [; o5 J& g l$ U
6-12 热搜列表 - 数据展示 (10:24)
0 Z" o, G W, T8 x* Q6-13 热搜列表 - 热搜点击处理 (03:50)
' n8 ]$ N/ `5 q/ e6-14 搜索历史 - 渲染基本结构 (07:08)
Z6 J, L% s) t" _: ] d Z' }+ L9 P6-15 搜索历史 - 美化基本样式 (07:37); }$ ?: W, _) j2 P9 [
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16): S% |4 Y C2 T$ w
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)% i7 U! |- b1 }1 \0 {+ H! q$ \( L
6-18 【讨论题】构建良好代码结构遇到的“问题”?8 [8 O9 H' g3 @0 U) s- F
6-19 搜索历史 - 找出现在的问题 (02:20)6 A* p# S. v; U% }0 m6 @
6-20 总 结 (01:09)
8 _; C/ r& j- ?7 }3 {* g! E
/ s7 p$ b: f, v. Q$ G+ S+ M第7章 全局状态管理18 节 | 113分钟
$ ]# L! ~4 `2 Y @1 G1 |8 ]5 G9 n2 v7-1 开篇 (00:53)( r( |" B1 y! i3 j3 s
7-2 状态管理 - 全局状态管理工具 (06:15)2 u5 q: I& m2 O' M! ]
7-3 状态管理 - 在项目中导入 vuex (03:09)
1 m: s4 W) ] t g/ l+ h7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)* Z' {+ y; c4 ~$ w
7-5 状态管理 - 构建 search 模块 (05:47)% N4 z+ k" z& V8 z# V
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
. P9 ^/ u" {9 c7-7 状态管理 - 数据持久化 (06:15)
% ^- l* M; U4 S& Z! W5 I) x4 K+ ^7-8 搜索结果 - 获取搜索结果数据 (05:27)
4 a+ {% G8 j' I7-9 搜索结果 - 渲染搜索结果数据 (14:19)
; `5 ?7 D+ u$ o* i# E) N7 \7-10 【讨论题】 item 渲染( P4 z, a7 I0 K# C2 N
7-11 搜索结果 - 处理相对时间 (13:17)
: S3 o2 u N& [$ T6 F7-12 搜索结果 - 高亮搜索结果关键字 (08:53)" v F0 }/ b& B# N
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)$ R- d5 [2 c) _' x1 `( ?0 x
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)5 V) Q) q/ X; F+ r; v$ O4 f, w% f3 z
7-15 搜索结果 - 处理空数据场景 (05:43)7 o% K5 Q% n$ S, u8 {; ^
7-16 【讨论题】下拉刷新、上拉刷载
9 c/ N# Z0 G" k3 j3 M ?3 I7-17 文章搜索 - 细节修复 (02:58)
+ n! m' v5 l% T5 H' g! Q4 N7-18 总 结 (01:20)
& ^. }8 d/ Y0 J+ q' R( w2 Z" p; f3 o+ S$ C4 C9 ?6 G
第8章 文章详情模块开发21 节 | 134分钟
4 |: m7 G: E# y& i" P) Y- x6 Z8-1 开 篇(加片头) (03:12)9 P1 Q0 `* _, }. N7 q1 U9 e
8-2 文章详情 - 点击进入文章详情页面 (07:28)
& x0 n6 i1 L; a( p; a Z8-3 文章详情 - 获取文章详情数据 (11:15). l+ n. c' B* h- x
8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
4 S g. m1 q2 `/ f. {! [) k8-5 文章内容 - 美化文章内容区域 (08:41)
; n- Q: l3 u6 Y8-6 文章内容 - 分析文章内容的样式实现 (04:21)
: l3 k! v* [4 |" e; D9 T8-7 文章内容 - 实现文章内容的样式渲染 (23:05)0 i D. V+ c( A
8-8 【讨论题】文字太小是怎么回事?" R( c" P, I+ Q* Q, {
8-9 文章内容 - 解决字体过小的问题 (06:03)
1 W+ ?6 q; e' Y. u5 @, {; G8-10 【讨论题】渲染; L3 b- K8 h, K$ h3 P
8-11 评论列表 - 获取评论列表数据 (07:10)# v- k6 a, j" M5 T5 R ?" p
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)3 } ?- }% @9 }$ _- }! ^
8-13 评论列表 - 美化评论列表 (08:18)
5 `9 p& w( \3 N# U8-14 评论列表 - 渲染全部评论列表 (07:57)
3 }7 t5 O C1 t0 ^8-15 评论列表 - 完成全部评论的分页加载 (07:28)6 k, ~1 J2 P% @ ~5 b2 v
8-16 评论列表 - 处理数据加载完成的提示 (04:45)
4 U5 s2 }/ o/ v' M, U8-17 功能区域 - 封装功能组件 (05:43)
# P% h3 H+ n! Z- C8-18 功能区域 - 样式美化 (04:24)
/ T' S3 u5 |& @; t0 e8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12): Y; r' H0 n L& c2 ?) p* ~0 j
8-20 明确功能业务 (02:02)
' c7 t' t. J! ]1 D4 J8-21 总 结 (01:29). ~. p5 N- r: _# z7 d
7 p: F" i" K" y5 ^6 [+ u/ T
第9章 用户登录20 节 | 111分钟9 J2 ?, {1 `, H z
9-1 开 篇 (02:26); c/ I2 } j% g* b
9-2 用户登录 - 登录页面基本样式 (04:38)0 o7 U q9 k/ C) o
9-3 用户登录 - 封装登录组件 (02:52) l0 t4 ~/ r2 o/ N# V
9-4 用户登录 - 明确登录的实现思路 (04:52)
0 c' ]4 [, {6 H# h# n3 |9-5 用户登录 - 封装 action 调用登录接口 (11:07)3 J) m" k8 C9 e; A+ p
9-6 用户登录 - 保存用户登录状态 (07:32)
, Q) ^/ V4 w Z8 O9-7 用户登录 - 完成已登录的用户视图 (04:06)
" |2 Z5 X: G, Q0 Q! F4 x4 {9-8 用户登录 - 实现退出登录功能 (05:36)# t5 s4 y0 O5 `* F2 z' `# N6 g( o
9-9 用户登录 - 判断用户登录状态 (04:35)5 v# Y: ]) W" U( x; m
9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)
* o# ^* O4 C8 { E$ P6 u9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)2 \7 ^4 K- j- G0 t
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)7 b1 `$ v) S5 n) c
9-13 文章操作 - 关注用户 (09:03)
5 ?; i# l" \3 s1 y8 w; i0 q9-14 文章操作 - 处理发表评论的 UI (11:00)
' E6 v" V' b6 S# A9-15 文章操作 - 处理评论框的显示问题 (09:54)+ \8 }1 L7 A$ C$ Q; N7 D, D
9-16 文章操作 - 发表评论 (07:18)/ U* X5 y# |$ [: c3 p/ c9 a! Z
9-17 文章操作 - 回显评论数据 (04:57)
* C O" P* q$ c6 Z7 W- g9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
: y0 p: Q G% n9 _" Q6 i5 d9-19 【任务题】实现文章的点赞和收藏功能
4 T6 y: D2 f0 H4 t0 J# ?; W9-20 章总结 (01:29): ]8 x3 j8 K0 Z& {8 W+ e* d5 y
7 a0 Y5 w/ h+ S* R# \, `
第10章 热播模块16 节 | 80分钟
, ~) r5 t- p0 q- X+ m10-1 开篇 (03:01)
- P$ j @+ C2 j* f10-2 热播列表 - 获取热播列表数据 (03:43)
& u" o* ?& \( X& A+ L8 k10-3 热播列表 - 渲染UI结构 (10:12)# Z$ ?4 b- m# @( ?
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
1 _# E7 d- U: q10-5 热播列表 - 点击进入详情页 (03:05)
' h1 p$ X# P# }, Y7 f! v- Z2 d- Y10-6 热播详情 - 渲染详情页面的视频组件 (10:46). T3 O9 J# L H3 N _! \
10-7 热播详情 - 展示视频弹幕 (06:34)
4 v6 O, d- G z7 E6 b10-8 热播详情 - 渲染全部弹幕模块 (04:44)+ N+ u0 w% E& ?
10-9 热播详情 - 渲染底部功能区 (06:56)
+ Y, Q+ `8 H% ?& S. l! @3 c( Y10-10 热播详情 - 发布弹幕 (07:19)
$ [5 J, C5 z; j0 ~0 u I8 k10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
1 I- y- Z9 A1 L- \: l10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
- A3 g. m4 ^$ t1 F g- D3 K10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)' c0 w) J1 H0 Z( W/ J9 E# J
10-14 热播详情 - 点赞、收藏的实现思路 (01:25)! x2 S3 a4 [7 E' m6 E9 u1 [
10-15 【任务题】热播中点赞与收藏的实现) S/ P6 H4 C; b K: r' y3 ^+ j
10-16 总结 (02:06)6 E7 O2 v6 L# j6 y7 i4 B
( |. I0 X3 d/ y# \- I2 x第11章 多平台适配10 节 | 35分钟% O! s$ j8 ]/ L7 L) p
11-1 开篇 (01:52)8 n: F/ n& f' }7 F
11-2 uniapp 中的条件编译 (06:00)
# o) d7 n* _2 G C; _( y- h# C11-3 多平台适配 - `tabs` 置顶效果消失 (04:17); z+ O/ p; i! B1 H- L! M
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
. m; }% h/ Z/ }: _' y3 I9 j: A11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)$ m2 n- k1 Q" i
11-6 多平台适配 - 文章详情样式处理 (02:37)
' S& n! G: P& g9 p& `) g11-7 多平台适配 - 热播视频全部无法播放 (07:03)% L" U* e% l# I; Y4 |( B0 v; V: R" D
11-8 多平台适配 - 一键登录功能 (04:54)6 Y2 K& Z4 ^9 t- G* n
11-9 总结 (01:41)
$ }* E3 b8 N3 j) ^' }11-10 【讨论题】多平台适配问题
. X) L- \# ^2 Q L
- n; M) t: c" c1 R8 V第12章 项目发布4 节 | 9分钟' }" y' P, \- P
12-1 开 篇 (00:46)$ V+ `+ I* m3 v; W6 [3 ?) g
12-2 打包微信小程序 (02:37)
8 g: `6 f1 [. \6 w& M9 @# c) Z12-3 打包 h5 页面 (03:51)$ u& D6 ^! l; _7 e
12-4 总 结 (00:53)
- K$ L& m# e7 H* o# ` W& q, T$ |% `2 D% q9 j8 ]) g" Z
第13章 课程总结1 节 | 2分钟
# p! J2 @$ T2 Q( ]* F x13-1 课 程 总 结 (01:24)
' u* H( W$ z3 j. `# I% v
- I# J/ O* ]( D- w〖下载地址〗
( b) l! U/ @$ i0 r3 D6 }, w: t; `/ U4 L- t* ?1 ?2 p3 a$ V
〖升级为永久会员免金币下载全站资源〗; u% \. o2 U: z* I
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
' [# q: H' L9 m1 Y$ P |