0 c$ G& ]# R& {& k: c
3 U( D& `- @: M0 u" }
〖课程介绍〗. s. c) N2 d8 a& e1 e9 z$ {' c+ X
还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。: y2 E9 Y' H. L
〖课程目录〗
) \: H8 k3 v b' [第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟- L5 v, b" B p% F8 C+ [# \
1-1 导学 (15:50)
# {6 T1 H. ^# ?& r+ D+ w9 b9 t5 {; [$ S. v% G7 M
第2章 小程序初体验15 节 | 88分钟+ g! `& b! E5 w5 Q5 v1 O& r
2-1 开篇介绍 (01:28)
$ W0 b2 \2 g. Z/ b2-2 小程序开发前的准备 (04:23) o) B$ } W4 I( }$ q; _* K% X
2-3 开发第一个小程序应用 (06:43)
: }8 o Y: o$ d, U2 O1 i2-4 了解小程序项目的基本组成结构 (08:20)3 _) s1 Y/ ~# g4 w- F
2-5 wxml VS html (07:36)
: Z3 e$ \- [9 f9 T/ I5 e6 v2-6 wxss VS css (08:15)0 b" B: W/ ^. v
2-7 .json文件 (04:57)8 t' ]9 f* [* e: e8 \
2-8 宿主环境与小程序的运行环境 (04:48)
, S/ ?, n+ ~% W7 B4 |9 y2-9 小程序内置组件-view (07:48)
& H# Q) C* F! A) u2-10 小程序内置组件-scrollView (07:46)1 X$ ]7 P' [+ }
2-11 小程序内置组件-swiper (04:43)- [7 R" \' s7 [* Q3 Q
2-12 小程序内置组件-text&&rich-text (04:36)9 y- o L6 \6 q# `% D
2-13 小程序内置组件-button-image (07:04)! a" B3 d8 c( d( O
2-14 小程序成员管理 (03:38)0 C+ N2 z7 W8 Z' y, G5 b
2-15 小程序发布流程 (05:47)
0 H' g5 r7 i/ f6 J, L- X* I+ V/ A9 U4 {3 ? @$ q0 j
第3章 小程序核心语法21 节 | 225分钟0 v) W; U( h# j9 i3 C! K: I8 n4 i
3-1 开篇介绍 (01:29)
* u A2 P6 n: }4 l$ l! ]* G3-2 小程序的数据驱动原则 (13:00): r' t7 G8 P; Q
3-3 小程序的常用事件与属性列表 (12:34), @5 l: K- S6 g+ d% ^# O
3-4 小程序的事件传参 (11:14)
0 F$ B/ T3 W9 D6 D2 G) P6 p+ r: l3-5 实现【双向数据绑定】 (12:57)1 z* Q E6 J% m) L
3-6 【任务题】实现双向数据绑定功能, [: w3 A, ?& L: Y( p
3-7 【讨论题】数据驱动
8 N1 Z* Z8 V; R% i! H4 d! I3-8 条件渲染 (12:49)
- v; H" v7 b( Y, y+ T3-9 列表渲染 (14:09)8 t5 U0 W, {2 L* F7 j' }
3-10 配置文件解读 (25:41)6 W, K( _1 O7 O7 T& S# o8 @( i
3-11 数据请求 (21:02)/ i0 @9 C* y7 i
3-12 异步编程新方案 - promise(1) (13:24)
. |, f+ P I' m& X7 a3 z' p# g4 R3-13 异步编程新方案 - promise(2) (09:28)
# K% h6 P- U" E& v. ?; O3-14 【讨论题】异步编程7 w7 x5 K( w, f
3-15 异步编程再升级-async和await (09:38)" p1 j+ c# w. _* P0 _
3-16 【任务题】异步编程
8 }9 w' ~ ^" A9 P7 \3-17 小程序使用 promise 解决异步编程 (10:40)" y+ ^/ Y- L$ y: ~
3-18 小程序页面的生命周期 (16:00)2 L6 y, U3 n; M+ ? ^
3-19 PullToRefresh下拉刷新与上拉加载 (19:26)
1 Y& e, Y% M9 m7 f+ J( O' p3-20 小程序的页面跳转 (18:38)
1 c, l9 E7 Y5 D0 T6 f- [+ a3 I3-21 总结 (02:26)
4 `( I( L% m1 r3 z- l: G( o' j# E/ s w/ s5 J/ V) u. a
第4章 小程序进阶概念10 节 | 92分钟1 c$ W+ c6 J& ~( Y; [! M' A
4-1 开篇 (02:17)
& O) A/ e3 l# V' Z9 g6 _: S9 E4-2 什么是组件化思想 (04:38)
; @3 a" e: S S: U* z2 `+ A4-3 创建第一个组件 (08:19)' u! X5 k) @, N" m6 I0 {. b4 |
4-4 组件的生命周期 (15:24)" x9 n X! m5 Z0 J2 w/ v
4-5 数据监听器 (11:27)5 i# ^8 H) G) E, @6 r! B
4-6 组件之间的关系与通讯(上) (11:44)+ C3 ` u% ~6 m
4-7 组件之间的关系与通讯(下) (18:22)6 R- g; K. M7 Z. |2 k
4-8 组件的插槽 (15:51)6 _, v+ q, _" E# e, G
4-9 总结 (03:15)
@" y0 G/ j3 `4-10 【任务题】热搜列表实现9 L3 Z" O0 A" ?6 O6 F3 }; f
% \9 A6 B" `: ?% D4 H J! d第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
5 L K% |/ b- X5-1 开 篇 (01:58)
" {' Q# B# w) m! B2 H9 e6 t5-2 uniapp难吗? (03:12)
+ K7 K$ ^% e5 A$ ^5-3 配置uniapp开发环境 (06:24)
6 z' w6 Z7 `% Y X J5 P5-4 创建 imooc-blog (08:57)
3 S1 o; E& y9 G7 J2 q7 U- ]5-5 运行项目到 微信开发者工具 (06:34)
/ B9 x, O; u- T- c5-6 使用 VSCode 开发 uniapp (04:24)
7 B# r2 v: O4 Y+ @) [5-7 创建与配置 tabbar- (10:54)
& _/ C" X* J6 I, e5-8 警告与错误处理 (05:50)
4 _" ^: Q2 f! N5-9 热搜页面分析 (01:08)
" n) w) r6 M: m8 R5 k5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)% q# P% q! K+ I/ S* j$ j1 ?
5-11 创建搜索框组件 (15:57)
0 f' h: z! K( A, x1 {2 j/ P3 Z5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)' ?) o$ E4 }4 s$ o: E9 B
5-13 tabs组件 - 封装网络请求 (11:09)
) S. L8 y: D' G; a9 u& K2 C5-14 tabs组件 - 进行基本的数据展示 (09:16)) B( W6 t8 W1 N1 m: ?6 Z+ V5 A$ ~
5-15 tabs组件 - 美化样式 (05:31) e% R; s" m# ?% R. I' D0 V0 t
5-16 tabs组件 - 设置激活项 (08:22)2 ?9 t( p9 x* s4 I
5-17 tabs组件 - 定义滑块 (03:22)$ X2 g& ]8 f" e7 o, t/ A" a
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
' R1 H+ i: d4 |' _3 Y: a5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
6 ?, @1 t) _% R/ l4 m7 ]" ^$ L5-20 tabs组件 - scrollView 的点击位移 (04:01)
6 Z7 F- \- S. {5-21 tabs组件 - 增加可配置项 (05:07) O& H" ^ L. r" ^7 a
5-22 List 组件 - 分析 List 组件 (03:58)
$ B3 @6 }, r8 b: [' ?1 ?5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)! K) |- M" i+ L' y6 c. W4 h
5-24 List 组件 - 美化 item 样式 (10:15)
0 y9 W0 B, h; Y {" a5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)9 Q% n4 }! s* X" N8 }
5-26 List 组件 - 渲染真实数据 (13:04)0 _: V$ x: P1 l- {' H
5-27 List 组件 - 通过 swiper 改造List (07:02)) {. f9 C# w+ ]0 e
5-28 【讨论题】通过 swiper 改造List遇到的坑
' M: J# i8 Q* U8 B; t- K7 J7 B5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
6 Z2 |, [5 h* R; \0 W7 p& S A5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)4 H! w4 Y: Q8 l. z2 q4 c: Y% ?+ Y
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
3 }& L3 T) y; Y" R$ j5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)1 g+ L V) j0 ~
5-33 完成 `tabs` 的吸顶效果 (02:48); y) m, H( g0 k3 a, ^6 o3 `6 W
5-34 控制列表滚动位置 (03:58)
4 x7 a& h3 Z8 _+ y5-35 List 组件 - 处理热度的显示 (04:30)0 I! }. O9 q" ^9 A% \! @+ K
5-36 总 结 (02:24)
) B; {: p% J; Y6 q4 z
7 I9 j* h: g% m, k第6章 文章搜索页面20 节 | 123分钟6 S1 r9 n' B; {0 s$ x
6-1 开 篇(添加片头) (00:45)# C! L8 u3 v/ _9 d2 g; [8 }: n' S# v
6-2 文章搜索 - 分析文章搜索页面 (03:38) b2 m5 }% Z6 g/ r% E2 i
6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)
* b9 \. g8 K5 Q& `# B6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
# x0 S5 y/ l4 ~* X o9 y6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
) H# T! {( s5 ^* j5 _+ {( V6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)& P# Z+ Q, s, C, |! L; e( {. w0 t, G
6-7 文章搜索 - 显示推荐搜索 (02:55)
9 s" _5 B1 M! B/ N6-8 文章搜索 - 创建三个业务组件 (05:41)6 x; R9 J- p- @
6-9 【任务题】控制业务组件的展示效果2 j0 t+ e) O3 H \1 X0 p
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)9 S0 D# u: P7 u7 ]9 _) p* d8 o
6-11 热搜列表 - 数据获取 (03:49)
6 a9 g* h+ i9 v8 N, u6-12 热搜列表 - 数据展示 (10:24)
' x. e) z9 }0 H6-13 热搜列表 - 热搜点击处理 (03:50)3 ?" [3 ]0 W8 M5 ^4 n& y+ e
6-14 搜索历史 - 渲染基本结构 (07:08)1 a7 O9 w: @: \1 p* C5 ]
6-15 搜索历史 - 美化基本样式 (07:37)* ~* U8 |, _" y4 |; I
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)
5 ]! J$ e9 ?8 l6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
+ t$ u }" p2 i. ]: n6-18 【讨论题】构建良好代码结构遇到的“问题”?5 L" }$ a, C8 X
6-19 搜索历史 - 找出现在的问题 (02:20)
: x4 R) B9 i6 M! S% Z/ f6-20 总 结 (01:09)8 X2 v* e( E1 ~# B0 `% a( M4 t
; _* q2 ?% n, X第7章 全局状态管理18 节 | 113分钟
, i8 Z+ f) ?. [- ?! {1 p7-1 开篇 (00:53)/ t: p. [3 `3 {; S; J2 M5 S
7-2 状态管理 - 全局状态管理工具 (06:15)9 q& d- _1 W# p0 K7 r' e
7-3 状态管理 - 在项目中导入 vuex (03:09)% r% s! o# S2 H3 A- o3 |1 C
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)0 b# f6 d7 ]3 B: J( X, E. [1 d) i
7-5 状态管理 - 构建 search 模块 (05:47)
1 C/ c t; K3 X5 r" K9 J7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)% B" y- e# P( ~9 e2 s
7-7 状态管理 - 数据持久化 (06:15)
, b/ K3 A* h2 M7-8 搜索结果 - 获取搜索结果数据 (05:27)" L3 s8 `$ I* p9 B
7-9 搜索结果 - 渲染搜索结果数据 (14:19)- t$ `8 `! b3 J1 T& B) A" `' B- {
7-10 【讨论题】 item 渲染& @7 }9 e& n; h, G9 Z
7-11 搜索结果 - 处理相对时间 (13:17)
3 F9 v+ m4 H: ?3 [$ u3 y9 f+ P/ c7-12 搜索结果 - 高亮搜索结果关键字 (08:53)4 C3 T$ v; h9 a
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
4 w0 j% x! K" W- o" @7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)
/ M4 N% T- N1 m# g0 u! i* s3 T7-15 搜索结果 - 处理空数据场景 (05:43)4 x1 s6 K3 r5 j, n+ t
7-16 【讨论题】下拉刷新、上拉刷载
g" ]- w' D! X4 a0 R% i/ \9 K; [7-17 文章搜索 - 细节修复 (02:58)
5 d3 u1 U5 x p9 H" C' T6 j4 z6 `7 q7-18 总 结 (01:20)) \; g5 i4 x8 L) o- ?
; e* z( _9 b2 Q# k0 F0 F2 w第8章 文章详情模块开发21 节 | 134分钟, M1 Y" G6 x1 h
8-1 开 篇(加片头) (03:12)/ @& l3 j# u) _3 J3 V
8-2 文章详情 - 点击进入文章详情页面 (07:28)
' Y, s; m- I! P: o8-3 文章详情 - 获取文章详情数据 (11:15)
( b0 \) L6 v. U+ E0 _% B8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)7 {2 l$ I; e/ k- i3 ~5 y* I4 F1 O
8-5 文章内容 - 美化文章内容区域 (08:41)0 H1 `$ Q; T- |* F& t9 g
8-6 文章内容 - 分析文章内容的样式实现 (04:21): N; R- q' N! h0 s' @
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
H4 y: M# g u; E8-8 【讨论题】文字太小是怎么回事?
, ]. t, ?- G# C J r+ L9 k8 {6 o8-9 文章内容 - 解决字体过小的问题 (06:03)
/ o5 [4 E7 i6 n6 [, N9 E6 l8-10 【讨论题】渲染
+ r( W& T8 O: Z/ l: b8-11 评论列表 - 获取评论列表数据 (07:10); Z2 l' {- g2 X& K
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)5 Y; ^. B; { K3 P3 j% \! o* A7 v% G
8-13 评论列表 - 美化评论列表 (08:18)2 E0 n" `. i9 I! l z1 d2 U$ j
8-14 评论列表 - 渲染全部评论列表 (07:57)% U& W5 d3 b# v0 m8 Z
8-15 评论列表 - 完成全部评论的分页加载 (07:28)) W; n, {+ a$ N3 L2 e3 i6 [9 s
8-16 评论列表 - 处理数据加载完成的提示 (04:45)$ k" U( C1 \2 m M1 A2 k
8-17 功能区域 - 封装功能组件 (05:43)# i* a0 G" d3 E4 B& f
8-18 功能区域 - 样式美化 (04:24)
X7 p# @# C* j1 K8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)$ N8 p: T% o0 y- K4 C7 I: ]
8-20 明确功能业务 (02:02): X$ I4 c# D; p' @. v6 {
8-21 总 结 (01:29)
! `5 ?* F$ W. z9 k
$ |6 j- [3 R1 h$ U第9章 用户登录20 节 | 111分钟
& L5 N2 Z/ U+ C2 W6 M v6 S9-1 开 篇 (02:26)
0 F. I5 z1 `5 |( `) s9-2 用户登录 - 登录页面基本样式 (04:38)
1 J! V: l% C4 W" ^1 o5 A* H9-3 用户登录 - 封装登录组件 (02:52)
9 b1 ]1 |2 Q( R+ g8 c2 U: l9-4 用户登录 - 明确登录的实现思路 (04:52)
" Q _' w1 y# J2 l" n9-5 用户登录 - 封装 action 调用登录接口 (11:07), G8 l: X. _4 k" [
9-6 用户登录 - 保存用户登录状态 (07:32) k2 y; W9 l/ \" r6 d5 s8 m9 Q5 ~2 I
9-7 用户登录 - 完成已登录的用户视图 (04:06)
0 ]' E$ o" H5 _$ C! L, Q9-8 用户登录 - 实现退出登录功能 (05:36)4 c+ @6 m" x# I
9-9 用户登录 - 判断用户登录状态 (04:35)
5 s" Q+ `2 p" Z$ o( _4 m" s9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)
; ^. j; p' l, G% d& c5 V. [5 B9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)
/ |- k) ]* Y5 T; P1 X3 h$ I9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
) ?6 v2 d" ]5 j% ^) W# V9-13 文章操作 - 关注用户 (09:03)5 j, D% e/ ^$ X; p, [$ r3 E: l5 g
9-14 文章操作 - 处理发表评论的 UI (11:00)( Y4 b) d5 p6 O* d7 i9 v5 i
9-15 文章操作 - 处理评论框的显示问题 (09:54)- |0 E1 X7 g& j4 V+ j& ]
9-16 文章操作 - 发表评论 (07:18)
5 x4 s( Z; Z( Q" g" [1 U; ~9-17 文章操作 - 回显评论数据 (04:57)
( i% O+ A: N- Q( \* v9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
" i+ o/ K3 R+ l' {9 a x+ ^' ^9-19 【任务题】实现文章的点赞和收藏功能; k$ B$ K8 K7 g+ S5 F
9-20 章总结 (01:29), s! C# y- _5 X2 w& X( n! m
' Z# w9 J' S) r! m$ b" Q0 ]6 a第10章 热播模块16 节 | 80分钟
: A2 q/ L! s8 ^* ?5 I% r8 S* }2 ^10-1 开篇 (03:01)% d* I3 ~: i; `; L; c& n
10-2 热播列表 - 获取热播列表数据 (03:43)
6 ~2 O% `* w' v# H, Z0 @, Y10-3 热播列表 - 渲染UI结构 (10:12)' a* l) c8 r/ z* s2 t
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
. Q% P6 l9 S: x6 H4 N3 q' `) y10-5 热播列表 - 点击进入详情页 (03:05)" i6 d8 N9 A3 n9 q8 I
10-6 热播详情 - 渲染详情页面的视频组件 (10:46)8 `* a# x" H. F, Z
10-7 热播详情 - 展示视频弹幕 (06:34)/ G. P. j: D: R2 P3 P
10-8 热播详情 - 渲染全部弹幕模块 (04:44)
0 H$ A4 f, P( a# }0 `10-9 热播详情 - 渲染底部功能区 (06:56)2 w4 q: a7 n v3 y& [
10-10 热播详情 - 发布弹幕 (07:19)
+ l& Y7 ~- o' X# C6 L10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
8 P- v5 [- }9 c$ U3 i8 u- S9 y( E10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
$ E. p, [- G8 q1 Q( Z6 g: ?/ A) e10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)4 ?7 ^3 k/ c" N3 l# }
10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
7 W: N' Y+ n! n+ v10-15 【任务题】热播中点赞与收藏的实现( E. e% @( } C( i
10-16 总结 (02:06): L0 b; o( M( Q+ I/ I) H$ `
( T A" U b! p" G, J: w J
第11章 多平台适配10 节 | 35分钟7 P ^: G9 x1 C9 u# K3 x/ w% n( ]0 i+ o
11-1 开篇 (01:52)
+ {5 T( Q0 h" ]) d' e, X11-2 uniapp 中的条件编译 (06:00)
& ^' C- T4 j5 p4 y; ~# K- i' `- q11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)# E8 K& J! k' |# ^$ k
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)7 q U7 C. R5 @
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
) Z/ K& b0 u& ?, A11-6 多平台适配 - 文章详情样式处理 (02:37)- H* L- i+ D% Q- @0 o; q8 T8 H
11-7 多平台适配 - 热播视频全部无法播放 (07:03)
5 I- T% y- n0 {' p11-8 多平台适配 - 一键登录功能 (04:54)6 t. b( _% g6 M J- G
11-9 总结 (01:41)" @2 T' Z; N8 i" \' t: S
11-10 【讨论题】多平台适配问题* Q0 V6 @( X* B* m; t! m
+ C0 Z; b* w8 ^- m* G第12章 项目发布4 节 | 9分钟: M* d3 f( @/ ?4 l7 L" Q4 K, r
12-1 开 篇 (00:46), L2 ^( {6 {" \/ i7 q; y
12-2 打包微信小程序 (02:37)/ p& t Y2 p3 y! O
12-3 打包 h5 页面 (03:51)
. J0 w" A& N6 Q+ [. c12-4 总 结 (00:53)
. h6 [1 r7 g1 s: X* u! ^, g( B8 V: l% c
第13章 课程总结1 节 | 2分钟* A Z* q! U/ Q& [; N2 _# |. ~- q
13-1 课 程 总 结 (01:24)3 Y: A7 w! b8 {
" w6 v& g) n8 T: p0 w% o
〖下载地址〗
% [+ E! x2 Y; K. b( u. s" C' F+ G8 `) U* `( v. Z
〖升级为永久会员免金币下载全站资源〗
0 E5 U; B# E5 N4 E6 G全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html0 X1 R. _, E( a/ K0 B
|