# [% \* j% I) ~, \3 W4 G
" p w! `( Y& X〖课程介绍〗
4 y% E$ [: O- b还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。
( z8 a& Z! h+ G5 ^9 `〖课程目录〗
c2 e9 H+ r% _: F# n4 n第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
7 I, h% {) Q. o2 a, f% Z; ~' H) U1-1 导学 (15:50)/ U# k ?6 \! W& l, H; O2 Q
% n, O$ z9 L8 J: o7 l第2章 小程序初体验15 节 | 88分钟6 r: m' I/ J) u7 ?! G8 d4 P! b7 k" d
2-1 开篇介绍 (01:28)( H2 \1 B. Z' r, m4 `
2-2 小程序开发前的准备 (04:23)
$ w3 P% w9 |6 l6 i! F* D2-3 开发第一个小程序应用 (06:43)
7 Y. l+ [$ s1 R$ X( v! K; P9 g# r2-4 了解小程序项目的基本组成结构 (08:20)& g. q5 ^" u" J* d9 E9 `
2-5 wxml VS html (07:36)0 ~+ k; q8 l7 u# m; U6 F0 B$ k
2-6 wxss VS css (08:15)" _3 E, f* N. U+ w; E: Y
2-7 .json文件 (04:57)/ r4 K3 C8 T# I3 [' O3 J# ^/ ?. O6 h
2-8 宿主环境与小程序的运行环境 (04:48)
' s$ s* I& a: Q F$ }% [9 {2-9 小程序内置组件-view (07:48)& y, O/ [; e6 j. D, s, q
2-10 小程序内置组件-scrollView (07:46)
% q; {. m3 \ s( f2-11 小程序内置组件-swiper (04:43)
# k2 ~2 J8 p/ Q+ s5 X2-12 小程序内置组件-text&&rich-text (04:36)
- E+ f( q) h) Y/ |; ^# O2 A2-13 小程序内置组件-button-image (07:04)/ Y. g) a% k& }+ \( ]* Z
2-14 小程序成员管理 (03:38)
1 T% V- o* o, W1 c3 W2-15 小程序发布流程 (05:47)
5 C% w) n- E+ ]8 h2 D4 K2 ^2 O" l) F: }7 q2 O% E% N) e
第3章 小程序核心语法21 节 | 225分钟
7 }5 C# F4 q( G' c3-1 开篇介绍 (01:29)3 M& _3 ^( t& n1 W* b2 k
3-2 小程序的数据驱动原则 (13:00)
" Y) e4 g5 S! k, n: J8 b6 ~3-3 小程序的常用事件与属性列表 (12:34)3 q4 z4 K& K6 D3 r! P
3-4 小程序的事件传参 (11:14)
' r: r& d; W) H8 Q- p* F- \6 H3-5 实现【双向数据绑定】 (12:57)
7 K: P7 ^1 W6 j/ b$ c+ A7 S3-6 【任务题】实现双向数据绑定功能+ c7 _: O: s9 n4 m* `1 i7 n
3-7 【讨论题】数据驱动. _; Q% z) o9 i. d
3-8 条件渲染 (12:49)
r& B3 Z; y+ H* s. Y% W3-9 列表渲染 (14:09), q: @2 u$ Q3 L
3-10 配置文件解读 (25:41) i& o4 ~- i3 A8 h% z( e
3-11 数据请求 (21:02)# ~ v) c* C3 J* a: N2 s
3-12 异步编程新方案 - promise(1) (13:24)( f6 p6 F5 E" R6 S9 Y
3-13 异步编程新方案 - promise(2) (09:28)
& S6 N9 v4 c6 x1 r+ n, {9 s3-14 【讨论题】异步编程
& h- e+ s9 ]) _3-15 异步编程再升级-async和await (09:38)! k% \. U6 x8 K M& R h6 L
3-16 【任务题】异步编程9 J9 J4 k# T5 N; ?# \8 i9 W4 a
3-17 小程序使用 promise 解决异步编程 (10:40)2 f/ u @0 v8 r# H0 y! |) `
3-18 小程序页面的生命周期 (16:00)
0 v# A3 ]) F2 [# i3-19 PullToRefresh下拉刷新与上拉加载 (19:26)# B+ J' H. p2 K7 W3 a& w
3-20 小程序的页面跳转 (18:38)$ W* H8 x) J& y. k% g
3-21 总结 (02:26); P0 n( p7 i0 q: D: ~1 R
6 [! s. N t1 [$ F第4章 小程序进阶概念10 节 | 92分钟
' m2 H% X' T7 f4-1 开篇 (02:17); \2 ^6 m; x* g, T
4-2 什么是组件化思想 (04:38)
3 t G5 e+ ^2 e; O5 X% E2 E4-3 创建第一个组件 (08:19)" k9 ]$ q2 W, S& T% I- X- x
4-4 组件的生命周期 (15:24)1 t! Y4 f/ `( }/ G
4-5 数据监听器 (11:27)7 T1 Z4 a( L/ a0 c2 C7 G+ o
4-6 组件之间的关系与通讯(上) (11:44)7 K4 Z _& N, O6 c+ f$ Q' D
4-7 组件之间的关系与通讯(下) (18:22)
& z: B. ?9 m8 Y1 {0 s4-8 组件的插槽 (15:51). }! {. o. |+ F, U# Q- Y3 w) F
4-9 总结 (03:15)7 p6 Q z, Y. D6 `$ G* I
4-10 【任务题】热搜列表实现! S; o# H) k* S3 f' p
U- G$ r, L' n. [
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟" R4 i8 `9 h% [6 s6 ^) B4 l
5-1 开 篇 (01:58)
( k" L1 N. [% i! Q5-2 uniapp难吗? (03:12)
) x/ |0 y7 Y, B1 { G5-3 配置uniapp开发环境 (06:24)
- ]! T" \ @ `7 T. P( W, t5-4 创建 imooc-blog (08:57)
3 @6 f2 i8 G1 Z1 J5-5 运行项目到 微信开发者工具 (06:34)
) V2 c+ o' {0 R! r: o% Y/ h5-6 使用 VSCode 开发 uniapp (04:24)
) y f2 _6 f6 Y, a5-7 创建与配置 tabbar- (10:54)
2 W, \) |) D7 M( Z1 u. T( {5-8 警告与错误处理 (05:50)+ j8 Q7 c$ ]2 L$ Y9 K! U. N
5-9 热搜页面分析 (01:08)# w+ Y2 h: `" C3 {
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
1 L. W% f( X& e5-11 创建搜索框组件 (15:57)* k5 E2 d$ b! T3 S0 m0 W
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)
; T/ E9 {# K& Z7 d9 e; C% F, [& G. L5-13 tabs组件 - 封装网络请求 (11:09)
+ m+ w, n: S% E; ]: C5-14 tabs组件 - 进行基本的数据展示 (09:16)& o9 \: \, Y/ T3 ~
5-15 tabs组件 - 美化样式 (05:31)
& [; u0 N& b, x; f0 X ~& }5-16 tabs组件 - 设置激活项 (08:22)
: v5 b* k3 o4 P3 M6 n# O3 X2 E5-17 tabs组件 - 定义滑块 (03:22)
. R3 G9 \; G; |' _+ c* J8 ?; k5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
1 Z3 [8 U1 f0 Z9 a7 a- u9 ^8 b5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
8 h& q2 `5 J q8 J; H( N/ m' {5-20 tabs组件 - scrollView 的点击位移 (04:01): p" Q- N* W/ `
5-21 tabs组件 - 增加可配置项 (05:07)& G) ]9 f* @% T: |
5-22 List 组件 - 分析 List 组件 (03:58)7 q9 B- L; P1 `& {$ C P
5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)$ V1 I- ]3 o/ n, i- ~$ x- R% p* e
5-24 List 组件 - 美化 item 样式 (10:15)
3 r! o: C* o/ O9 g: \2 ?5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)
. Z- L/ v- E1 U4 m! p c" g5-26 List 组件 - 渲染真实数据 (13:04)
% E6 M0 V9 } H$ z0 y7 m5-27 List 组件 - 通过 swiper 改造List (07:02)
3 A- U5 @3 T! D- \9 `5-28 【讨论题】通过 swiper 改造List遇到的坑+ M! Q8 ?. Z! y' Z, f8 A0 |
5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)4 q2 e: g1 S- d6 |, L6 E* ]% T
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)
3 e$ r; U$ q% `, j T9 t5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)( Z0 N6 D; T6 u1 q9 @
5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
1 [* ]! V$ l3 U: b( V# A& ^* m5-33 完成 `tabs` 的吸顶效果 (02:48)
Z3 g2 |) e# h" H% \5-34 控制列表滚动位置 (03:58) r; p% P: g" V1 b. _0 p0 V
5-35 List 组件 - 处理热度的显示 (04:30): C0 x2 n$ Y, E
5-36 总 结 (02:24)3 ?$ Q/ P% x7 \1 A' m6 }( c
1 w7 f* ^) k( }+ L/ p$ e h% W
第6章 文章搜索页面20 节 | 123分钟9 G$ }7 Z4 _# _, P: O3 Y+ M& x
6-1 开 篇(添加片头) (00:45)$ ?1 Y# |; U: [$ Z/ x
6-2 文章搜索 - 分析文章搜索页面 (03:38)
( }" _! g s) f6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)/ u0 S3 Y5 }/ F+ C# L
6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
6 n; i, r' [% H d6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
- Y* i- q- z# z P$ G: B6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37). Q: g1 ^! r% a. F& d
6-7 文章搜索 - 显示推荐搜索 (02:55)
( X7 K5 m; w4 o. t6-8 文章搜索 - 创建三个业务组件 (05:41)
4 x& i7 y" C" D! `* C" z' L; O6-9 【任务题】控制业务组件的展示效果
. a' S" W2 Z u$ |: t6-10 文章搜索 - 控制业务组件的展示效果 (14:52)5 `$ ?1 \/ X: r: G2 ~5 f1 `
6-11 热搜列表 - 数据获取 (03:49)
* |( r m* _: m1 \6-12 热搜列表 - 数据展示 (10:24)
, O2 M; u3 g" M! T3 U6 j6-13 热搜列表 - 热搜点击处理 (03:50)
% Z1 ]$ ^+ P @6-14 搜索历史 - 渲染基本结构 (07:08)
, E( Y3 w3 {1 k0 l! o% w2 ^8 p6-15 搜索历史 - 美化基本样式 (07:37)
' z+ _* h9 A% {. {+ d7 w& h6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)4 [! ~" J1 n9 u5 N6 I6 W
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)* |" @5 S/ ?, H- m. n
6-18 【讨论题】构建良好代码结构遇到的“问题”?
5 U" W8 n, ~7 h2 B" D5 p/ {6-19 搜索历史 - 找出现在的问题 (02:20)
$ V% \5 P! M% q6-20 总 结 (01:09)3 i) ^1 T! Z8 X1 W1 D2 |; J
7 U0 P$ d" y- ~. h4 w7 F
第7章 全局状态管理18 节 | 113分钟
0 J3 C8 [) b9 E$ N; \8 o7-1 开篇 (00:53)% i r3 ?" L& \9 M' i% f
7-2 状态管理 - 全局状态管理工具 (06:15), e) _1 _; ^5 X
7-3 状态管理 - 在项目中导入 vuex (03:09)6 L" l' P* i3 }; r1 P
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)) A- l) p( Z" Q( v( s# Y/ O" `, C
7-5 状态管理 - 构建 search 模块 (05:47)' m. ^0 `+ O2 A& A
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58): X0 X: u X' n( @# Y' ^
7-7 状态管理 - 数据持久化 (06:15)
6 X4 v6 R7 a- P- \" _$ _7-8 搜索结果 - 获取搜索结果数据 (05:27), m B' y. N9 r( a! ~
7-9 搜索结果 - 渲染搜索结果数据 (14:19)
( {7 @) a, s c% W. y. x" e h+ f; N7-10 【讨论题】 item 渲染 ~% o2 r5 R0 y% ^- C
7-11 搜索结果 - 处理相对时间 (13:17)4 ]: q4 O8 s& C5 T8 G6 e
7-12 搜索结果 - 高亮搜索结果关键字 (08:53)3 ]! u: o0 y- e# A [9 {5 ]
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35); [! U8 h$ _% x! _8 n1 `/ m
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)' T# m/ y; ~$ @% l y! r) Z
7-15 搜索结果 - 处理空数据场景 (05:43)
% V7 P- ?7 { ^' b2 z6 _2 i7-16 【讨论题】下拉刷新、上拉刷载
' Q! A9 }( `0 H# R& _4 C7-17 文章搜索 - 细节修复 (02:58)
# \" F" D; o+ z/ I7-18 总 结 (01:20)7 [) l8 z8 E* W! g
5 y1 H* H( m% k& o5 ^" U第8章 文章详情模块开发21 节 | 134分钟
: Z9 P! J; Y3 R+ T8-1 开 篇(加片头) (03:12)8 J& U- H5 a' j; k5 s {* M
8-2 文章详情 - 点击进入文章详情页面 (07:28)
: A |( z3 ^/ d8 I9 }8-3 文章详情 - 获取文章详情数据 (11:15)
3 x% o2 c' ~ D- }8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
5 j; E" I+ o* B8 M' J1 g8-5 文章内容 - 美化文章内容区域 (08:41)
# B0 f! E# [5 ?; M* L5 A9 s8-6 文章内容 - 分析文章内容的样式实现 (04:21)& N3 k0 x; ?: s" L( Q( u& k" V
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)3 [- u3 J2 Z8 T+ A4 e
8-8 【讨论题】文字太小是怎么回事?5 W& O) \6 g- b0 m
8-9 文章内容 - 解决字体过小的问题 (06:03)
; I$ @, b1 ]. g& L$ M6 X1 B a0 O3 j8-10 【讨论题】渲染1 N& O2 e; a4 r- C: ]. R( ]
8-11 评论列表 - 获取评论列表数据 (07:10)
7 n5 g. y; \$ P9 h7 A0 s7 u3 B. t. ?8-12 评论列表 - 渲染评论列表(精简评论) (10:14)! s% }. P' L: P' R
8-13 评论列表 - 美化评论列表 (08:18)
. w5 R9 A4 U# Z# [2 j- U0 Z8-14 评论列表 - 渲染全部评论列表 (07:57)2 o9 D5 s! x) b/ @& V7 ^% q2 k8 u
8-15 评论列表 - 完成全部评论的分页加载 (07:28)* Y% L S/ Z% D% I* l2 l! P# ?" o
8-16 评论列表 - 处理数据加载完成的提示 (04:45)
8 d e: f/ U# E1 k/ ?, @* U8-17 功能区域 - 封装功能组件 (05:43)
; U6 w3 D( @% @. n% V9 s8-18 功能区域 - 样式美化 (04:24)
, I* I% Z( Q5 c- c" ~8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12) l& J, {' z& E
8-20 明确功能业务 (02:02)
2 J2 Y% x+ T# L+ o7 J8-21 总 结 (01:29) f7 J8 n) _$ P* K7 i$ U# i
+ i2 p. y) i% @第9章 用户登录20 节 | 111分钟9 ~! p! Q, V8 F; T' I
9-1 开 篇 (02:26)% \! w8 g/ V. c- g+ `4 d
9-2 用户登录 - 登录页面基本样式 (04:38)
! g q$ { i- G9-3 用户登录 - 封装登录组件 (02:52): s+ ^ i1 e# X Y
9-4 用户登录 - 明确登录的实现思路 (04:52). n2 {0 j9 g& u# n% I3 R" c2 h
9-5 用户登录 - 封装 action 调用登录接口 (11:07)
/ r' d, O, D* H6 V% }, B9-6 用户登录 - 保存用户登录状态 (07:32)
( J- J9 g- T4 |) H7 H9-7 用户登录 - 完成已登录的用户视图 (04:06)# |+ u/ c4 p1 h) [( V7 M* K. U2 w
9-8 用户登录 - 实现退出登录功能 (05:36)
: G9 \- q0 O% H+ J( A& S9-9 用户登录 - 判断用户登录状态 (04:35)% R& F+ v. y$ R; ^" t
9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)% |! n! B! J$ p$ o
9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)
2 [9 E: x B& {0 K7 A( s$ Z9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
7 n1 Y7 O. F( ~9-13 文章操作 - 关注用户 (09:03)6 o! [0 T8 {, e6 Y
9-14 文章操作 - 处理发表评论的 UI (11:00)
; x3 v |" l9 g' L+ q9-15 文章操作 - 处理评论框的显示问题 (09:54)
2 ]3 K% z' f8 B" e4 p" G9-16 文章操作 - 发表评论 (07:18)
4 F+ e7 C6 K) G9-17 文章操作 - 回显评论数据 (04:57)+ n7 P: [' e6 o/ {0 Z x' U
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
9 k: p" }$ ?( w m9-19 【任务题】实现文章的点赞和收藏功能. l& D6 t( v' @+ q0 j6 C' D
9-20 章总结 (01:29); T8 P% D: d, t! @ \# D
* n/ }1 ]0 J# N/ J第10章 热播模块16 节 | 80分钟, d2 t, \- T0 S9 T
10-1 开篇 (03:01)
) O% ?5 \3 _ `10-2 热播列表 - 获取热播列表数据 (03:43)1 Z7 J- o& }* v% L: H9 R
10-3 热播列表 - 渲染UI结构 (10:12)
9 A. I K) \- \) A+ N9 P& C10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)' p$ v* W) g( @) q
10-5 热播列表 - 点击进入详情页 (03:05)
2 J4 z: p7 x/ V4 p10-6 热播详情 - 渲染详情页面的视频组件 (10:46)3 v" o: S- c$ }# t% c
10-7 热播详情 - 展示视频弹幕 (06:34)! Y; Q, z9 ~. Q5 b9 _
10-8 热播详情 - 渲染全部弹幕模块 (04:44), t. T$ V9 L" G h, o2 P
10-9 热播详情 - 渲染底部功能区 (06:56)
! _4 C. h/ y+ G9 B- S& O R10-10 热播详情 - 发布弹幕 (07:19)
' K* V% D4 o" f2 u: k0 _10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
$ s8 X& D: j( M9 m10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
! N. o+ j8 L$ M6 I/ K- t4 a* W10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
, N) x7 o6 }5 L) r- {# z# p; W10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
, q4 P3 }0 X7 y6 m; U6 l, n7 C10-15 【任务题】热播中点赞与收藏的实现
- ^0 B L" [" v10-16 总结 (02:06), E3 N b! m, x' p' Z( _/ N
: r- {% A" i5 @- h
第11章 多平台适配10 节 | 35分钟
/ H$ J, s& t! v- @1 d11-1 开篇 (01:52). M6 H9 a: S) I: {6 }* E
11-2 uniapp 中的条件编译 (06:00)' O; [8 |: a2 l; P( R2 t
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17): e0 ^5 }: H0 t- |% Z1 E
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
2 Z, M/ [$ M6 M2 |- l" v11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)) W: l( D& K9 \# L% {9 q1 `) ]2 X
11-6 多平台适配 - 文章详情样式处理 (02:37)6 G6 |" U9 O6 L* m9 N4 n# I
11-7 多平台适配 - 热播视频全部无法播放 (07:03)# q I& F) c; @6 n4 T
11-8 多平台适配 - 一键登录功能 (04:54)
: c" h; a$ m4 |' e2 y11-9 总结 (01:41)4 A7 ]5 \* i# I2 H% O7 i8 m1 v6 t
11-10 【讨论题】多平台适配问题) w: ^, O+ ]3 A
7 a7 l( O& U2 W* b( A6 f4 A
第12章 项目发布4 节 | 9分钟
7 D; w. h) _5 S/ Q( u" {5 u12-1 开 篇 (00:46)6 ?) b+ q/ i! ^7 E8 J
12-2 打包微信小程序 (02:37)
" X! a* a# `3 {1 h( u2 v' K12-3 打包 h5 页面 (03:51)4 u5 X0 P7 |; u- ]. D& Z% T" E1 Q. G
12-4 总 结 (00:53)8 c; ^0 s) P" @( M0 T3 p! A% w- |
; y5 x1 e! A! R5 ]' ?8 G: D+ m# b G; F& J; S第13章 课程总结1 节 | 2分钟
" `4 s* F% O ?3 v6 |13-1 课 程 总 结 (01:24)" h( t0 C$ g& W% q0 F
: j. C) W7 Y" Y) h( I4 {* s, Q* x4 o& J9 @, c〖下载地址〗
% @1 p4 T$ J0 V! Q( E8 b: F. K) X2 E) D# H& f
〖升级为永久会员免金币下载全站资源〗
0 v; ?8 [) {. R* p9 o6 Z9 c全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html4 ~7 y4 l# m2 i: w
|