* b4 W4 V' y6 S# x t) ~) u
6 n) X/ _6 L+ l: I$ S. j4 V〖课程介绍〗) C% I0 b2 v& Q4 I
还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。% T, U' r { T' c# E% t* ?& R; N
〖课程目录〗
$ k6 Q+ [# q/ S! a" c7 Z" y8 A第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟$ `% x; q9 P% B2 G
1-1 导学 (15:50)+ o' U' x1 S1 o( Z# `) t
9 E; C6 H" R$ | M- t& `第2章 小程序初体验15 节 | 88分钟
! H' m( K" O ?1 B0 Q7 b) t# K- I2-1 开篇介绍 (01:28); K C0 r# T9 ?
2-2 小程序开发前的准备 (04:23)
1 h# k; y! @/ B( |7 D2-3 开发第一个小程序应用 (06:43)3 D( H# k4 D0 X- J! a8 s
2-4 了解小程序项目的基本组成结构 (08:20)
3 V, f4 \. Q: f' x2-5 wxml VS html (07:36)
5 r" _. E$ `- K; k Y6 _! P2-6 wxss VS css (08:15)$ v7 |! W( c1 n0 r/ g3 w* I
2-7 .json文件 (04:57)" E0 I J) s! T; p& s* {' q3 \% E0 o
2-8 宿主环境与小程序的运行环境 (04:48)5 m3 _2 e$ n: r* G% E
2-9 小程序内置组件-view (07:48)& M# t. U ^, ?3 ~4 \( [) W7 m
2-10 小程序内置组件-scrollView (07:46)
5 \8 z; e# S* o) y2-11 小程序内置组件-swiper (04:43)
# V! o* I. t9 e& {2 {9 [ l3 M7 g2-12 小程序内置组件-text&&rich-text (04:36)7 v [" E, {/ q. F- k8 c4 n, C/ T4 Z1 W6 V( G
2-13 小程序内置组件-button-image (07:04)
: q( d6 f% C) s6 \ m2-14 小程序成员管理 (03:38)
- M" ]0 O, X9 O2-15 小程序发布流程 (05:47)4 y3 P$ E& Y) H# B" Q. E# r- F( h) ?
, ]: H" x- X8 X- l6 A' I! Y0 H第3章 小程序核心语法21 节 | 225分钟
7 c6 C! M# O6 l; T( N& v j3-1 开篇介绍 (01:29)+ m- e1 G) E2 o) C
3-2 小程序的数据驱动原则 (13:00)2 A% d/ \9 n" c: I, a
3-3 小程序的常用事件与属性列表 (12:34)2 h. K0 \$ r* T0 ~
3-4 小程序的事件传参 (11:14)
0 F, w+ z$ d% i3-5 实现【双向数据绑定】 (12:57)
8 W5 B0 q+ p2 {5 c6 n3 y3-6 【任务题】实现双向数据绑定功能
+ B3 u& x2 G/ H# E% f+ \& s! [3-7 【讨论题】数据驱动3 R4 I7 E7 O# y: h
3-8 条件渲染 (12:49), V* Y! M( r/ \/ W6 m
3-9 列表渲染 (14:09)
$ ]- A* O, q6 S" ~! O( V( A6 \3-10 配置文件解读 (25:41)7 j2 x) J/ ? O7 k& x/ n9 X
3-11 数据请求 (21:02)2 `" ?7 P+ ?8 G j) N" z
3-12 异步编程新方案 - promise(1) (13:24)
9 n' h: W6 r. ~2 T" I. _' {) _3-13 异步编程新方案 - promise(2) (09:28)
/ O( W) o) C8 a. H" G' w' F9 t3-14 【讨论题】异步编程
& g3 ]6 t, S) H/ K3-15 异步编程再升级-async和await (09:38)6 y c% H) @* T1 f7 e: ]
3-16 【任务题】异步编程
h, d) p+ ]+ |! e1 m/ Q2 ?" v3-17 小程序使用 promise 解决异步编程 (10:40)
& J. k! [' E+ U. F3-18 小程序页面的生命周期 (16:00)3 y8 ^; G- ~8 I/ E9 ~, C8 \
3-19 PullToRefresh下拉刷新与上拉加载 (19:26)
) I0 L, G+ N) J6 @3-20 小程序的页面跳转 (18:38)
}$ i; P4 N/ o3-21 总结 (02:26)
2 Z# v! U+ |% B1 y- d. n$ f7 E2 R* V7 z& A# _' I, S5 u5 q* x5 h4 T
第4章 小程序进阶概念10 节 | 92分钟
$ f+ a: m9 w8 H& B; J" N4 s/ @4-1 开篇 (02:17)
7 A9 Z9 t2 n& |, ~4-2 什么是组件化思想 (04:38)
1 S+ Y5 U" D% I/ f5 `1 H4-3 创建第一个组件 (08:19)4 w0 R5 f' _7 Q3 x* E' \& T
4-4 组件的生命周期 (15:24)) Z/ K0 z' K. k- M
4-5 数据监听器 (11:27)( D/ R) e2 g, Q) s, X2 `
4-6 组件之间的关系与通讯(上) (11:44)8 x, _* v4 t: s
4-7 组件之间的关系与通讯(下) (18:22)
$ v4 T$ z; J) B U: j0 V4-8 组件的插槽 (15:51)
' P" `& R/ `/ s6 s; q- `4-9 总结 (03:15)
/ p+ y- R: U# P/ C" y9 P4-10 【任务题】热搜列表实现
9 `( r' t/ p+ Q5 [) L
6 k2 P( L( c' n9 |第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟- I2 w. c. h! m! M# H
5-1 开 篇 (01:58)
0 K8 g9 J; S" V8 a* a9 s* f [5-2 uniapp难吗? (03:12)
: o. k9 k8 C) p5-3 配置uniapp开发环境 (06:24)& C& j* n: u/ _
5-4 创建 imooc-blog (08:57)3 o$ ~9 f' }( ]) k0 R; @4 X
5-5 运行项目到 微信开发者工具 (06:34)% \5 m0 `( U/ q; A+ a
5-6 使用 VSCode 开发 uniapp (04:24)/ }. C3 Z4 N; L3 E: ?$ M5 q$ x
5-7 创建与配置 tabbar- (10:54)$ [5 ~2 } }9 M: Q9 N# E
5-8 警告与错误处理 (05:50)4 I4 c0 x( R. L! c& k8 N, a! u# e
5-9 热搜页面分析 (01:08), s2 d' L% P. s V
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
' r- l# d/ Q* b# O9 o+ f: s X5-11 创建搜索框组件 (15:57)+ x, h: B' H" Q- e
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)
' p+ |8 f# @' m S S+ Z5 C1 o5 f5-13 tabs组件 - 封装网络请求 (11:09)
, W; N( {' k# a- D5-14 tabs组件 - 进行基本的数据展示 (09:16)% W' |( P. K% D: K P- [
5-15 tabs组件 - 美化样式 (05:31), R) M4 R& n; [( p& r( o: ^
5-16 tabs组件 - 设置激活项 (08:22)
4 A1 T+ ^( c# f! }" f5-17 tabs组件 - 定义滑块 (03:22)% Q6 v5 b: J4 w
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)! w8 _' }! ^ V+ o* v2 H
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)& h' S) S& p; ^" p/ c9 `
5-20 tabs组件 - scrollView 的点击位移 (04:01)5 `5 P6 ]: F% T" D, ^3 a3 w5 f
5-21 tabs组件 - 增加可配置项 (05:07)" C6 J$ J1 l; r
5-22 List 组件 - 分析 List 组件 (03:58)/ M8 V4 H, N* J- }% n: s
5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)5 D7 b+ ]& b o1 ]6 \; x: e
5-24 List 组件 - 美化 item 样式 (10:15); z# Y4 r9 W( f1 K8 ]
5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)7 L$ Q$ U8 [( m- W, z! n
5-26 List 组件 - 渲染真实数据 (13:04)" [: w( n. e- W" M
5-27 List 组件 - 通过 swiper 改造List (07:02)( d! A9 W- W P8 y P9 b2 S# N9 v
5-28 【讨论题】通过 swiper 改造List遇到的坑
7 w, ^) G6 _; H5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)8 [) {- J7 M6 Q1 z6 L5 B
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)
, u; A/ q+ v; Z# g }5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
% Q' E% N C& r; X g2 e5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
& z1 J( y9 @) ^; G4 p: x5-33 完成 `tabs` 的吸顶效果 (02:48)
( O) [( z o$ F' i$ w* H/ ]5-34 控制列表滚动位置 (03:58)9 ?: y$ K- w# c! a6 z. l6 B) p
5-35 List 组件 - 处理热度的显示 (04:30)
4 l% E0 V5 q' L1 t5-36 总 结 (02:24), O/ ? q y9 |8 W; U
9 B; C8 d2 ]8 Y. q! T* y" t第6章 文章搜索页面20 节 | 123分钟
6 v) G: u. Z+ N+ m5 A6-1 开 篇(添加片头) (00:45)+ m8 o; f' O3 ?4 u/ J
6-2 文章搜索 - 分析文章搜索页面 (03:38)
: r+ a w3 b+ W- D( |6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)
8 L; G0 ?* Y A7 v& D) e6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29) K9 q/ }2 W! m
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)- N0 G# \7 d5 i1 N8 c
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)7 p% O0 J+ d" Z; ?% \3 K1 y9 Q& k
6-7 文章搜索 - 显示推荐搜索 (02:55)- X/ A# I: m, a4 r: q
6-8 文章搜索 - 创建三个业务组件 (05:41)
* Q/ P& F q( ~; ^/ e$ d, }6-9 【任务题】控制业务组件的展示效果
/ B0 `* q* V+ n* Z6-10 文章搜索 - 控制业务组件的展示效果 (14:52)) k: t$ |" x3 Q/ s* z! ?: Z
6-11 热搜列表 - 数据获取 (03:49)* F, Q G/ n. l# g9 R5 I( G6 ` t
6-12 热搜列表 - 数据展示 (10:24)
5 v. W- x) c" u! x' w- d6-13 热搜列表 - 热搜点击处理 (03:50)7 }% _+ Z) `1 d- P- R* M6 V
6-14 搜索历史 - 渲染基本结构 (07:08)7 E7 o* m5 b% J: F
6-15 搜索历史 - 美化基本样式 (07:37)0 b$ W& s' }+ `" {
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)! i% Q# i2 M9 ^) Q6 V: Z, D
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)6 b; s; Y( m- Y8 Y! @0 _; h( z
6-18 【讨论题】构建良好代码结构遇到的“问题”?1 K) Z% v7 W* s$ q7 \) L
6-19 搜索历史 - 找出现在的问题 (02:20)/ u q/ I% r% D6 w5 b U7 Q
6-20 总 结 (01:09)
- b+ }0 @+ u) ?" Z! }- g* l, R: E& }& _) U- ]: F
第7章 全局状态管理18 节 | 113分钟
# _0 O$ T# {/ o6 _1 O \7-1 开篇 (00:53)) ]( \7 X2 G0 G+ p N+ t
7-2 状态管理 - 全局状态管理工具 (06:15)2 |7 R; \9 I2 ^' H( e
7-3 状态管理 - 在项目中导入 vuex (03:09)
( `. L, B' S0 K% h1 f: D; x7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
- E! l, p3 b0 ]7-5 状态管理 - 构建 search 模块 (05:47)0 Q- d/ x( @2 |8 k( W
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
: t* K) g& [. p, E1 S) f7-7 状态管理 - 数据持久化 (06:15)( }& }7 h0 y5 V1 B6 |
7-8 搜索结果 - 获取搜索结果数据 (05:27)9 p! x2 u W6 @2 O
7-9 搜索结果 - 渲染搜索结果数据 (14:19)
3 |2 t5 i; d! c9 N9 t# a7-10 【讨论题】 item 渲染
7 o2 ?* V N) B1 |, x2 B: V7-11 搜索结果 - 处理相对时间 (13:17)
! \" w$ I5 s8 p3 N; A% W7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
( f# C" H z! M$ d r* l7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)$ ~7 z, M% W( F: O. e$ S
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)
" @ c% o' r% y. S: N7-15 搜索结果 - 处理空数据场景 (05:43)
/ O5 e4 _) D( W% n7-16 【讨论题】下拉刷新、上拉刷载
8 Q8 k# P/ m5 ~6 o: F& }0 N7-17 文章搜索 - 细节修复 (02:58)
; F+ N- E+ a0 O& s1 S. p5 C7-18 总 结 (01:20)
, P- `: K/ C: }2 t: d8 j* {3 R' H
5 |# Y0 G5 I. c5 W$ ]. K" H第8章 文章详情模块开发21 节 | 134分钟0 E; P# y# w1 a g/ {( e* {: v
8-1 开 篇(加片头) (03:12)0 s" Y' _$ j/ x0 F
8-2 文章详情 - 点击进入文章详情页面 (07:28)6 w' I9 c7 k8 ?/ H3 J
8-3 文章详情 - 获取文章详情数据 (11:15)
7 L; _: }5 n: E; r% }( G4 h( W8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
6 }# b$ ]$ T, b8-5 文章内容 - 美化文章内容区域 (08:41), ]) ?5 Q- k% ^% Q8 a7 u W m
8-6 文章内容 - 分析文章内容的样式实现 (04:21)
1 g0 G6 U+ `0 {+ x5 h" l' x8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
, Z5 E8 f% f+ L9 w+ t& c8-8 【讨论题】文字太小是怎么回事?4 V1 Q* w1 `( T$ V
8-9 文章内容 - 解决字体过小的问题 (06:03)
! p- w2 g' |4 W% \1 S8-10 【讨论题】渲染9 ]' \ ~5 f7 X A5 t' h7 y
8-11 评论列表 - 获取评论列表数据 (07:10)% d1 m1 W) i2 y8 J# N
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)
' x0 P: y. Z5 l; g0 n$ k8-13 评论列表 - 美化评论列表 (08:18)2 W" O4 F' z ~2 p& E; I" o: H% u& D
8-14 评论列表 - 渲染全部评论列表 (07:57)5 x, b& K& G) g5 D. p1 r
8-15 评论列表 - 完成全部评论的分页加载 (07:28)
& I4 A) ]2 r2 S8 J z9 I, ?9 E8-16 评论列表 - 处理数据加载完成的提示 (04:45)( a: Q% h1 h/ j; {" D
8-17 功能区域 - 封装功能组件 (05:43)8 P8 j( L0 n! b- K8 K# t* l
8-18 功能区域 - 样式美化 (04:24)
+ [1 E) z3 C. n8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)" [. c1 c' c1 j* }* B) X
8-20 明确功能业务 (02:02)
" M* @& p- t$ U! I8 ^4 s1 ~8-21 总 结 (01:29)
/ t* U1 x* y# f' O" S2 d2 I# Z( d; m0 r( `# M; R( i
第9章 用户登录20 节 | 111分钟
$ Y/ X% ~; V! B( K9-1 开 篇 (02:26)6 t- ~" }2 `; K* J, H0 J. @8 l
9-2 用户登录 - 登录页面基本样式 (04:38)* I4 S. l2 K. Q5 E% y
9-3 用户登录 - 封装登录组件 (02:52)
" T d' i7 ?% v' k7 i: m g8 T# u9-4 用户登录 - 明确登录的实现思路 (04:52)
3 w) k: H0 n3 @9-5 用户登录 - 封装 action 调用登录接口 (11:07), c3 r w7 V% d' k' [+ j$ W
9-6 用户登录 - 保存用户登录状态 (07:32)& J' q" }; l a' M8 }
9-7 用户登录 - 完成已登录的用户视图 (04:06)
! R& @" \$ v" k9 `' v; j! c- b9-8 用户登录 - 实现退出登录功能 (05:36)9 l: E, `0 X! G- N+ \( s$ @, n5 p
9-9 用户登录 - 判断用户登录状态 (04:35)
1 z! r+ O W+ m( [9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)
8 Y8 f d2 E X# H& y% B0 x2 j$ V9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)
. s2 C! k5 S. f9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
* _$ C, R# }: F7 K9-13 文章操作 - 关注用户 (09:03)0 S! x9 n/ Z* v1 @# U3 A, \6 U: N( a
9-14 文章操作 - 处理发表评论的 UI (11:00); p. X. U" n1 m& Z* ?4 N, U6 D
9-15 文章操作 - 处理评论框的显示问题 (09:54). v: A" p1 h2 \5 m0 J4 d- j
9-16 文章操作 - 发表评论 (07:18)
' v5 W" _3 c* `9-17 文章操作 - 回显评论数据 (04:57)
; H5 i: h% E6 ]! P9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)' O- {+ o7 ?: T; Q: E2 O
9-19 【任务题】实现文章的点赞和收藏功能5 S; `% z* l) F4 C; z% J/ h
9-20 章总结 (01:29)
5 p! U, r! X! Z% C% A, s" U$ P* @( F @1 `0 V
第10章 热播模块16 节 | 80分钟
. z' q0 a. g x- s" ]) D10-1 开篇 (03:01)
, L7 O2 Y4 L9 J! M% ~' [3 Q10-2 热播列表 - 获取热播列表数据 (03:43)
7 }2 |! l) S) y10-3 热播列表 - 渲染UI结构 (10:12)& d! e7 n% n/ o# H6 h; k5 G( A
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
p; y7 g1 X+ @# }10-5 热播列表 - 点击进入详情页 (03:05)
- v$ N+ r, m5 `6 D4 H; z y' {0 Q10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
; v5 b, B5 a1 B& b10-7 热播详情 - 展示视频弹幕 (06:34)
% M8 z" F/ f9 E8 v4 Y0 Z10-8 热播详情 - 渲染全部弹幕模块 (04:44)
. N G+ v* t6 E$ `9 W* o9 M10-9 热播详情 - 渲染底部功能区 (06:56)% n' @9 |0 d' |: l7 R4 N
10-10 热播详情 - 发布弹幕 (07:19)
4 S2 k, E" [% R. @+ d# ^10-11 热播详情 - 解决弹幕不显示的问题 (03:06)2 x: d( f0 j" Z" b+ b) X
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21). A6 i2 j$ W+ R) O
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
- c9 d! T) E/ L U6 U" V2 L( u10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
# k2 k- J4 x! J6 e10-15 【任务题】热播中点赞与收藏的实现
5 }: {/ O5 Z. W) ]" K* O10-16 总结 (02:06)4 F: K* N& D# B: Z
) E* W* m2 }& j7 ?第11章 多平台适配10 节 | 35分钟( w2 d! S! ?2 q, q i! \
11-1 开篇 (01:52)& }/ I! z* j& a5 ?- R E
11-2 uniapp 中的条件编译 (06:00)( W1 k7 C7 p w5 B q2 d
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)/ |. J$ Z/ v( [ \8 N( g
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)1 l+ u% O# } O; ]
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)& {8 y& E1 C- f0 z4 [
11-6 多平台适配 - 文章详情样式处理 (02:37)
4 c0 B- R0 v- Z8 V11-7 多平台适配 - 热播视频全部无法播放 (07:03)
1 L, l3 s% D& s I11-8 多平台适配 - 一键登录功能 (04:54)
& Z6 W2 L6 X, p. Z, _5 @9 {11-9 总结 (01:41)
M4 [* U+ }5 O11-10 【讨论题】多平台适配问题
! `- @. b+ k4 g ~9 _. G8 b2 A; v$ m6 Z4 B( p1 G' p
第12章 项目发布4 节 | 9分钟0 k0 e7 C8 g9 `* b3 o
12-1 开 篇 (00:46). {1 L) y- A0 f% G7 A6 |
12-2 打包微信小程序 (02:37)
& n5 w0 i0 s) t ^0 S12-3 打包 h5 页面 (03:51): E5 N7 X4 t$ b/ [% c9 H
12-4 总 结 (00:53)
) j# P1 |4 e, g7 E7 b- c1 k. j8 V3 O; @2 `/ x' K$ e+ X/ J7 h
第13章 课程总结1 节 | 2分钟+ ]1 p) b; p# M" S/ r
13-1 课 程 总 结 (01:24). F( l% W3 C- E
- A9 I* g# @ L$ M7 L& [6 k〖下载地址〗1 S) j: N3 b$ z' l! L: O
) W0 e2 ]; |" I* D' M. a〖升级为永久会员免金币下载全站资源〗) r+ J( h& P3 a6 F. {% J
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html7 B' k' k! u/ z. v) O$ Z" [
|