) W. J/ ]' K. {2 u9 r
8 j, `+ a1 X! M0 ^6 G〖课程介绍〗
2 Q# U, C% ?1 K) m0 X1 V还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。( x( q1 P5 v# t, o6 {, r
〖课程目录〗( \4 y2 I( a+ W' ~5 k' c& B% P
第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟' o* p6 f3 d# s, S$ o, X% k" Y
1-1 导学 (15:50)9 g C4 C. J0 w- H3 q' c
; L! ]- v G8 \: }9 D3 y( f
第2章 小程序初体验15 节 | 88分钟
7 e) X: G0 |+ v6 i9 k2-1 开篇介绍 (01:28); P; P+ z8 ]9 l9 r1 C8 }% i6 L5 Q2 q4 d
2-2 小程序开发前的准备 (04:23)
1 c, M. k6 @. }1 f2-3 开发第一个小程序应用 (06:43)& k. Y$ `$ | `$ c* B4 b+ u! j3 K+ I
2-4 了解小程序项目的基本组成结构 (08:20)
' n4 O$ P# ~+ o+ r3 p/ P( ~2-5 wxml VS html (07:36)0 |; ~: _) P. x
2-6 wxss VS css (08:15)& R9 ~ |4 N- E. x0 v# J- c
2-7 .json文件 (04:57)
2 B; S; p8 q5 s+ B2-8 宿主环境与小程序的运行环境 (04:48)* _, q; {! F' f2 K% I( J" Z K
2-9 小程序内置组件-view (07:48)
0 ^/ B/ n6 L" N2-10 小程序内置组件-scrollView (07:46)! a0 @& s u2 X+ j' w
2-11 小程序内置组件-swiper (04:43)$ d: \1 L" b7 n! r
2-12 小程序内置组件-text&&rich-text (04:36)
3 \7 ^9 V! ], v& Q# j2-13 小程序内置组件-button-image (07:04)
3 N' h- G$ G6 z" u% j! U9 L* ^, H2-14 小程序成员管理 (03:38)
' L# F, ^8 N) k( I- X2-15 小程序发布流程 (05:47)
/ i9 b s, p+ ]% r& h6 d7 R1 h* [7 D/ e
第3章 小程序核心语法21 节 | 225分钟
6 o d! D" C' _3 @3-1 开篇介绍 (01:29)$ C4 z5 Y8 K* z i0 Z3 F# v3 S7 b5 v
3-2 小程序的数据驱动原则 (13:00)
: g) z) T& D. y. }7 x* T3-3 小程序的常用事件与属性列表 (12:34)
: x! q* [! ?9 J2 h1 b3-4 小程序的事件传参 (11:14)
2 r* V9 K7 W8 P# k3 r3-5 实现【双向数据绑定】 (12:57)
1 [. p8 O' }0 H1 e- `: `3-6 【任务题】实现双向数据绑定功能
; e1 b3 v& W+ p9 z6 D! `3-7 【讨论题】数据驱动$ q3 ?6 h8 w- H
3-8 条件渲染 (12:49)
; `$ \. D( t& m5 w! @3-9 列表渲染 (14:09); z3 ] w$ ?* s& W- |& o
3-10 配置文件解读 (25:41)
5 a, L# ?/ E# B8 o! E1 u1 u3-11 数据请求 (21:02)
m# l% [! `* p7 W3 @% U Z3-12 异步编程新方案 - promise(1) (13:24)
0 V B( y( Q( }) ?1 x, ?6 A4 Q, K3-13 异步编程新方案 - promise(2) (09:28)
1 Y9 E3 x9 ?. l7 p! X3-14 【讨论题】异步编程" V9 F. {/ |5 i% R
3-15 异步编程再升级-async和await (09:38)" z" g1 K5 t/ B) \1 O, }( F
3-16 【任务题】异步编程
$ }) q& R: p6 K1 {$ X/ p8 e3-17 小程序使用 promise 解决异步编程 (10:40)8 b3 y+ u q$ `' j
3-18 小程序页面的生命周期 (16:00)2 G) R( K$ r; t9 j2 M
3-19 PullToRefresh下拉刷新与上拉加载 (19:26)+ f. K$ Q( F, t& o" z8 d$ z j' S7 @
3-20 小程序的页面跳转 (18:38)' N0 b. w7 m$ L3 i( L& I
3-21 总结 (02:26)0 G( z: Q3 }0 C C k l2 v
9 ]; G' a" v# E第4章 小程序进阶概念10 节 | 92分钟
3 ~+ \4 L& v/ z1 Z4-1 开篇 (02:17)$ D6 F' y. P1 j# ?- q3 z
4-2 什么是组件化思想 (04:38)
: k# B9 _0 W, S H1 u* f4-3 创建第一个组件 (08:19)" R- f4 f0 l0 T+ F
4-4 组件的生命周期 (15:24). _: [# P+ c, `3 h; a
4-5 数据监听器 (11:27)
/ M: B' ]) x1 U$ w% ~* {+ y4-6 组件之间的关系与通讯(上) (11:44)
" f& ^# O" q8 Y4-7 组件之间的关系与通讯(下) (18:22)# ]6 t B6 N6 M, w* e1 r& l8 z& ~* Z, [
4-8 组件的插槽 (15:51), C- e2 X1 l; Z% p& b
4-9 总结 (03:15)
3 y9 W' E0 n: T! U; |9 `! N4-10 【任务题】热搜列表实现
- Y B& _) F% D% H. [ v- Q( ]0 y5 r
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
/ U4 \! q: T; t) j( I# o( ]8 N5-1 开 篇 (01:58)
* k6 T- `; }! d- ?: v0 J5-2 uniapp难吗? (03:12)
7 y9 v6 S; H) E0 N; Z4 S+ t5-3 配置uniapp开发环境 (06:24)
! i% p/ U% A( ]& Q* [- z; N5-4 创建 imooc-blog (08:57)
1 Y; }, }- Q; j3 _/ L; t5-5 运行项目到 微信开发者工具 (06:34)
: I7 g- D" Q8 N: R p5-6 使用 VSCode 开发 uniapp (04:24). f' _1 L" n- x1 U4 v% _- V
5-7 创建与配置 tabbar- (10:54)
; P; {1 r X! j& o9 A, a' G5-8 警告与错误处理 (05:50)
/ V+ s# x$ [. L+ r: r" {5-9 热搜页面分析 (01:08)
2 R0 |% I4 B$ \0 s5 p0 u4 G5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
; A0 @+ O- S& i/ Y b! m5-11 创建搜索框组件 (15:57)
) B5 ?' z' Y. {1 m/ a) e7 `5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)3 R3 W) }) F) l' d$ E" N6 ~
5-13 tabs组件 - 封装网络请求 (11:09)$ _8 f1 |8 T2 z) A0 |3 H% V
5-14 tabs组件 - 进行基本的数据展示 (09:16)( I. A' m4 q8 [# O9 a+ x
5-15 tabs组件 - 美化样式 (05:31)
- l7 }/ J5 d. i5 S$ t! z; y( \5-16 tabs组件 - 设置激活项 (08:22). _+ T( A* E9 K& j- x
5-17 tabs组件 - 定义滑块 (03:22)
* ^$ }8 l0 e/ o, }5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)% q% y+ C+ U+ g- Q9 H' l
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)& z/ [9 ^$ x6 Q' U
5-20 tabs组件 - scrollView 的点击位移 (04:01)
2 k8 f5 [5 p; F5-21 tabs组件 - 增加可配置项 (05:07)
9 _. Q3 l' B- W6 t7 D' \9 {5-22 List 组件 - 分析 List 组件 (03:58)' } F( z4 @6 U) V; `: R
5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)
, |7 [; A. c3 C8 e7 Z2 \$ c5-24 List 组件 - 美化 item 样式 (10:15)
6 B0 E6 y% e& X) y9 s& V3 Y# k5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)
4 [; l, u) L/ f3 B$ [5-26 List 组件 - 渲染真实数据 (13:04)
% N3 |8 B* R5 s9 e+ v5-27 List 组件 - 通过 swiper 改造List (07:02)
`; k* w7 y1 p5-28 【讨论题】通过 swiper 改造List遇到的坑
# O' D9 X8 f b: N# o( c: [5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)5 E& {9 ?8 T& V Z3 E
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)
/ q: }1 C2 c) p5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)# O' T+ `' c1 |
5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
/ @2 N3 Z! ?0 E2 s6 e U. b5-33 完成 `tabs` 的吸顶效果 (02:48)
7 W: t/ r6 `- ? V5-34 控制列表滚动位置 (03:58)9 o; e2 y+ c$ z
5-35 List 组件 - 处理热度的显示 (04:30)
# y# K8 T6 v2 D" }$ n; ]% O1 h9 |4 ]5-36 总 结 (02:24)
2 t; d, o: D" Y ^ I) ?0 |# i7 p5 T# Y2 l/ e
第6章 文章搜索页面20 节 | 123分钟
' O. l4 C7 ]" L6-1 开 篇(添加片头) (00:45)$ u. \1 [/ i# p0 T d3 N. w, s ~
6-2 文章搜索 - 分析文章搜索页面 (03:38)3 _' H" b+ s. e3 Z
6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)
& j- N: f2 D# o6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
& }" _$ K% G% c: I9 T+ J' }6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
% s, N8 \ B1 ]* d; _6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)9 v3 T+ M( V7 r+ K
6-7 文章搜索 - 显示推荐搜索 (02:55)4 l5 m/ X5 E2 y7 V
6-8 文章搜索 - 创建三个业务组件 (05:41)
- {0 o- ] D! u: P6-9 【任务题】控制业务组件的展示效果
! J2 D3 ^# A9 B% k6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
- d5 ]+ G1 Y+ J- C2 u" Z6 a7 E6-11 热搜列表 - 数据获取 (03:49)
* B3 M3 N" W" D9 C; y+ ~6-12 热搜列表 - 数据展示 (10:24)$ T. j- x) H3 q2 t% @$ m
6-13 热搜列表 - 热搜点击处理 (03:50)
" R9 }' {8 z% j- t% R4 P! _. b- g6-14 搜索历史 - 渲染基本结构 (07:08)$ g: V0 `! r! N" {' k
6-15 搜索历史 - 美化基本样式 (07:37)' y7 e2 ^+ |8 k6 x" ] N2 z
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)( \; K9 B3 v4 \) H
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
; J: l2 |- p2 s2 u; T0 a. p4 m. f6-18 【讨论题】构建良好代码结构遇到的“问题”?
9 k8 c9 }3 G- u; {6-19 搜索历史 - 找出现在的问题 (02:20)
5 z0 m' P4 `3 D1 k6-20 总 结 (01:09)
) Z( r2 D0 W, j0 ]6 Y) e" W2 H( ^4 F
第7章 全局状态管理18 节 | 113分钟; v- ?+ L' o. H
7-1 开篇 (00:53)
( C) b: I$ w- R9 j, \; L7-2 状态管理 - 全局状态管理工具 (06:15): W: L, V* o' p! _) u* |$ g2 y) W
7-3 状态管理 - 在项目中导入 vuex (03:09)- `" T! ]. k/ a6 x. a
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
6 j3 Q9 x8 B* h( i& p `- |, y7-5 状态管理 - 构建 search 模块 (05:47)8 `0 Z$ Y* L0 k* G8 Y U d
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)1 d5 ]% @. z$ Q
7-7 状态管理 - 数据持久化 (06:15)# m1 _- _! r4 U3 X
7-8 搜索结果 - 获取搜索结果数据 (05:27)3 f: @* H. ]/ T U
7-9 搜索结果 - 渲染搜索结果数据 (14:19)) \6 a2 p! r! H" |6 R- O0 L
7-10 【讨论题】 item 渲染
8 d8 i- Q8 d3 w& b0 ], I' r7-11 搜索结果 - 处理相对时间 (13:17)3 o0 |* `% E$ @/ e. _
7-12 搜索结果 - 高亮搜索结果关键字 (08:53)! J# c+ P- T0 t$ }, K& N5 m+ J
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35). `, d6 m' x" ]3 X1 ^4 v
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)3 H7 [) \- E. T' Y
7-15 搜索结果 - 处理空数据场景 (05:43)
& g/ l. y& F; R1 [; n1 }7-16 【讨论题】下拉刷新、上拉刷载2 j/ j5 a2 ?: l- R
7-17 文章搜索 - 细节修复 (02:58)1 A1 N9 Z8 ]4 j: ?5 U
7-18 总 结 (01:20)7 z! [8 N H$ s1 b) U5 @
3 P! p7 [- q7 ? G: h
第8章 文章详情模块开发21 节 | 134分钟
+ x! l! w) [9 R7 y2 n* ] a8 [: C8-1 开 篇(加片头) (03:12)
; O @; r. |, L. `8-2 文章详情 - 点击进入文章详情页面 (07:28)
+ c3 ` O3 c/ k6 I8-3 文章详情 - 获取文章详情数据 (11:15)
1 P. p1 g! ^4 T+ b3 R! J7 `8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
* R% ~4 O* B" d1 ?. Y8-5 文章内容 - 美化文章内容区域 (08:41)
) i7 ]8 x5 y2 s* D2 t* J. d* }8-6 文章内容 - 分析文章内容的样式实现 (04:21)
0 {0 p1 [# ~6 ]$ Y( B! i/ u* E3 P8-7 文章内容 - 实现文章内容的样式渲染 (23:05)3 `0 l+ _% T! Y+ n" k# |' `# _
8-8 【讨论题】文字太小是怎么回事?4 s9 M0 P" S) }
8-9 文章内容 - 解决字体过小的问题 (06:03)
2 t+ A/ F A2 b9 P+ s- H8-10 【讨论题】渲染
- d% W' h& g' `" k/ C+ A8-11 评论列表 - 获取评论列表数据 (07:10)
$ z% c" P6 `) U# T0 v8-12 评论列表 - 渲染评论列表(精简评论) (10:14)4 T9 J1 t) y: Q7 u$ A/ Q
8-13 评论列表 - 美化评论列表 (08:18)
! V3 X. i0 `$ v3 @0 A$ i% F8-14 评论列表 - 渲染全部评论列表 (07:57)! f8 [5 |' V8 z3 H0 @% s5 J
8-15 评论列表 - 完成全部评论的分页加载 (07:28)
; P+ l7 o$ j, f: N7 w# `2 s2 ~1 S8-16 评论列表 - 处理数据加载完成的提示 (04:45). m: P; C& f- O( B: N
8-17 功能区域 - 封装功能组件 (05:43)" c# a; B F' a
8-18 功能区域 - 样式美化 (04:24)
) @( u1 H" c' z) ?8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)
2 o# c) E+ v1 C. c0 X: B8-20 明确功能业务 (02:02)
4 ]* I! j( N% @8-21 总 结 (01:29): E; k) s6 t' G2 D! o8 e
3 Q" N) |% {3 w! }第9章 用户登录20 节 | 111分钟
2 n; E, e) u4 i7 @9-1 开 篇 (02:26)" y! B9 ?" W( D2 r
9-2 用户登录 - 登录页面基本样式 (04:38)- B' }1 k( l- l p
9-3 用户登录 - 封装登录组件 (02:52)
" ]2 @2 j! g, X; X+ T9-4 用户登录 - 明确登录的实现思路 (04:52)" c7 ^3 C9 I1 Q+ b: F
9-5 用户登录 - 封装 action 调用登录接口 (11:07)
7 s, w. A/ `5 Y/ M; [) \9-6 用户登录 - 保存用户登录状态 (07:32), o' s) f' b- F
9-7 用户登录 - 完成已登录的用户视图 (04:06)
7 \2 u/ a6 Z! v. d% m, O" e L9-8 用户登录 - 实现退出登录功能 (05:36)8 e: d u, q& i- f9 H
9-9 用户登录 - 判断用户登录状态 (04:35)
7 H8 P1 a- T; B% s4 N* Y( i7 r0 g9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)
) z( \0 T ~) ~8 {. u9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)) w' o% g2 H4 L+ y) f( [$ b
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
! |2 K+ q. N8 E( ]' B {9-13 文章操作 - 关注用户 (09:03)- m* E8 B7 u0 ]; c4 Y
9-14 文章操作 - 处理发表评论的 UI (11:00)
. Z& k6 {" V3 `0 h; _9-15 文章操作 - 处理评论框的显示问题 (09:54)
% l5 Y7 F) V5 g" p. b! n; X9-16 文章操作 - 发表评论 (07:18)
8 o" u7 V! S s2 G8 m# P/ J9-17 文章操作 - 回显评论数据 (04:57)
# b) H+ x6 A3 B7 ]! o' z' U6 t9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
: ?: \4 \+ o1 E/ w3 B, \8 J9-19 【任务题】实现文章的点赞和收藏功能
! {" X5 b' Y! M; _8 {, w9-20 章总结 (01:29)
% S& O/ p) S' J) B+ Z* R# n, }4 Z: n1 a3 d" k p% t$ |* r
第10章 热播模块16 节 | 80分钟
( W3 C' L! X' k/ }10-1 开篇 (03:01)
8 \# ^: F) g% v. K; C10-2 热播列表 - 获取热播列表数据 (03:43)9 X3 u2 F5 S/ h1 C4 _
10-3 热播列表 - 渲染UI结构 (10:12)
6 v' l2 N3 L9 R9 ]1 b, w% K10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)# D3 x6 E0 e, B
10-5 热播列表 - 点击进入详情页 (03:05)
n2 Z* x! @2 E- R% R3 d6 X7 d10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
# ~" {% W, m8 L4 `. K7 w% U5 s10-7 热播详情 - 展示视频弹幕 (06:34)( n, B) h: n" r+ b. t3 s' f7 P( W
10-8 热播详情 - 渲染全部弹幕模块 (04:44); o4 f1 @2 M7 a; c( ], N9 v8 C; \; m
10-9 热播详情 - 渲染底部功能区 (06:56)/ m' A: R# \4 P: ~* w! g& X2 t
10-10 热播详情 - 发布弹幕 (07:19)
7 U$ ~1 k: u9 h; G+ k; M10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
! y7 ~+ p9 j1 @5 ^$ m10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)7 h5 e- ?- h+ T7 `5 r3 g
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)2 u% ]9 a) q$ k8 Q6 z: \2 B9 U8 M* z
10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
! m5 K* l; m( Y# ^* A$ G10-15 【任务题】热播中点赞与收藏的实现
1 }3 {# }# A1 O4 u# Y4 Y10-16 总结 (02:06); S) x) }( @& p3 ]
8 w; }' [8 U) G3 e' @第11章 多平台适配10 节 | 35分钟
- O5 a1 X9 i3 q$ U& Y4 `11-1 开篇 (01:52)
2 V8 e6 d' N2 | Y0 q11-2 uniapp 中的条件编译 (06:00)$ O2 g% {% g3 c
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)) a' E4 w! C A ^ F: g
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
. Z- X% v3 ?2 Y! F11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
( i* }; M/ m, _. S9 k" }: k. v6 J11-6 多平台适配 - 文章详情样式处理 (02:37)
) R: T0 A/ Q8 d/ a7 F11-7 多平台适配 - 热播视频全部无法播放 (07:03)4 R% e4 O3 T& G6 }7 [5 s
11-8 多平台适配 - 一键登录功能 (04:54)
6 a8 }2 @% q4 O6 c, S1 w9 v11-9 总结 (01:41)
& m$ }( |- P: }, n& }) Z11-10 【讨论题】多平台适配问题
- d. `9 M8 a7 F& L- R5 b
3 M- }& ? T' S, q5 p. ]9 q( h第12章 项目发布4 节 | 9分钟( y8 g% f2 m, f- u; G( w' |2 F
12-1 开 篇 (00:46)
" Y5 A0 Y9 e4 Y12-2 打包微信小程序 (02:37)
8 F+ y0 O1 Q: {' P12-3 打包 h5 页面 (03:51)0 P- a6 D4 q; g) V7 \, v
12-4 总 结 (00:53)
" X8 Q9 b% e, M# k3 y9 \
* `/ J" b% T2 \第13章 课程总结1 节 | 2分钟+ m+ l) E# P" G& I5 x! k, t
13-1 课 程 总 结 (01:24)
2 i5 ~& g! e5 d* `9 z
/ s1 _( P5 H4 l5 M4 s6 l〖下载地址〗" n6 m. S% Q: k2 P5 x( h0 V. N
+ I" r% E. e9 p! A( }# t〖升级为永久会员免金币下载全站资源〗
& V4 O6 [/ E: G! D: p全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
7 s$ ~/ g0 L9 A# E7 O- x, M |