& u/ }6 G; Y& R; S2 c. h" [7 B5 B
/ F$ N9 ^+ }% E& l6 B$ h
〖课程介绍〗
, B* u) a5 p2 t5 |7 `3 q# l: m4 g还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。& S4 G$ G; z6 g
〖课程目录〗
+ z5 s$ L! l! H& o第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟
4 ~( W2 I& o/ b6 c1-1 导学 (15:50)9 n4 L7 X* K; H
' R1 o0 X7 o: |5 a, ?
第2章 小程序初体验15 节 | 88分钟7 p) y/ _5 ~- T9 X% a p
2-1 开篇介绍 (01:28)
- [* t5 t& W3 ~- a2 e0 h# B/ e2-2 小程序开发前的准备 (04:23)
/ U# y$ m& I( B9 l2-3 开发第一个小程序应用 (06:43)+ z) J% z7 V' m' ?% C: \# _" Q8 Z* Y$ n
2-4 了解小程序项目的基本组成结构 (08:20)+ c. o) r+ m( {& |
2-5 wxml VS html (07:36)
$ g4 I o' o& k2-6 wxss VS css (08:15)$ i5 y/ B. ?- q: F9 {
2-7 .json文件 (04:57)+ b$ k! d2 o$ |& o# T* s
2-8 宿主环境与小程序的运行环境 (04:48)2 |+ j$ D! U* s6 o; C
2-9 小程序内置组件-view (07:48)
4 m8 R6 x( l* P/ B& Z2-10 小程序内置组件-scrollView (07:46)
|7 g& x/ w6 u6 P E0 c- e2-11 小程序内置组件-swiper (04:43)
6 T. r3 Q* ~2 y2-12 小程序内置组件-text&&rich-text (04:36), H( a; t, }3 k3 o& A: V
2-13 小程序内置组件-button-image (07:04)4 T3 U: b- `2 Z0 V" S& G
2-14 小程序成员管理 (03:38), \ ~) c/ a& I! i
2-15 小程序发布流程 (05:47)
8 \- L* l1 x4 D5 R: S {/ I
/ \3 O+ t* p3 \* x) V- X$ p第3章 小程序核心语法21 节 | 225分钟
+ K6 Y& O4 Q( H$ N+ R3-1 开篇介绍 (01:29)1 b3 [# F, ^1 M: O5 {! ^# y
3-2 小程序的数据驱动原则 (13:00)1 ^1 j) Z0 w5 ]
3-3 小程序的常用事件与属性列表 (12:34)3 D0 H% [/ H6 U* y7 l6 I
3-4 小程序的事件传参 (11:14)
1 Y! u% N4 y7 `/ U; t; [' c3-5 实现【双向数据绑定】 (12:57)3 J+ [& R4 W2 |
3-6 【任务题】实现双向数据绑定功能
, ]3 n; o4 Y5 k% y% n3-7 【讨论题】数据驱动
8 @# Q6 i+ m# f- `" u8 G3-8 条件渲染 (12:49)
$ u0 N9 J# J3 M1 T8 D3-9 列表渲染 (14:09)" e" E6 p; r5 \) ~* _* A. d
3-10 配置文件解读 (25:41)' Y5 D8 `/ [2 _! g" \; j. V
3-11 数据请求 (21:02)9 O+ U9 t- B& ]6 l' [1 i |
3-12 异步编程新方案 - promise(1) (13:24)
. n. O: }: N7 T8 [6 g3-13 异步编程新方案 - promise(2) (09:28)
+ O2 M, X) _' K3 h" R& P3-14 【讨论题】异步编程
- p) X8 W8 Q- O: B5 e" R' C C( B3-15 异步编程再升级-async和await (09:38)9 U" Y/ }8 |# G, v9 u, L* r
3-16 【任务题】异步编程
: {& F) r! g+ j0 }$ S3-17 小程序使用 promise 解决异步编程 (10:40)
' d, n/ g( {, D! u$ @8 M# X) [3-18 小程序页面的生命周期 (16:00)& m2 Y1 h7 M3 T: j8 C& G
3-19 PullToRefresh下拉刷新与上拉加载 (19:26)
4 C+ N! t$ }2 O; L9 K$ n9 w( q3-20 小程序的页面跳转 (18:38)# P0 O8 S, N) H2 \$ Q9 z
3-21 总结 (02:26) c8 G2 R+ V& E* R8 ~, f
# y z4 \- q: U, [第4章 小程序进阶概念10 节 | 92分钟
% m, c3 |' d' s* E" l* z$ _4-1 开篇 (02:17)
. t$ L* b8 {2 j0 j5 y4 x' U/ @; J3 N4-2 什么是组件化思想 (04:38)
# U, G" ?- w" W9 m9 p4-3 创建第一个组件 (08:19)
+ M: _/ M0 |* O- ?1 u" H4-4 组件的生命周期 (15:24)
, T6 e" Q/ Q! F; `8 ]) X( N# _4-5 数据监听器 (11:27)
/ s- `4 r1 W* M) O2 L% a' [4-6 组件之间的关系与通讯(上) (11:44)
, r1 A! A1 W+ A4-7 组件之间的关系与通讯(下) (18:22)
" b6 ^0 M2 K. ]" w+ b9 v8 w4-8 组件的插槽 (15:51)5 X; c6 a* w# W8 M
4-9 总结 (03:15)& |/ U! n8 S+ |
4-10 【任务题】热搜列表实现9 D; M7 C" e2 w9 h& F3 R
+ y7 ^+ W4 x9 n. K4 H
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
. @: o; o4 `/ q) Q$ @4 p( Q/ W5-1 开 篇 (01:58)
8 i: ]. t7 s" y: @) |! H/ G5-2 uniapp难吗? (03:12)7 r1 Z8 R0 ?! N0 L" J; s
5-3 配置uniapp开发环境 (06:24), W+ H- [7 P, `( X ~1 J: ^0 e7 [2 k; N
5-4 创建 imooc-blog (08:57)
2 y# @1 R/ y+ u+ V# |$ B5-5 运行项目到 微信开发者工具 (06:34)& {( P) y. L6 a' f; {
5-6 使用 VSCode 开发 uniapp (04:24)
- k; ~+ e, U8 `+ {3 H* b+ E$ L8 G# H5-7 创建与配置 tabbar- (10:54)
* m3 J; D) w4 q0 v7 e5-8 警告与错误处理 (05:50)
: t0 J( C5 e# x' C0 `+ O) k2 I: Z5-9 热搜页面分析 (01:08)
. D( Y- y! K' y$ h5 q5-10 认识 .vue 文件结构与 logo 图片展示 (08:54) ]! n. D \( W; {
5-11 创建搜索框组件 (15:57)$ s5 {( v' b/ h$ p
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)2 [( }2 ^. K% N! ?! X' B6 E
5-13 tabs组件 - 封装网络请求 (11:09)
6 X: \6 J8 E$ p" z. |! S5-14 tabs组件 - 进行基本的数据展示 (09:16)0 f2 y) |" Q# ~+ [
5-15 tabs组件 - 美化样式 (05:31)
3 a; r* d- U' n' { z5 v" G5-16 tabs组件 - 设置激活项 (08:22)4 g' M& J/ S9 r& Y4 w! V! P( [
5-17 tabs组件 - 定义滑块 (03:22)
# g+ t5 E* \' U5 P! I; j/ T5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
$ t9 _, C e+ W6 {: r/ N, Q9 ^; R; [5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
: Z$ b. K7 V; W4 w5 I/ P5-20 tabs组件 - scrollView 的点击位移 (04:01)
7 |) f; {7 w! ?4 B X E5-21 tabs组件 - 增加可配置项 (05:07)
! ?/ z; g7 T K3 k5 L5-22 List 组件 - 分析 List 组件 (03:58)
/ J% y2 Y% X6 R6 L2 g5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)
9 @, p# ^6 n, O( A* z5-24 List 组件 - 美化 item 样式 (10:15)
5 z1 s+ J* o% x. L5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)1 [. I* i2 q* i9 S5 z* H& C+ Z+ s
5-26 List 组件 - 渲染真实数据 (13:04)6 f2 d8 x6 ]$ b% |; `0 v0 n& @) t( \8 F
5-27 List 组件 - 通过 swiper 改造List (07:02)8 G6 O4 g3 J L' H" }* l& f( l" p# D
5-28 【讨论题】通过 swiper 改造List遇到的坑
, u; F8 D+ X. I5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)! @2 O& i% \- `8 @/ Q
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)7 c& F9 H* ]* |' C
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)2 \* @% w2 h0 I4 U, B
5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
2 n' r( E9 f$ w7 H7 G( ~5-33 完成 `tabs` 的吸顶效果 (02:48)
2 p/ A( T/ A0 g) f6 e5 Z& ^5-34 控制列表滚动位置 (03:58)/ a/ P. {+ [: ? j7 y* t- I4 C
5-35 List 组件 - 处理热度的显示 (04:30)' A0 l" Q, e5 S7 ` U
5-36 总 结 (02:24)( L Z! n1 {+ J$ e
: q9 ]2 ^3 D- X+ j7 \4 U/ `
第6章 文章搜索页面20 节 | 123分钟
7 s8 @: p; Y7 V- x# Q4 I; l6-1 开 篇(添加片头) (00:45)2 \, G$ a D2 q8 s' F. x9 J
6-2 文章搜索 - 分析文章搜索页面 (03:38)
$ K8 J$ P/ u5 |2 q- \0 k5 x. Y+ F6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40) F$ a7 a4 R$ K6 Q+ r7 @3 `6 Z, {
6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)* `6 {) A; R/ K. p0 Z7 i8 d
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
" R4 |8 a. O5 A7 G* i+ T1 n4 ?! h6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)1 O$ {* X6 {0 Y3 ~
6-7 文章搜索 - 显示推荐搜索 (02:55): V' m' E V. ~
6-8 文章搜索 - 创建三个业务组件 (05:41)! g4 S/ ^! t( Z D
6-9 【任务题】控制业务组件的展示效果, Y" `) Z. c* R7 ]6 C+ S7 @8 Z
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
! j0 L5 ~: r$ N, \! e/ C: e% O7 |6-11 热搜列表 - 数据获取 (03:49)
2 X' w, R) H1 J8 w- g, V h6-12 热搜列表 - 数据展示 (10:24)
3 n" k8 o4 _0 k* A! j6-13 热搜列表 - 热搜点击处理 (03:50)
. T, a' z/ A- a% D7 j6-14 搜索历史 - 渲染基本结构 (07:08)
' N+ s2 }# ~, R, o) i6-15 搜索历史 - 美化基本样式 (07:37)
) \9 ~8 h3 ~8 `0 U6-16 搜索历史 - 保存历史数据到 `searchData` (10:16): ~" f% B2 E" x& ~) p
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
, T+ C; e* k/ R" x4 C* v' g6 S6-18 【讨论题】构建良好代码结构遇到的“问题”?- D( J* `! c1 V$ v3 b) D9 u
6-19 搜索历史 - 找出现在的问题 (02:20): e2 D) |$ ?0 F
6-20 总 结 (01:09)
1 ]0 y4 y' G( `5 I3 S$ I2 c; l) N6 d' h% S
第7章 全局状态管理18 节 | 113分钟* t4 c: ]5 H3 ?, }
7-1 开篇 (00:53)
0 M; V9 f4 W7 ~7 t# U1 g3 K7-2 状态管理 - 全局状态管理工具 (06:15)( j2 `; _) J5 y* p; L: \
7-3 状态管理 - 在项目中导入 vuex (03:09). o& f u1 v# m' \; B. \
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
. Q5 m6 x0 e) w7-5 状态管理 - 构建 search 模块 (05:47)
0 I6 F( X" R; S. K4 @0 X! s a7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)% R! ^9 c, {- n+ f
7-7 状态管理 - 数据持久化 (06:15)
6 E: N+ Z# G3 b7-8 搜索结果 - 获取搜索结果数据 (05:27)9 {5 L! G- H$ R+ K. q4 T7 B
7-9 搜索结果 - 渲染搜索结果数据 (14:19)
& ]% z! H8 X# p0 h9 B/ e) K7-10 【讨论题】 item 渲染
- u. O V: t2 ~2 d/ m# l7-11 搜索结果 - 处理相对时间 (13:17)2 }) h7 F2 T$ }
7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
) l+ x9 e/ s! j# L4 |" n: g7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
1 ?) o( D8 X8 o( _8 I9 F7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)
6 B z; i7 x2 N; g- z7-15 搜索结果 - 处理空数据场景 (05:43)
1 u; r/ k+ Z6 b( y- P7-16 【讨论题】下拉刷新、上拉刷载' L3 O* g/ D# ]7 s" v
7-17 文章搜索 - 细节修复 (02:58)
# n; D e A& d( p) P' ?) y5 s7-18 总 结 (01:20)8 H3 l: ^' ^: r' S% A1 H
6 y( j$ T5 Y. e
第8章 文章详情模块开发21 节 | 134分钟
* Y! s9 i, u) Z7 T& ?7 F/ F8-1 开 篇(加片头) (03:12)
: t, ]6 n5 ]* A2 _: g8-2 文章详情 - 点击进入文章详情页面 (07:28)
! Q8 a. D. M# H) }& h8-3 文章详情 - 获取文章详情数据 (11:15)
) p( {1 j5 F1 a0 {" R: x/ @8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)( q/ b' s3 @4 \4 L& x: i" ?) D l
8-5 文章内容 - 美化文章内容区域 (08:41)
' G' E4 |* \$ e7 n. s, i u7 @2 u" ]8-6 文章内容 - 分析文章内容的样式实现 (04:21)
' c/ q5 Z7 h2 |- Z k: w8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
0 O& x7 F/ p' u6 H9 B! o) p4 N Z8-8 【讨论题】文字太小是怎么回事?
" s% W. L% @0 Y4 j- ~8-9 文章内容 - 解决字体过小的问题 (06:03)0 P' {* {. D& Q* I- A& s. w3 \
8-10 【讨论题】渲染
. c- f0 X/ @: T8-11 评论列表 - 获取评论列表数据 (07:10)) c! V2 M! ?" w# \* w
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)
3 E9 d& _8 v8 \% s8 e3 ~7 K8 |8-13 评论列表 - 美化评论列表 (08:18)
: ]2 N# W) ~/ Q3 s! i- L+ E8-14 评论列表 - 渲染全部评论列表 (07:57): x+ [4 q- Z3 `5 N- n: F$ y
8-15 评论列表 - 完成全部评论的分页加载 (07:28)
9 U& u6 D* J- Q) f! F: O8-16 评论列表 - 处理数据加载完成的提示 (04:45)
9 Y- }0 z Z/ j& @; n% `8-17 功能区域 - 封装功能组件 (05:43)
5 O) p6 G3 P7 `: J/ r8-18 功能区域 - 样式美化 (04:24)# s- `6 u6 t' Y: ^' N& F$ _
8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)7 i7 b( l5 g$ T. c- [' _
8-20 明确功能业务 (02:02)! Z9 o6 B( D1 Z% ~
8-21 总 结 (01:29), z8 I. Y" b' t& v H( U% B9 j
/ d/ f7 j1 ~2 C& ]0 d- h第9章 用户登录20 节 | 111分钟
( P/ `6 S1 z' l1 N; s |9-1 开 篇 (02:26)
( x1 P. ?8 ]( o! w& h- o9 D9-2 用户登录 - 登录页面基本样式 (04:38)+ |& U8 v2 B' ~4 k: A, ~+ ~3 c
9-3 用户登录 - 封装登录组件 (02:52)
* ^$ a* g4 V% X- b% J9-4 用户登录 - 明确登录的实现思路 (04:52)* m) z6 d2 V& n9 w$ e6 | V
9-5 用户登录 - 封装 action 调用登录接口 (11:07); O: D9 v( H5 D' Z: c R& ~. l. P
9-6 用户登录 - 保存用户登录状态 (07:32)+ }" x+ z3 }" _5 Z" A R0 p" f
9-7 用户登录 - 完成已登录的用户视图 (04:06)0 v8 w4 E1 ]' f- l3 v2 T+ ?
9-8 用户登录 - 实现退出登录功能 (05:36)" e+ _; [+ e2 U |( [
9-9 用户登录 - 判断用户登录状态 (04:35)' u. h/ v" U6 r4 L& F2 K; {
9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)3 d+ G" f4 A1 D" Y3 Z& \3 G
9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)
0 J$ ~9 S" [ H6 F- v2 i! j9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)1 j' |1 [7 G; k& z% q" u3 Y9 `/ U% ]
9-13 文章操作 - 关注用户 (09:03)
; o% K" m- C' M% k% `1 Q, ]" @9-14 文章操作 - 处理发表评论的 UI (11:00)
- T' o. `5 Z$ t# b; _$ N, B9-15 文章操作 - 处理评论框的显示问题 (09:54)
9 Z3 {6 a3 \, B3 ~- o' |9-16 文章操作 - 发表评论 (07:18). t. }: |( U! l4 E; I
9-17 文章操作 - 回显评论数据 (04:57)
* \5 v: ~ z5 H! i9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
3 v* W1 ^' y6 x0 \9-19 【任务题】实现文章的点赞和收藏功能
3 a0 a/ T; r7 I; A9-20 章总结 (01:29)
% Z+ l4 g* x) |2 a, P0 C; x
- N: L0 {& @2 m第10章 热播模块16 节 | 80分钟/ L p) E6 {! k2 p- w0 z% k3 G
10-1 开篇 (03:01)9 ~' W% ^% [ Q7 I
10-2 热播列表 - 获取热播列表数据 (03:43)# s8 {! ^& S" G% N [8 g
10-3 热播列表 - 渲染UI结构 (10:12)7 }, b7 T$ q7 N0 L# i
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)7 y5 X' L0 j- t8 l! J
10-5 热播列表 - 点击进入详情页 (03:05)
, Q8 i" r* C. A3 i10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
{7 J. m" j; E' @10-7 热播详情 - 展示视频弹幕 (06:34)
( q) M5 Y& n% O$ Z4 X10-8 热播详情 - 渲染全部弹幕模块 (04:44)
" ~ S) U" R1 ~" o1 g, `4 r: R10-9 热播详情 - 渲染底部功能区 (06:56)
4 D/ t" P- D' l# J6 G) f/ `10-10 热播详情 - 发布弹幕 (07:19)
: _9 z7 b2 z. a: {10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
& c$ d9 W) `, q, P& K5 m1 }/ a10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)3 V Y; C) y7 {; l* e
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
1 ~8 R: ]1 Y' M* n10-14 热播详情 - 点赞、收藏的实现思路 (01:25)% o! l3 ~* t8 H/ S8 A, p+ F0 R* h
10-15 【任务题】热播中点赞与收藏的实现5 j' U+ l! O# x- U/ p
10-16 总结 (02:06)
# @& x/ \& O; h/ w8 O
! o3 l; b D7 j( }$ W( @第11章 多平台适配10 节 | 35分钟
: U% e2 g5 k X11-1 开篇 (01:52)
5 G: c" w- G6 {! e5 I/ [6 F- ]# @11-2 uniapp 中的条件编译 (06:00)0 y8 m6 C8 X; y+ G" x
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17), H8 I# t! B4 }5 n2 K$ O
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)9 c z4 w7 W: y2 D/ r) s& o% `- ?
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)) F" r5 P/ j3 v. t- V5 {% }
11-6 多平台适配 - 文章详情样式处理 (02:37)2 d1 [1 o& k& C8 B- ^
11-7 多平台适配 - 热播视频全部无法播放 (07:03)
9 \% @# x% [; v# b/ m8 B11-8 多平台适配 - 一键登录功能 (04:54)! E* ~' |! K; z/ P& O4 E
11-9 总结 (01:41)
/ [+ E# D6 ^' v# F: _11-10 【讨论题】多平台适配问题7 X$ H$ t& K7 T- ^5 d0 |
4 T7 H I6 d) I4 Z% M第12章 项目发布4 节 | 9分钟
5 P5 h; ~; J; \9 }) G4 D" _. E W- s$ |12-1 开 篇 (00:46)
8 S8 R1 e0 }8 \7 g& C2 v12-2 打包微信小程序 (02:37)
& x0 V6 L& D/ e12-3 打包 h5 页面 (03:51)
6 r7 X4 [: V8 Y+ m8 i; T* O H12-4 总 结 (00:53)
( T, T$ W2 q: s2 e' t
3 X* v, C% _/ A& P第13章 课程总结1 节 | 2分钟
% e T3 m+ J# R13-1 课 程 总 结 (01:24). ]& f+ U9 V7 `( _1 i# s$ y+ c
, h) y! l* i* D4 `3 ~5 D, P
〖下载地址〗) g' [% V4 \3 W( L
5 F: M V: t2 _3 Z( J" S. N; ?
〖升级为永久会员免金币下载全站资源〗
8 y P4 @! N7 k$ N7 J' V$ l全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
. [7 j" f. q+ M" o* L |