|. m8 y7 D, E' O. N
+ t" v0 j* T$ g6 J) J) b
〖课程介绍〗7 ^& C A8 T# w# ] V
还在为没有项目经验而烦恼吗？本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ，真正做到从0开始，开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。
9 m: ~, X) X. W: I* k' u4 N! q2 E〖课程目录〗
5 o9 n, t& H$ U {( g/ T第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
; F% {; O6 m: S' t" o1-1 导学 (15:50)' b1 k) x* s4 H7 G
) N9 P! a9 |. T! A: c; `2 x( x
第2章 小程序初体验15 节 | 88分钟1 H W3 W, B! E S; o' g
2-1 开篇介绍 (01:28)# R% o9 `2 H) y, K: Q
2-2 小程序开发前的准备 (04:23)
8 p- ?. k1 g% u$ v0 ~2-3 开发第一个小程序应用 (06:43): a( u* O8 ~8 J$ f" H+ [4 E. F
2-4 了解小程序项目的基本组成结构 (08:20)% n0 k# u# B! V6 Y
2-5 wxml VS html (07:36)( B2 X5 Y# g1 ]/ n! E6 Z3 L1 d
2-6 wxss VS css (08:15)5 F) e- F$ P+ q
2-7 .json文件 (04:57): N+ l7 g* P3 ~$ K
2-8 宿主环境与小程序的运行环境 (04:48)
# [2 x* ^9 V. |" s2-9 小程序内置组件-view (07:48)5 ^7 `. D; }6 W5 v; h \: S& @
2-10 小程序内置组件-scrollView (07:46)& L( p3 I! D8 z% U; ]0 y# W
2-11 小程序内置组件-swiper (04:43)
/ ]. U3 Y" X$ k% A# a: B+ w& E2-12 小程序内置组件-text&&rich-text (04:36)
/ t9 k0 ]6 R9 ~2-13 小程序内置组件-button-image (07:04); M# _5 Y, @8 R6 U
2-14 小程序成员管理 (03:38)
7 V) W! c1 O8 e3 X' R c- b2-15 小程序发布流程 (05:47)
. y2 i! T+ {$ N
' P1 c* T2 {2 i! r" K7 ^; C8 I第3章 小程序核心语法21 节 | 225分钟
2 R% G _, _4 v# O+ l3-1 开篇介绍 (01:29)8 B6 R" ]3 d: s
3-2 小程序的数据驱动原则 (13:00)! X3 I0 |8 e1 `) ~1 v9 `/ `/ y
3-3 小程序的常用事件与属性列表 (12:34)$ ?- _ s- J, U! v, J9 r. Z
3-4 小程序的事件传参 (11:14)7 E7 O) W0 E7 g
3-5 实现【双向数据绑定】 (12:57)7 z, n* \& w1 p1 s# G, k ^
3-6 【任务题】实现双向数据绑定功能
1 T8 u0 Z: F" Q) ~9 n6 t6 N- u6 j3-7 【讨论题】数据驱动& o! m1 f! i6 L. A
3-8 条件渲染 (12:49)1 q- k( x: h+ G: o
3-9 列表渲染 (14:09)# e! _& E. X, V$ @* t
3-10 配置文件解读 (25:41)
5 e7 m, g Y C- g9 G. ~( o3-11 数据请求 (21:02), j% q) W0 D! F+ l) O
3-12 异步编程新方案 - promise（1） (13:24)8 G- C7 V0 X; O& w# n. F: T
3-13 异步编程新方案 - promise（2） (09:28)
7 ^& U# J( D$ F; ~3-14 【讨论题】异步编程) ^3 v* R* Y( O7 E) a
3-15 异步编程再升级-async和await (09:38)0 P* l4 F1 @4 U; Y: A' n( }1 S, O
3-16 【任务题】异步编程& ?1 A2 f* W- F3 F1 W% \) Y$ A4 q
3-17 小程序使用 promise 解决异步编程 (10:40)& {7 v7 R& `* K7 g( ~
3-18 小程序页面的生命周期 (16:00)
0 x1 p7 R4 G6 _3-19 PullToRefresh下拉刷新与上拉加载 (19:26)- T, e! U5 J2 x, X( l/ W; G1 n3 G
3-20 小程序的页面跳转 (18:38)
X# d# ^8 p! x4 I3-21 总结 (02:26)6 o2 c. t6 K* `5 A- V) p# B+ g
) @! `' R5 R" y: F( f
第4章 小程序进阶概念10 节 | 92分钟
( w ?9 A/ w' y0 G: ^4-1 开篇 (02:17)- q( e2 F" E- p
4-2 什么是组件化思想 (04:38)( Q9 w3 E& _( ^/ A& f6 s9 G! A ]
4-3 创建第一个组件 (08:19)
: N! S S! X, ^1 m4-4 组件的生命周期 (15:24)
; C0 ^ @; x; G& P. D4-5 数据监听器 (11:27)
1 Q O& N7 G! A4-6 组件之间的关系与通讯（上） (11:44)
+ E2 e/ |1 p4 }! m' l1 s4-7 组件之间的关系与通讯（下） (18:22)
& s/ I3 v) k5 y! x3 F4-8 组件的插槽 (15:51)
2 \5 }4 ?0 h; {* J7 q4-9 总结 (03:15)3 u$ ]# ~7 S) E; \& E/ i1 i
4-10 【任务题】热搜列表实现
7 N$ [ q. e2 T9 C! z/ W* {! S+ H9 l# e8 p
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
O$ S! r5 K4 T5-1 开 篇 (01:58)8 x! l+ J) @# r: i; u
5-2 uniapp难吗？ (03:12) ^8 @) X2 c. c6 w( Q j+ b7 k P
5-3 配置uniapp开发环境 (06:24)
# t3 n$ \, I+ @7 B7 o! H+ ]5-4 创建 imooc-blog (08:57)3 \/ p% W6 g- ?9 O
5-5 运行项目到 微信开发者工具 (06:34)
- S6 @+ @# O2 x0 x! k7 ]5-6 使用 VSCode 开发 uniapp (04:24)
* Z- J' Y% _ [' V$ } a5-7 创建与配置 tabbar- (10:54)
0 S- `3 r" A1 A$ o5 R5-8 警告与错误处理 (05:50)
# Y; m9 v9 D" {: Q5-9 热搜页面分析 (01:08)
. I( ~; u+ D& R# m3 A* [9 L5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
3 ?+ {# @* @2 g" s5-11 创建搜索框组件 (15:57)2 P8 |% X% `- N2 o& d/ }# I& y
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)
8 x i/ j, t+ B1 R" R* V+ H! i% ]5-13 tabs组件 - 封装网络请求 (11:09)
f6 B. e1 u6 }. s5-14 tabs组件 - 进行基本的数据展示 (09:16)
9 l4 l+ v% n9 E1 A; A9 A5-15 tabs组件 - 美化样式 (05:31)
2 U6 N) J8 ?/ w. L6 l& Z5-16 tabs组件 - 设置激活项 (08:22)! R$ J2 ^6 ^" f- M
5-17 tabs组件 - 定义滑块 (03:22)1 n- p, W$ T: N: K0 |% e9 T
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)8 {, C% ~4 U6 s7 |7 X% G1 ^
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
$ Y0 b( y; T, h2 ?5-20 tabs组件 - scrollView 的点击位移 (04:01)
# k, K. E# T1 w1 K" ^# P T5-21 tabs组件 - 增加可配置项 (05:07)
3 p) ]1 k! U% D7 R# u5-22 List 组件 - 分析 List 组件 (03:58)0 f) |7 l9 c$ r, _
5-23 List 组件 - 使用 mock 数据，构建 List 的基本结构 (08:35)& U' F- U" M% u. j& z
5-24 List 组件 - 美化 item 样式 (10:15); O5 M* R: Y% ?( q
5-25 List 组件 - 根据 tab 的切换，获取真实数据 (14:30)
8 V' E( M! `- G: M3 J8 @5-26 List 组件 - 渲染真实数据 (13:04)& M0 K G5 K! [* K6 m, F6 t
5-27 List 组件 - 通过 swiper 改造List (07:02)
, z8 S6 Y- }) o& q5-28 【讨论题】通过 swiper 改造List遇到的坑. }1 ]( |4 p9 G% s% B# d( ^( b9 z
5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
Z& F" x( r2 l5 }3 q5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)/ o! X( M8 k8 G+ X
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
% _; p7 k0 \8 w+ L6 s% B. |5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
) b. W; {" ~% U! _8 H# q0 D5-33 完成 `tabs` 的吸顶效果 (02:48); S" D; Y5 Q* N4 N* S/ ^" k1 R
5-34 控制列表滚动位置 (03:58)
+ d' K0 Q' M2 M6 y0 P7 l* Y; N& P5-35 List 组件 - 处理热度的显示 (04:30)/ A1 K) N, o g2 H3 T, A
5-36 总 结 (02:24)5 \; }; |4 C2 F, q$ X, [; o/ [/ l
1 T4 m% q `( u) n, r第6章 文章搜索页面20 节 | 123分钟
% V5 y4 k. H. t+ V) g6-1 开 篇(添加片头) (00:45)% S0 T& w0 i a" T
6-2 文章搜索 - 分析文章搜索页面 (03:38)( J" H8 S @# N& v+ e! _8 a
6-3 文章搜索 - 使用分包，创建 `search-blog` 页面 (08:40)0 m5 e# Y# K# v$ K |* K
6-4 文章搜索 - 完成跳转，渲染搜索框 (04:29)# k* A; z6 T0 `' o! a
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)8 V: S3 I% D- n9 [
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)4 R, |- |& Z7 K+ \: F5 @& e ^
6-7 文章搜索 - 显示推荐搜索 (02:55)
7 L- K7 U, q; t6-8 文章搜索 - 创建三个业务组件 (05:41)4 h- F9 n% K. x! o# l; \! Y
6-9 【任务题】控制业务组件的展示效果( L3 z( g! n& s8 v) p
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)6 U0 \3 p; u0 T
6-11 热搜列表 - 数据获取 (03:49)
) p9 y7 _$ h% }& _7 C' O6-12 热搜列表 - 数据展示 (10:24)# F+ X4 J$ o9 n0 Z# ]- z+ F
6-13 热搜列表 - 热搜点击处理 (03:50)& T% ^) y! L& Q' M, r; T7 v5 p( o
6-14 搜索历史 - 渲染基本结构 (07:08)/ O* [# n0 R3 E# a, Y
6-15 搜索历史 - 美化基本样式 (07:37)" S) K: T: Y! V! o9 m- g/ X/ Y
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)9 A5 z5 \3 L, x' v' L* A
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)( z* ^! G" D8 E3 _* b q, u* A
6-18 【讨论题】构建良好代码结构遇到的“问题”？
$ B3 ]2 y+ a S3 K* t9 N6-19 搜索历史 - 找出现在的问题 (02:20)/ Y3 \4 v9 ^7 s) I5 P4 Z/ [ J
6-20 总 结 (01:09)
+ j8 I5 u, R* E- r6 N$ ^' h8 `& I: K9 k% p0 M9 F( b& a1 O0 w- W7 A/ Y
第7章 全局状态管理18 节 | 113分钟
2 h. n( ~- Q5 @3 m" B7-1 开篇 (00:53)
1 E* C0 g$ U) U7-2 状态管理 - 全局状态管理工具 (06:15)
. {) ]( h G0 e% H/ O% a8 z# }/ S9 I7-3 状态管理 - 在项目中导入 vuex (03:09)+ y3 b$ z3 D4 [. N0 z" y
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)9 W7 e6 g& S. x0 N& Q
7-5 状态管理 - 构建 search 模块 (05:47)( E$ p! s7 D, z/ C$ t
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
7 O1 A, g6 m; b% k. |* s7-7 状态管理 - 数据持久化 (06:15)
5 y9 q( Y! O: q7 }$ ` l& {5 P7-8 搜索结果 - 获取搜索结果数据 (05:27): |; c3 z6 R+ O/ |( A; s
7-9 搜索结果 - 渲染搜索结果数据 (14:19)
* J* y+ ?0 X3 E3 W" }7-10 【讨论题】 item 渲染
8 U7 q' p6 M3 o2 h2 S7-11 搜索结果 - 处理相对时间 (13:17)
$ N% X% b- U4 G/ g* F; S: ?6 Y7-12 搜索结果 - 高亮搜索结果关键字 (08:53)3 `1 w+ V# C7 h+ b. I' A
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
! W4 a2 U1 H" k4 G' M7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)( A- V: o u+ G4 j0 r
7-15 搜索结果 - 处理空数据场景 (05:43), v- T, S2 i4 d! M3 {% v
7-16 【讨论题】下拉刷新、上拉刷载* M$ I5 U0 }+ X
7-17 文章搜索 - 细节修复 (02:58)
$ s2 \( p2 Y, H: L" U7-18 总 结 (01:20)9 S1 k7 e0 q5 @2 G3 ]/ u/ \1 b6 u* c
. @! y1 E1 E2 G6 Q7 A
第8章 文章详情模块开发21 节 | 134分钟
9 m% E, a( E4 D' ]3 t3 G0 Y8-1 开 篇(加片头) (03:12)
# W; H5 _1 I' q8-2 文章详情 - 点击进入文章详情页面 (07:28)) ?- J7 H+ d1 i% e0 \
8-3 文章详情 - 获取文章详情数据 (11:15)
3 }: d; G. ?. A$ ~8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)4 U# r/ ]1 }; a t% T; c
8-5 文章内容 - 美化文章内容区域 (08:41)3 y ]' V$ j$ ^
8-6 文章内容 - 分析文章内容的样式实现 (04:21)
8 v/ a# |* Y) d0 s+ z/ s& }8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
6 n7 f l. O: o8-8 【讨论题】文字太小是怎么回事？
! z" [: I( |% a6 u0 Q" u1 X& y8-9 文章内容 - 解决字体过小的问题 (06:03)
* g+ s+ W" m3 e2 ^8-10 【讨论题】渲染, ~' h+ C& n: j0 u. b" r+ L& p$ u7 L
8-11 评论列表 - 获取评论列表数据 (07:10)2 D1 \3 k% `$ q6 c3 L6 q
8-12 评论列表 - 渲染评论列表（精简评论） (10:14)
4 ]. F4 f# a+ C' P# ?$ t. ]* `5 H) Y8-13 评论列表 - 美化评论列表 (08:18)
7 v9 x& I# P- }8-14 评论列表 - 渲染全部评论列表 (07:57)1 x. e. i* E8 Z! G
8-15 评论列表 - 完成全部评论的分页加载 (07:28)8 z2 j# b% @3 f; M) W
8-16 评论列表 - 处理数据加载完成的提示 (04:45)/ q: k% R! E; @
8-17 功能区域 - 封装功能组件 (05:43)' V/ g q7 _3 D7 a) \# p
8-18 功能区域 - 样式美化 (04:24)
0 S2 q3 R7 p! S+ _3 p% O# v1 M, x2 _8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)' ]6 m4 a! i. U' z; r' f i& V
8-20 明确功能业务 (02:02)
, V; w) n# U# g( Q4 S2 z8-21 总 结 (01:29)! R; O* u. S- Z; G" K9 N( |
( O `) c4 \* \ J4 C6 ]
第9章 用户登录20 节 | 111分钟
% v" u1 M t' |0 S- l' C, R# Z9-1 开 篇 (02:26)
. V9 W U/ r3 A9-2 用户登录 - 登录页面基本样式 (04:38)- G9 W3 t% @$ h7 _4 `( ^, j
9-3 用户登录 - 封装登录组件 (02:52)
, Z- ^" [& M$ i0 j6 v9 p9-4 用户登录 - 明确登录的实现思路 (04:52)- R: i5 K5 {7 i: G7 A$ `
9-5 用户登录 - 封装 action 调用登录接口 (11:07)9 F: X9 s5 V2 h0 F0 g* z
9-6 用户登录 - 保存用户登录状态 (07:32)5 V @: w- n, F
9-7 用户登录 - 完成已登录的用户视图 (04:06). m+ ^8 r8 ]& f+ }7 J4 S. A' [
9-8 用户登录 - 实现退出登录功能 (05:36)- ^- W; A) E" B" ], e8 J
9-9 用户登录 - 判断用户登录状态 (04:35)
+ }8 Z1 ?* P8 N9 z9-10 用户登录 - 新建登录页面，处理当前场景 (11:46)+ n" m4 m4 n8 I g/ H; H
9-11 用户登录 - 监听登录成功的状态，返回之前页面 (03:48)
$ n! U# m- d7 W3 t9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
3 D3 e0 U8 F- D. R0 }9-13 文章操作 - 关注用户 (09:03)
: e& ~; s2 K; X# ~7 t9-14 文章操作 - 处理发表评论的 UI (11:00)
0 {- a9 N6 h$ o |9-15 文章操作 - 处理评论框的显示问题 (09:54)% |! y' H' ], e
9-16 文章操作 - 发表评论 (07:18)
m7 l3 x# K8 j5 a4 p0 a! a0 X9-17 文章操作 - 回显评论数据 (04:57)
$ N9 \ ]/ k+ w% O1 c9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
" P- p9 c, F4 S, @' Z9 U4 t ^9-19 【任务题】实现文章的点赞和收藏功能6 m. P w$ K* o0 S H
9-20 章总结 (01:29)1 |$ ^* _) z2 M' f q
- }: O6 Z# W. y! l# z% n
第10章 热播模块16 节 | 80分钟
O' X" @& q" ^10-1 开篇 (03:01)) E9 c+ T0 c( E. b( o; a- O
10-2 热播列表 - 获取热播列表数据 (03:43)* q3 ~0 _) w4 Q: Z
10-3 热播列表 - 渲染UI结构 (10:12)
4 L% B) y: C1 s) K. @* A4 O" H10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
' N+ I( V0 ?3 c& S7 b! p10-5 热播列表 - 点击进入详情页 (03:05)& P5 } L" \7 [. V
10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
: |' b; }8 P' \8 |( g4 r10-7 热播详情 - 展示视频弹幕 (06:34)4 A* ~- s6 G% \9 y. Q
10-8 热播详情 - 渲染全部弹幕模块 (04:44)
) J& o" A8 N3 g, n* r10-9 热播详情 - 渲染底部功能区 (06:56)% H+ E9 e; G6 F y7 a* Q8 N
10-10 热播详情 - 发布弹幕 (07:19)" h6 C$ [) }5 ^0 w% z
10-11 热播详情 - 解决弹幕不显示的问题 (03:06). }7 \ z* b9 \5 |
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)2 W: ?: w4 t8 C6 c5 C0 ~
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
, N; ^9 x# c! Z" C$ t: T5 [10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
- R+ i) N, O5 ?2 }10-15 【任务题】热播中点赞与收藏的实现) J* O/ ?7 H( I- ~1 B
10-16 总结 (02:06)
- v) @# p7 J" S; V! {! R# C) M6 ~2 y `& r( Z
第11章 多平台适配10 节 | 35分钟2 F5 y1 \: w0 s0 C8 f- B. x- r6 Q
11-1 开篇 (01:52); m$ K$ l O- L$ l3 P, \* p A
11-2 uniapp 中的条件编译 (06:00)8 y% i0 x) G6 z; n3 H: B9 C
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)8 Y& Y: L J& r( O2 _! W; h2 A
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09). y+ {: m# r+ B; E- X' E8 c& d
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)3 R0 | g' l& e/ v7 k
11-6 多平台适配 - 文章详情样式处理 (02:37)
9 D% T( _0 \9 D9 _9 Q& ^- y( \11-7 多平台适配 - 热播视频全部无法播放 (07:03)+ ?- \5 y* A k' v- l9 d7 i- e
11-8 多平台适配 - 一键登录功能 (04:54)5 L' \4 y/ C' q7 Q3 B$ l8 t8 o
11-9 总结 (01:41) y7 ?$ K' \+ d z
11-10 【讨论题】多平台适配问题$ V2 Q1 Z2 f n8 F! d
6 R" m( [8 ~0 W7 W; U( g
第12章 项目发布4 节 | 9分钟0 }7 E! x0 K: P( R! Y9 A
12-1 开 篇 (00:46)
2 s- @, k$ t* O4 N; L8 \" S12-2 打包微信小程序 (02:37)$ K- T. P$ J% ^3 u: l* O' ^" B; {2 k
12-3 打包 h5 页面 (03:51)
- _) _' x& `7 z( l! C2 r12-4 总 结 (00:53)
, i, | n# `2 D# l# y- u6 N' m0 n" A9 V* p; ?0 D
第13章 课程总结1 节 | 2分钟; C9 |9 ]8 J: A* P5 j z
13-1 课 程 总 结 (01:24)
' u$ q& Z; P2 G9 F5 _2 Q
, ?& K! M3 j" v' k〖下载地址〗" C1 b% k3 ^, ] X1 k& ]
+ O7 R: N* H8 i4 G, V- w〖升级为永久会员免金币下载全站资源〗2 o; z9 Y+ N8 j0 T' Z
全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html
) x5 W' L7 U2 q d" L, l |
[复制链接]
