- a% `$ X9 i2 _, V( q3 }
5 D5 X# S+ S8 y( j1 ~/ r% N3 K S( V1 I〖课程介绍〗
6 P# q3 w- b O$ D6 [还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。" E4 d# ~; k* p1 ?
〖课程目录〗
9 _' s0 C4 F# d! V: e, {第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
+ L2 \( l! [9 [, x1-1 导学 (15:50), Z$ L7 C" z3 ]7 d4 y
; r- ?5 i/ G8 v5 {
第2章 小程序初体验15 节 | 88分钟% C( s" y( t; h' u0 W. w4 [
2-1 开篇介绍 (01:28)9 i: P3 `2 _- z2 \. G; o: H
2-2 小程序开发前的准备 (04:23)3 P! K3 f; M, ~/ L$ L
2-3 开发第一个小程序应用 (06:43)" {1 ^7 K+ R+ x& } q3 } G
2-4 了解小程序项目的基本组成结构 (08:20)# _( o4 r& D. M {. }! \
2-5 wxml VS html (07:36)5 g; _% [7 g( j$ G6 N D9 F
2-6 wxss VS css (08:15)
" b7 k0 `& T* C% P1 G: M2-7 .json文件 (04:57)
+ ?- I( {3 J1 |, S A4 C2-8 宿主环境与小程序的运行环境 (04:48)
1 Q4 P3 q+ A& d( D8 [; l2-9 小程序内置组件-view (07:48)
' _, b# o& H/ R2-10 小程序内置组件-scrollView (07:46)
: O4 T' O8 r& A( N6 T2-11 小程序内置组件-swiper (04:43)
! b F' g" M) W2-12 小程序内置组件-text&&rich-text (04:36)
9 a+ V' \& N0 d! o; m) V, G2-13 小程序内置组件-button-image (07:04)* _* S; |7 d$ b' a
2-14 小程序成员管理 (03:38)
) h, J4 D( g( l2-15 小程序发布流程 (05:47)
0 w) n4 g1 v/ U2 j6 A P
$ k0 v5 Q' ]1 I第3章 小程序核心语法21 节 | 225分钟& \- w- y3 S+ V$ k3 [4 [" ]
3-1 开篇介绍 (01:29)+ Q T0 o' i0 Q+ k
3-2 小程序的数据驱动原则 (13:00)
( T, g# ?& o" T9 u$ e9 u4 m6 D3-3 小程序的常用事件与属性列表 (12:34)8 z$ j0 y2 [1 Q. Z* }; Q* O4 l
3-4 小程序的事件传参 (11:14)1 E: e7 y' k$ V9 l! B5 x
3-5 实现【双向数据绑定】 (12:57)
" M w7 Z: |0 S) x, C! f$ x- {) j* A! D3-6 【任务题】实现双向数据绑定功能/ m+ m8 c1 a# {# {
3-7 【讨论题】数据驱动/ u4 G* U9 C6 x) F, x- y2 b
3-8 条件渲染 (12:49)
) p! e8 F1 W6 d# {3-9 列表渲染 (14:09)( F3 X* m2 d' q* ]8 Z% V
3-10 配置文件解读 (25:41), m' D: o# B1 X2 y
3-11 数据请求 (21:02)9 P, @; k, m s4 ~
3-12 异步编程新方案 - promise(1) (13:24)
% M S$ |# e" s3 d4 L, c/ h; Y( d" f$ c1 q3-13 异步编程新方案 - promise(2) (09:28)
2 n8 ~! ?" P u$ R# u3-14 【讨论题】异步编程& t* ]5 j4 N) W1 W+ H
3-15 异步编程再升级-async和await (09:38)
/ q/ V! r C; u1 g0 ~3-16 【任务题】异步编程
# o* ?* r/ w- o2 t- c' S4 l3-17 小程序使用 promise 解决异步编程 (10:40)" H' O) M& J8 @9 Y2 k
3-18 小程序页面的生命周期 (16:00)2 ^* K5 O! R, r, Y% ?; m# q7 g+ x
3-19 PullToRefresh下拉刷新与上拉加载 (19:26). D) Y: C9 K& g& O' V
3-20 小程序的页面跳转 (18:38)* _& v* V+ q* |+ }1 q
3-21 总结 (02:26)
2 ^9 Z3 J4 Q2 S3 @
6 A5 \3 ?1 P0 B' L9 A第4章 小程序进阶概念10 节 | 92分钟
V+ t( R: q/ @1 E1 u' A4-1 开篇 (02:17)
, d3 i2 Z' |( A0 z( c4-2 什么是组件化思想 (04:38)6 x! c- ?3 ^' D+ V9 ~# }
4-3 创建第一个组件 (08:19). E+ ^6 w& S. I* U+ E4 \
4-4 组件的生命周期 (15:24)
' t* }- |+ J$ p5 n; H' g; J4-5 数据监听器 (11:27)
- U: A* J. s5 S9 @2 a8 H/ N4-6 组件之间的关系与通讯(上) (11:44)
# F! E+ h0 v% T$ |: \1 R+ S4-7 组件之间的关系与通讯(下) (18:22)
2 V. B8 G. M4 z7 F6 `3 i2 E% c2 I4-8 组件的插槽 (15:51)
, l& I; N l+ s$ ^4-9 总结 (03:15)1 O( D* ]2 O0 H6 v7 ?$ L& l
4-10 【任务题】热搜列表实现
( c5 Q3 R, \$ }7 R& m) b+ P* `! H& T3 b% x$ l
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
2 V( o) a* r7 e& z( e5-1 开 篇 (01:58)
/ e7 B# h% e( [8 W+ e0 y( k5-2 uniapp难吗? (03:12)5 W/ `+ m% J4 C
5-3 配置uniapp开发环境 (06:24)3 [: e3 v b0 [' F' y6 k' _, _
5-4 创建 imooc-blog (08:57)
' n& f4 C: V4 X, h5-5 运行项目到 微信开发者工具 (06:34)
/ N& H; c9 k3 O5 G5 ?- g$ [/ v5-6 使用 VSCode 开发 uniapp (04:24); a D5 {$ L: N
5-7 创建与配置 tabbar- (10:54)7 T7 v4 e Y3 y u& s8 D) i
5-8 警告与错误处理 (05:50)
! E5 _- L& C5 ]6 I$ Y6 U5-9 热搜页面分析 (01:08)" \9 p) Z8 c5 o! C+ R. A+ M; l5 l
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)4 r I" C2 _1 S' v% O T! N
5-11 创建搜索框组件 (15:57)0 X& o% K* D. n( {6 {, S9 D- @4 }. h
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)# o+ V* C+ P% s! R5 Y+ N p
5-13 tabs组件 - 封装网络请求 (11:09). l, B2 [* w8 `3 H- W3 Y
5-14 tabs组件 - 进行基本的数据展示 (09:16)
8 D* d2 t# ]( j8 x- `5-15 tabs组件 - 美化样式 (05:31)
; i) Q7 d T, J V: b ]" T9 z5-16 tabs组件 - 设置激活项 (08:22)
# p- S6 V# @3 r. R. I* e# B4 a5-17 tabs组件 - 定义滑块 (03:22)
8 X! c E( Q, ~$ V) S5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
6 z) i- f- u2 _1 J5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)/ I' V- C' a7 a2 L k/ c
5-20 tabs组件 - scrollView 的点击位移 (04:01)
6 I I# T9 @1 i6 e8 |5-21 tabs组件 - 增加可配置项 (05:07), f, O) @+ |/ p8 O7 m1 E8 `. O! `
5-22 List 组件 - 分析 List 组件 (03:58)
( e4 G3 {9 w3 H9 y5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35), Y" S& t3 D$ Y/ B/ l
5-24 List 组件 - 美化 item 样式 (10:15)
3 p. }! s$ s" a3 X% i2 |% y5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)
0 e* D# Q+ v0 S( V5-26 List 组件 - 渲染真实数据 (13:04)* H) S5 @ v( z0 m* j
5-27 List 组件 - 通过 swiper 改造List (07:02)
Q7 [0 t0 T0 e* k- }7 u% O5-28 【讨论题】通过 swiper 改造List遇到的坑8 q0 p3 S# j% b1 V5 ^# N5 M
5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)8 j7 L- N/ z1 Z. p" F+ D, S
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)
5 w# a, E6 D: F4 O7 E+ G9 w5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)7 v; _3 F4 G! _: ^, o
5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
1 `' o2 {. e1 O5 l2 P# d2 i5-33 完成 `tabs` 的吸顶效果 (02:48) u7 W% [+ s2 l; b t1 X4 Q
5-34 控制列表滚动位置 (03:58), `7 k6 e8 l0 x* R
5-35 List 组件 - 处理热度的显示 (04:30): x) G( J2 G" A t E
5-36 总 结 (02:24)$ N4 s) A6 ]& o! t3 f
3 [3 m* l0 g |/ D0 W( [
第6章 文章搜索页面20 节 | 123分钟
0 z1 X7 z9 u% Y5 \6-1 开 篇(添加片头) (00:45)8 x1 G( |" M$ T7 {$ r8 u# Q
6-2 文章搜索 - 分析文章搜索页面 (03:38)
5 S2 i7 f" O3 z# a, k* E6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)4 E+ [; n& H2 V7 \* l
6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
v( [; i2 E( q9 ?6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
" `& X& y% @" C4 s5 B6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
1 h/ X% p' \. x1 j0 l6-7 文章搜索 - 显示推荐搜索 (02:55)
9 H# x2 a9 P8 [" ]6-8 文章搜索 - 创建三个业务组件 (05:41)8 J0 ^' _. s$ L' C$ `/ Z: h- t
6-9 【任务题】控制业务组件的展示效果
4 L4 A! p, e% W- D6-10 文章搜索 - 控制业务组件的展示效果 (14:52)0 @" \! K* B6 z) y3 c+ u! c4 S1 `1 C
6-11 热搜列表 - 数据获取 (03:49)
& g1 G8 f, U& ]6-12 热搜列表 - 数据展示 (10:24)
6 E" U3 Q$ ]9 D$ i2 e: [3 H7 P6-13 热搜列表 - 热搜点击处理 (03:50)
1 k# t) C! Y+ l: K- N/ n: T6-14 搜索历史 - 渲染基本结构 (07:08)3 P- g, N* F, S4 D
6-15 搜索历史 - 美化基本样式 (07:37)
. W; J% z8 p8 g: i2 w6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)7 ?. J) z" [1 Q# s% _! F5 f9 X; F1 w
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)" z# V. P6 R. q
6-18 【讨论题】构建良好代码结构遇到的“问题”?8 p0 h6 j5 [, @ X
6-19 搜索历史 - 找出现在的问题 (02:20)0 s, z" ?& t W& B) W
6-20 总 结 (01:09)
8 C0 a4 Y8 Z. A, W9 b; J4 Y: }/ Q% K
第7章 全局状态管理18 节 | 113分钟: x! x, E# x1 N: c
7-1 开篇 (00:53)$ U2 M; H, Z9 D& R5 L6 z
7-2 状态管理 - 全局状态管理工具 (06:15)9 t, k/ w& K- h, k8 D
7-3 状态管理 - 在项目中导入 vuex (03:09)( h6 m% Q$ L- m
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)" S4 O) N5 }, x' ?, O- X
7-5 状态管理 - 构建 search 模块 (05:47)
; P0 Y; o: @# \* r& X7 r7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
, O/ o( o' G5 I! A5 A( s2 u' D( }7-7 状态管理 - 数据持久化 (06:15)# q2 j' m+ C) ~# p
7-8 搜索结果 - 获取搜索结果数据 (05:27)0 e8 `8 j; e- ?, I! e
7-9 搜索结果 - 渲染搜索结果数据 (14:19)9 z) w9 a6 D7 P- V- t( J
7-10 【讨论题】 item 渲染
( F; h, {2 g" c9 s @2 K7-11 搜索结果 - 处理相对时间 (13:17) s0 j# p z/ D2 {' h T8 A
7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
0 w1 ~- o* V) D f7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
. s E4 i f3 }5 u) G7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)0 r* T, l1 N0 q0 A2 ~
7-15 搜索结果 - 处理空数据场景 (05:43)
" S( I+ ~9 r$ G: ~& h5 f3 h7-16 【讨论题】下拉刷新、上拉刷载2 u, L3 M/ M* I, k" J4 _
7-17 文章搜索 - 细节修复 (02:58)0 m4 X% h! R* T% [1 t; q' C S! F+ _
7-18 总 结 (01:20) ]6 A" t0 p d' W
/ G* c: v) ~- f0 g1 N9 w
第8章 文章详情模块开发21 节 | 134分钟
* O$ ^& E# Q G$ j, D0 @8-1 开 篇(加片头) (03:12)! a+ l z: M& M: B' p
8-2 文章详情 - 点击进入文章详情页面 (07:28)
. x/ u( w" g5 t/ s5 v/ t( K8-3 文章详情 - 获取文章详情数据 (11:15)
9 H; O; z& I% P8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
; q2 z. {' v) f. y8 T8-5 文章内容 - 美化文章内容区域 (08:41)9 I. f& `, ` L# x8 I0 h
8-6 文章内容 - 分析文章内容的样式实现 (04:21)
8 r- }( T+ W2 a0 R4 _# I* Z: i# f; T8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
: `& k) ^' U9 v" z. }6 l( `8-8 【讨论题】文字太小是怎么回事?
" p1 r0 _! B" M- r* F$ ~8-9 文章内容 - 解决字体过小的问题 (06:03)& T4 d: p0 Y- {; c
8-10 【讨论题】渲染
% e& W/ r; K# V( M% ^8-11 评论列表 - 获取评论列表数据 (07:10)2 e3 }. ~. B( _1 D
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)* A, J; f" P# h( a% A% T
8-13 评论列表 - 美化评论列表 (08:18)
9 L' i" t) k) F$ T8-14 评论列表 - 渲染全部评论列表 (07:57)/ D# @* T& U: v7 w! U" I+ ?- L1 V
8-15 评论列表 - 完成全部评论的分页加载 (07:28)) H2 a/ L& a# d, }" N3 Z* T" }% Z
8-16 评论列表 - 处理数据加载完成的提示 (04:45)
4 S+ ?1 T- q, s# G- K- I8-17 功能区域 - 封装功能组件 (05:43)
' l" h4 \; ~6 G/ I2 e8-18 功能区域 - 样式美化 (04:24)) I) X% r+ B- @' V2 i* z8 b$ C9 G
8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12), ?4 q2 Q5 C- R
8-20 明确功能业务 (02:02); C$ e# X8 M8 z0 G7 v1 N+ P/ ~
8-21 总 结 (01:29)
! t2 @, U% w9 y" K
$ u+ k, \2 P; e7 J D第9章 用户登录20 节 | 111分钟
5 Y5 P. q( P0 m% e5 H1 | Q [9-1 开 篇 (02:26)# _1 V! M5 N; D
9-2 用户登录 - 登录页面基本样式 (04:38)3 E% v: I; g# J: h2 C5 T4 _
9-3 用户登录 - 封装登录组件 (02:52)" B1 L1 X1 n7 V
9-4 用户登录 - 明确登录的实现思路 (04:52)
2 I/ ]# H. Y q1 z, F9-5 用户登录 - 封装 action 调用登录接口 (11:07)+ x; Q. i8 Z" Z, J
9-6 用户登录 - 保存用户登录状态 (07:32)" P3 j* D; S- ?7 I
9-7 用户登录 - 完成已登录的用户视图 (04:06)
" @( c1 `" r N. c9-8 用户登录 - 实现退出登录功能 (05:36)
" E! T& L6 y3 z/ D9-9 用户登录 - 判断用户登录状态 (04:35)$ [4 ~& U! {! H5 v
9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)8 W0 {! t4 E, {; s/ L/ J
9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)
- ^; h" U6 Z0 n) _# @ f- f- s9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)6 T. `- {; p. G" r4 `% s
9-13 文章操作 - 关注用户 (09:03)
. ~( G' }! M( H! a- V9-14 文章操作 - 处理发表评论的 UI (11:00)7 P. \7 U+ [& V) d& Q. x: J5 S
9-15 文章操作 - 处理评论框的显示问题 (09:54)$ q. Z8 Q; `" \0 B' c
9-16 文章操作 - 发表评论 (07:18): r6 j% y9 _- {" r! ^( n
9-17 文章操作 - 回显评论数据 (04:57)' A4 I$ R2 Q, e# f. R& w& J, A6 t
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
7 B. ]% `* V' g& V9-19 【任务题】实现文章的点赞和收藏功能
8 M$ _8 p) U* E" t9-20 章总结 (01:29)
! k, W* M- k3 ~8 p2 B1 r0 S2 f3 X5 r" E: S0 D3 \
第10章 热播模块16 节 | 80分钟
3 ~# t/ B) c) l10-1 开篇 (03:01), W( e# i! v. v
10-2 热播列表 - 获取热播列表数据 (03:43)* U' B, M& w8 f/ G
10-3 热播列表 - 渲染UI结构 (10:12)! L* {9 W: K/ o0 {5 L( c* {
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42): P& E- l% R: t6 N' o' D3 b0 X
10-5 热播列表 - 点击进入详情页 (03:05)
/ Z# g% Q8 N" E( a& r10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
" A g0 L8 i0 _" M$ S6 |/ d, f10-7 热播详情 - 展示视频弹幕 (06:34)
w) {1 O5 |+ U8 z: H& S8 B10-8 热播详情 - 渲染全部弹幕模块 (04:44)/ L5 d9 Q( n. ]' [4 M2 j
10-9 热播详情 - 渲染底部功能区 (06:56)
. ^4 C5 B+ C0 _6 J7 X$ G4 i3 B10-10 热播详情 - 发布弹幕 (07:19)* }8 S2 z& i0 ?# u, M9 p* M2 I1 d9 {
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)2 K2 |) J+ ?4 t0 Q& W$ G
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
) o5 O1 z6 w8 r: K+ Z: K10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
) u+ z% Z0 z U" V% n7 Q10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
# J# j" b) z/ R10-15 【任务题】热播中点赞与收藏的实现
5 d" o8 J3 u; _& n7 M" b9 |0 y# O3 u10-16 总结 (02:06)8 l; x" ]' |% @# N$ ~7 W, r
# l# r; R; R1 b
第11章 多平台适配10 节 | 35分钟$ ~# g5 y- r8 c
11-1 开篇 (01:52)1 d0 K# _5 s; W" W
11-2 uniapp 中的条件编译 (06:00)
/ h0 p0 g) Y. V/ S11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)
. \, c% o* \' C11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)( p7 B: m8 G8 c3 G5 D5 @8 T
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25): R& ~: x' p2 ^ r2 X: W8 b
11-6 多平台适配 - 文章详情样式处理 (02:37)
" g8 H! k5 W* Y# Z# T* D8 i11-7 多平台适配 - 热播视频全部无法播放 (07:03)
( b6 q8 U% F6 @( e1 R11-8 多平台适配 - 一键登录功能 (04:54)/ l1 S7 J A! R+ ?) f4 Z" ~
11-9 总结 (01:41)/ U" y# ]8 w# V+ ^
11-10 【讨论题】多平台适配问题0 ^+ O* Z' ?2 S- E1 }; x! m8 h4 l
1 h# d4 i P5 h8 s第12章 项目发布4 节 | 9分钟6 x2 Y8 Z: T( q& a" N1 d ^. A$ J
12-1 开 篇 (00:46)
; O( \: q' [* f12-2 打包微信小程序 (02:37)
. o% }* r0 k( S12-3 打包 h5 页面 (03:51)3 L8 @1 R& q( H3 g. a
12-4 总 结 (00:53)
/ v, J ~; m! b1 S+ Z
4 R+ b; h5 {' K5 `第13章 课程总结1 节 | 2分钟0 n% y7 i# q3 T6 o' P6 Q
13-1 课 程 总 结 (01:24)( [" }; `: U* d, b
4 ]/ ^" }2 v8 a F/ u: y1 [ g〖下载地址〗
7 k2 m( o' g8 f5 T; Q4 Q! @ g6 W0 q
7 M# Z# F( L1 N, J) v〖升级为永久会员免金币下载全站资源〗
\0 v2 x3 L7 t全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
9 F( W% `& J( J/ f& H6 ~ |