# v* ?; K, [; t h; D( X
9 K& c( l" h3 S. H8 u8 O〖课程介绍〗+ N3 |0 F6 q8 ~! i/ g8 s g
还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。
$ j% p+ u: R( S+ w0 e) C〖课程目录〗
3 b/ t& v; n2 A第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟% e2 ^& g1 C* i" G2 t$ P$ N
1-1 导学 (15:50)
; K. l, S0 r: N
. D! o: v) s8 v- r8 N- O' d0 j5 m$ F- Y第2章 小程序初体验15 节 | 88分钟1 Y# z% i- p" ], o+ i* }
2-1 开篇介绍 (01:28)0 R1 i3 f4 D& A0 W- V
2-2 小程序开发前的准备 (04:23) I6 b/ R- x) X5 @
2-3 开发第一个小程序应用 (06:43)
( j* z6 [0 s7 @4 `2-4 了解小程序项目的基本组成结构 (08:20)2 T; T& H: z) _0 m) m3 Q! ^
2-5 wxml VS html (07:36): W# ^& Y( }5 d/ [. t6 u
2-6 wxss VS css (08:15)
( ^' ]! j7 ?1 L( a1 C$ W H2-7 .json文件 (04:57)* @5 V6 ?. a& K) E" G# |* J
2-8 宿主环境与小程序的运行环境 (04:48)1 u1 s0 ?( Q' q5 L7 r( \1 p. z1 Q- k
2-9 小程序内置组件-view (07:48)( w% T! `- u% i" X0 h! f* y* l. c
2-10 小程序内置组件-scrollView (07:46)% u1 B' x3 Q5 a$ r6 }& C! R
2-11 小程序内置组件-swiper (04:43)! f' O1 B+ {$ a% F8 V# u) D" q5 c$ I
2-12 小程序内置组件-text&&rich-text (04:36)4 U4 _) H7 ?1 k- U6 [2 V$ C$ u
2-13 小程序内置组件-button-image (07:04)
# C# |% J% y" ]8 i0 A: ^0 D2-14 小程序成员管理 (03:38)
# O; `$ x# k+ G2-15 小程序发布流程 (05:47)8 \; p$ j7 N" V! k) U0 ^
- S" r/ j) r1 a7 F第3章 小程序核心语法21 节 | 225分钟
]' R- G: M2 n/ x; K3-1 开篇介绍 (01:29)
0 C/ ^ q g0 D! X9 d) G5 w6 l3-2 小程序的数据驱动原则 (13:00)( } U0 ^" E0 w9 j
3-3 小程序的常用事件与属性列表 (12:34)
" ^' I( o( |7 H8 ~+ R0 ?, Y3-4 小程序的事件传参 (11:14)6 b0 K" m3 \4 k! P
3-5 实现【双向数据绑定】 (12:57)
& q# v2 v) V1 e$ N% ?) }/ w k3-6 【任务题】实现双向数据绑定功能
' j0 q( R8 `% z4 B, b3-7 【讨论题】数据驱动: f; N' S p. d+ O; T5 f5 {2 z) ?
3-8 条件渲染 (12:49)/ G9 {+ @2 E0 \! c
3-9 列表渲染 (14:09)
' S' Z& X2 f# z; q. u! `3-10 配置文件解读 (25:41)$ w+ _7 Q& Q# E" ] T
3-11 数据请求 (21:02)& v8 A/ O6 F0 X
3-12 异步编程新方案 - promise(1) (13:24)) c" D9 B4 o4 T. ?- V
3-13 异步编程新方案 - promise(2) (09:28); ^/ e5 s, k3 k1 b: U P
3-14 【讨论题】异步编程
* Q$ | s+ S* N2 j) [* l0 U3-15 异步编程再升级-async和await (09:38). L* x& Z, e/ j+ A4 s9 I- d0 }
3-16 【任务题】异步编程' G+ n* h- |+ g6 _
3-17 小程序使用 promise 解决异步编程 (10:40)' b. ^" y' u* v7 P; M! W
3-18 小程序页面的生命周期 (16:00)
" o$ Y! A3 ^: F+ P- W7 T; H3-19 PullToRefresh下拉刷新与上拉加载 (19:26)7 s/ Q0 l, F2 X; F9 V
3-20 小程序的页面跳转 (18:38)
- r4 e8 L/ c& t A( e3-21 总结 (02:26)# P/ y" R4 C0 f$ O6 Y
3 [ v& D' ^8 c2 n第4章 小程序进阶概念10 节 | 92分钟' g% h- X" }2 X4 j+ o& o4 }
4-1 开篇 (02:17)* N5 [% m8 w. x' h& {
4-2 什么是组件化思想 (04:38)
. Z5 ]" w$ ~6 v5 r4-3 创建第一个组件 (08:19)/ [' O$ |! E8 D7 ]# K) L/ _
4-4 组件的生命周期 (15:24)2 F! _% A- U2 O* }8 ^3 f
4-5 数据监听器 (11:27)$ I& u! h$ I2 ~
4-6 组件之间的关系与通讯(上) (11:44)
# D$ G. q [ [5 c* z4-7 组件之间的关系与通讯(下) (18:22)9 h& Y: ]. f& t
4-8 组件的插槽 (15:51)
' u3 ~. X' {* r+ W& k" t3 x m4-9 总结 (03:15)3 x( ] V; e1 f( J4 _- v/ h3 m7 u _
4-10 【任务题】热搜列表实现5 [ {" }. t- D4 C( D+ W$ Q
; x% ~2 a9 R4 ?第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟0 ^% J& \# V7 f
5-1 开 篇 (01:58), k- p. o6 w& r: |) S: F/ O/ z
5-2 uniapp难吗? (03:12)( t7 \* f- D, b1 Q) B
5-3 配置uniapp开发环境 (06:24)3 q& U0 L1 y; [9 ?
5-4 创建 imooc-blog (08:57)8 O0 d9 ?- O1 T. l% K- p2 ~- w
5-5 运行项目到 微信开发者工具 (06:34)+ ?4 @; W! X2 {( X$ d
5-6 使用 VSCode 开发 uniapp (04:24)
0 }: q& a& q1 s& O5-7 创建与配置 tabbar- (10:54). _( U+ }8 j8 Y2 y# P
5-8 警告与错误处理 (05:50)/ g/ ]& }, F1 i$ l0 |2 A
5-9 热搜页面分析 (01:08)4 H/ e" F: ^6 C1 G u' I8 g
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)0 I. e4 N( w) _2 c% f1 c
5-11 创建搜索框组件 (15:57)
- V q6 y1 |% F$ D0 F5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)
' g- u9 r/ |, x5-13 tabs组件 - 封装网络请求 (11:09)" i( E1 Q/ f. o
5-14 tabs组件 - 进行基本的数据展示 (09:16)
9 l3 {0 o; u. u* @9 ?$ O7 Y5-15 tabs组件 - 美化样式 (05:31)
1 y G* o8 L8 _6 g9 }5-16 tabs组件 - 设置激活项 (08:22)
2 R5 C. k# |4 g5-17 tabs组件 - 定义滑块 (03:22)
+ R: f' I! X; s' Y2 Q5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
+ W- U) b- ?) J) y" I, V( U5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
8 ^0 |& @$ K5 y3 [/ K* ^5 r! F( b5-20 tabs组件 - scrollView 的点击位移 (04:01)
* h9 r" Y) n* d5-21 tabs组件 - 增加可配置项 (05:07)2 ]& ]7 d/ R( |+ m
5-22 List 组件 - 分析 List 组件 (03:58)
! w6 ]( c4 X4 d& t: V; E1 W5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)
" g( C; e$ G, n! |# n5-24 List 组件 - 美化 item 样式 (10:15)# o9 c% l/ b4 F1 d+ G# H
5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)
4 S0 R* I& k: @2 W) o/ ]4 }5 \5-26 List 组件 - 渲染真实数据 (13:04)
# z! T5 e6 A6 f: N3 y5-27 List 组件 - 通过 swiper 改造List (07:02): A |3 M \1 s3 g2 x) b n+ u
5-28 【讨论题】通过 swiper 改造List遇到的坑
$ ~3 }- r' l& p0 w' M- i0 A/ Y5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
: F0 p5 q6 R1 u4 J" j5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)9 x! `! n: D( ^% ^9 Y! O
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
) M& `3 l {' M$ ]- a5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
! {7 |/ T+ E* O# j4 I5-33 完成 `tabs` 的吸顶效果 (02:48)
! ]1 F6 K% A! s; d5-34 控制列表滚动位置 (03:58)
0 P$ a8 W/ D2 N5-35 List 组件 - 处理热度的显示 (04:30)
0 y8 j* E: E/ f& L# J5-36 总 结 (02:24)& H' c# Y* b" ]2 @, e
7 ^; z5 T5 z1 f4 ~/ L+ h" F第6章 文章搜索页面20 节 | 123分钟
& i! p! J. v7 H" g! _0 g( g6-1 开 篇(添加片头) (00:45)
' t8 T; A& U6 B' X6-2 文章搜索 - 分析文章搜索页面 (03:38)
# G5 W% ` M) N: l. ?6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)
' s( r: U) T! N( U8 {* D, o6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)6 ^" a; C9 t8 V
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)! X9 g; U! N. ?2 @
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
9 A3 B5 k+ N- G. c# T1 o2 R8 ]/ a6-7 文章搜索 - 显示推荐搜索 (02:55)
3 n+ D# x, B0 A4 g1 t6 t6-8 文章搜索 - 创建三个业务组件 (05:41)( S8 i8 o5 `# e( y! p
6-9 【任务题】控制业务组件的展示效果
- j; B6 p. o$ w& W/ d& r6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
7 }( _- H7 _* b& U5 h6-11 热搜列表 - 数据获取 (03:49)4 [: W9 `; U- b5 Q+ u7 K$ V
6-12 热搜列表 - 数据展示 (10:24)
) r5 E; B; \. q+ `) C M6-13 热搜列表 - 热搜点击处理 (03:50), L4 B% {2 f- t9 H% v+ d
6-14 搜索历史 - 渲染基本结构 (07:08)
% H. \+ }9 P$ t* B8 u' t* n0 W6-15 搜索历史 - 美化基本样式 (07:37)% q& f' p/ u! Q4 m. b3 ~% D. W" d
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)+ ^/ Y2 [0 e8 F" r
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)" C7 O8 P9 r. Z: B
6-18 【讨论题】构建良好代码结构遇到的“问题”?
. { }; o4 j+ k" f- Q% E6-19 搜索历史 - 找出现在的问题 (02:20)$ E+ }& D# ^+ d6 y% U( M
6-20 总 结 (01:09)" K% g3 S- y# O2 }- p( `
! w, p; O( F, _$ v4 t6 @第7章 全局状态管理18 节 | 113分钟: z' U' ?. ~: c
7-1 开篇 (00:53)2 M! _0 x, Q; Q, z# G
7-2 状态管理 - 全局状态管理工具 (06:15)
- a. V, X- {" o8 d8 {2 y$ {9 C7-3 状态管理 - 在项目中导入 vuex (03:09)- }( R! a3 ]4 y% X
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)# _" a5 |/ i7 w7 b# M
7-5 状态管理 - 构建 search 模块 (05:47)7 @% O% s" G4 z2 O& q
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
0 Y" X- t) q* T3 e7-7 状态管理 - 数据持久化 (06:15)8 E8 k* ^ i- F$ ^
7-8 搜索结果 - 获取搜索结果数据 (05:27)5 d5 O6 @5 e0 w
7-9 搜索结果 - 渲染搜索结果数据 (14:19)1 J1 y: `9 c; ^0 B9 g+ W' d
7-10 【讨论题】 item 渲染
% @$ {6 c1 l* V7-11 搜索结果 - 处理相对时间 (13:17)
+ Q( Y0 E7 p! f7 a2 d2 M: Z8 N7-12 搜索结果 - 高亮搜索结果关键字 (08:53)2 u! Q2 z, e$ ^' l6 o0 E3 E
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
! z2 G* _2 Y- G! x0 ^ T. k4 _7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)6 ^! k% ]# `* ]% |: W3 j$ X
7-15 搜索结果 - 处理空数据场景 (05:43)/ B" V0 o+ @$ D% o
7-16 【讨论题】下拉刷新、上拉刷载5 y) E4 Q7 o0 O4 E$ A* Q/ z) X
7-17 文章搜索 - 细节修复 (02:58)8 }6 J( ~( x$ e" e4 K; k
7-18 总 结 (01:20)6 g5 y2 J7 @' {/ u& d# D
$ Z8 D! [) H$ H( }' M第8章 文章详情模块开发21 节 | 134分钟1 j9 K7 w! g$ Z; q
8-1 开 篇(加片头) (03:12)
3 c# |% i. R. _8-2 文章详情 - 点击进入文章详情页面 (07:28)
9 D( U3 d8 I4 o$ b" G' L/ W. [, W' ]8-3 文章详情 - 获取文章详情数据 (11:15)6 ^+ K4 t; j$ N# a5 u
8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)9 N9 `7 c2 U* e9 v
8-5 文章内容 - 美化文章内容区域 (08:41)1 D" c% n6 l, v' K+ @# h4 t
8-6 文章内容 - 分析文章内容的样式实现 (04:21)
- e! P( M4 \: w R8-7 文章内容 - 实现文章内容的样式渲染 (23:05)) J! }( h# R2 d$ R7 Z7 C/ N# h( R
8-8 【讨论题】文字太小是怎么回事?, b+ @3 O; n. X0 ]# |4 L
8-9 文章内容 - 解决字体过小的问题 (06:03)
0 u$ V m. ?" H; u' Q7 I& y$ ]4 f0 `8-10 【讨论题】渲染" e# B/ U( o4 Z% Z
8-11 评论列表 - 获取评论列表数据 (07:10)
0 G H( T4 ?, U, Q, g8-12 评论列表 - 渲染评论列表(精简评论) (10:14)
' ~$ ], F8 m3 S+ d( N8-13 评论列表 - 美化评论列表 (08:18)
! x0 I0 t/ `: h) f8-14 评论列表 - 渲染全部评论列表 (07:57)
6 X1 q& ]! y9 v8-15 评论列表 - 完成全部评论的分页加载 (07:28)
/ }5 j7 e, b$ E U0 z$ G8-16 评论列表 - 处理数据加载完成的提示 (04:45)
- T1 T( ~! a# p" b4 ^! U9 H5 \% l8-17 功能区域 - 封装功能组件 (05:43)
. ?( ?6 i7 R, ^0 u8 T8-18 功能区域 - 样式美化 (04:24)6 F# v) e4 I) b% p9 A/ e+ N$ n1 p
8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)9 I" ^' N+ _4 y8 ]6 R) w
8-20 明确功能业务 (02:02)5 i( b& G( ]7 t0 D
8-21 总 结 (01:29); ~5 ?2 D) i8 }' }! p
% U# ]! C* M' v+ j: k第9章 用户登录20 节 | 111分钟
& Z; \; f+ e9 B( f1 s* B9-1 开 篇 (02:26)
# J% E" G, b2 P8 k" O8 u! S9-2 用户登录 - 登录页面基本样式 (04:38)2 q+ j& L T' K H4 @
9-3 用户登录 - 封装登录组件 (02:52)
1 C# y! J% l, I6 `' ~9-4 用户登录 - 明确登录的实现思路 (04:52)
, I) @" p& O( V9 X: z" @3 J9-5 用户登录 - 封装 action 调用登录接口 (11:07)# {5 Z3 i) d+ r3 s9 b
9-6 用户登录 - 保存用户登录状态 (07:32)
8 L$ e I5 I3 @7 ~* R9-7 用户登录 - 完成已登录的用户视图 (04:06)
: q1 T5 v# _# R9-8 用户登录 - 实现退出登录功能 (05:36)8 [; ~8 K4 A r, c; W* `) y' U
9-9 用户登录 - 判断用户登录状态 (04:35)
$ r( B! I4 |+ g8 w+ w1 j; w4 J9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)
$ u# u# o2 o0 M3 b) n9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48); @3 r, Z7 P7 L: E, W
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
0 K# n& n. L2 B) z9-13 文章操作 - 关注用户 (09:03)
3 o+ {" G* a4 i$ v9-14 文章操作 - 处理发表评论的 UI (11:00)
* [4 Y+ \4 S5 U9-15 文章操作 - 处理评论框的显示问题 (09:54)
6 g1 @7 l' V! n* e' u9-16 文章操作 - 发表评论 (07:18)( U! a9 ^) K ~+ U3 o
9-17 文章操作 - 回显评论数据 (04:57)
! U5 |( S3 n! L5 L0 X" B! V: F9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)2 u4 q$ B$ X! X0 y4 p
9-19 【任务题】实现文章的点赞和收藏功能/ L9 o5 Z$ y) W7 u8 l: Z
9-20 章总结 (01:29)0 U2 Y# c4 O+ Y1 d
( R0 }) J9 ^2 S
第10章 热播模块16 节 | 80分钟
' t7 X% U& W8 r0 Z* ?* Z- z10-1 开篇 (03:01)
% d' L; q) |4 @# @" l5 S ?4 Z10-2 热播列表 - 获取热播列表数据 (03:43)
' b, K5 c+ j6 n10-3 热播列表 - 渲染UI结构 (10:12)' g4 C8 v) d2 D5 Z2 W) m$ `' l
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
6 \; z" G2 i5 B p10-5 热播列表 - 点击进入详情页 (03:05)
( d1 c1 r L6 _) L8 U3 Q2 N10-6 热播详情 - 渲染详情页面的视频组件 (10:46)5 s/ j* ?3 W; j: M# V. y. y
10-7 热播详情 - 展示视频弹幕 (06:34)
8 q7 z' [' z* Q$ q$ g! T10-8 热播详情 - 渲染全部弹幕模块 (04:44)7 r0 x' h( A& j2 d+ A
10-9 热播详情 - 渲染底部功能区 (06:56)/ L! Z# i$ _5 }' d
10-10 热播详情 - 发布弹幕 (07:19)3 |5 c9 _0 @3 ~& R+ j
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)7 m1 k6 W& d U, e& Q
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)4 [+ N2 `4 U, h- K [
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)9 e) M0 r, i0 e7 l/ B j
10-14 热播详情 - 点赞、收藏的实现思路 (01:25)$ A# W4 H( H( ^6 |
10-15 【任务题】热播中点赞与收藏的实现* x/ H! J" m( m: h* u8 G7 r
10-16 总结 (02:06)
: [/ E P, T+ g; O) j! ^4 s5 Q6 O k, x0 _5 W, ?& B( d
第11章 多平台适配10 节 | 35分钟
. G& l7 {0 P) I( G0 J" }11-1 开篇 (01:52); h8 c4 k& e2 j' Q/ H
11-2 uniapp 中的条件编译 (06:00)4 I R) ?& i3 T* ?5 M- m
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)
3 l; f8 {2 r& M4 s$ O8 }1 Y0 G11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
0 a! w! t* q+ ~. n; n11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
! }# M X. S7 c) z3 w11-6 多平台适配 - 文章详情样式处理 (02:37): F& q5 l4 Z' ]0 }- Z3 y! t
11-7 多平台适配 - 热播视频全部无法播放 (07:03)5 Z/ N1 i8 R! v7 O
11-8 多平台适配 - 一键登录功能 (04:54)
% Z+ Q- W8 K% a5 A+ R: O) C4 T8 g11-9 总结 (01:41)) [4 o2 f0 }/ K) h+ b
11-10 【讨论题】多平台适配问题. _/ c L/ I! q
) \5 v# I/ R" u7 ~! d第12章 项目发布4 节 | 9分钟/ w$ ?/ t4 D+ e/ G, x
12-1 开 篇 (00:46)0 X9 p- i/ j; z* Y; f
12-2 打包微信小程序 (02:37)+ H( s( d+ M- F6 X
12-3 打包 h5 页面 (03:51)
5 S5 |" d! Q$ Y; G- x8 y12-4 总 结 (00:53). ]$ Q/ ~) h- z7 T& d0 e' H
$ V+ ?, }) [9 u' d
第13章 课程总结1 节 | 2分钟* P* M8 s/ N/ H+ a+ L7 n& x
13-1 课 程 总 结 (01:24)
, r& T* O# o9 y% l# A( W: C& I
. b) L* T0 A/ \6 A〖下载地址〗
; J* k% K1 R& f# t* y& p1 B1 w2 W' e* ?8 U
〖升级为永久会员免金币下载全站资源〗6 @9 |2 j4 l8 K
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
0 W' j+ u2 U1 b" b( R |