$ L! r7 B6 d* q. a% }! }- ?7 Q
F8 E. P7 G, Q- ^: T' {7 r) e
〖课程介绍〗
6 S; @7 x4 T6 x, i还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。! R; z0 i' G' N. R2 D, S: {
〖课程目录〗
1 F: B+ t, N H6 ?% _第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟4 P* ]( C2 v1 Y+ d/ p
1-1 导学 (15:50)" }, W% X" D0 g$ E: ?, B
& |3 F1 a, F' Z" x7 \6 Y第2章 小程序初体验15 节 | 88分钟 l Q( O- K6 b' n. i4 a9 ~& f
2-1 开篇介绍 (01:28)
; [9 P T8 o) S# Z2 J6 r2-2 小程序开发前的准备 (04:23)
# \0 W5 y9 W) n0 [) O0 ]" ^2-3 开发第一个小程序应用 (06:43)
! o* O" |) M! L; @; c1 n# `; ]& J1 I2-4 了解小程序项目的基本组成结构 (08:20)
5 U4 o' X( C2 [. E5 q* Y, |1 U) K2-5 wxml VS html (07:36)
; z t+ o: {9 z: X, y2-6 wxss VS css (08:15)
+ g }, x$ i2 O2 Q$ E7 q2-7 .json文件 (04:57)$ P* U5 G1 `$ ^7 f
2-8 宿主环境与小程序的运行环境 (04:48)* a' V P3 G$ ~% p
2-9 小程序内置组件-view (07:48)
$ W6 P+ p: z' y4 y: L; p2-10 小程序内置组件-scrollView (07:46)$ S1 A3 a1 R( @) J* J
2-11 小程序内置组件-swiper (04:43)
0 R$ T0 s$ x% e& y* z: F4 |8 e3 K2-12 小程序内置组件-text&&rich-text (04:36)# Q9 F& G/ U2 B7 a. N0 j' ]5 X
2-13 小程序内置组件-button-image (07:04); t' V Q6 s7 o. p5 B
2-14 小程序成员管理 (03:38)
7 d& S ]# u! e2-15 小程序发布流程 (05:47)
. z- w3 `- p+ A2 |, s9 z, c7 `+ v- x" i7 v% |4 ?) E, x$ Q0 r4 u% L
第3章 小程序核心语法21 节 | 225分钟
+ H) A! R' X7 g; J3-1 开篇介绍 (01:29)
7 v" @6 R. Y( T+ v7 j3-2 小程序的数据驱动原则 (13:00)$ A6 w' J# K+ v
3-3 小程序的常用事件与属性列表 (12:34)
* c o1 N( H, l. n+ S2 ]5 M3-4 小程序的事件传参 (11:14)3 D+ z9 w1 i: q! r Y3 l. J6 k, E+ F
3-5 实现【双向数据绑定】 (12:57)
" M2 F" P) T' H3-6 【任务题】实现双向数据绑定功能$ l) [) S2 }7 g0 N$ |" }7 t
3-7 【讨论题】数据驱动1 W7 f& e; T5 D0 p% Q2 u" t
3-8 条件渲染 (12:49)
( F/ C% X- L( } T- E2 A3-9 列表渲染 (14:09)( i a( P8 I- c3 A, A, \7 X8 }6 I. g2 v
3-10 配置文件解读 (25:41)% S; c6 P6 C, _! q) c7 r6 r+ ~( n
3-11 数据请求 (21:02)
+ ~$ a& ^5 @/ q9 H; L$ l: t3-12 异步编程新方案 - promise(1) (13:24), Z. }0 X+ K9 t, G* c' r1 |/ r
3-13 异步编程新方案 - promise(2) (09:28)& W3 c* `. R% q( ~
3-14 【讨论题】异步编程) v8 j( c3 |# x
3-15 异步编程再升级-async和await (09:38)6 d1 K1 F' o% |& f3 i1 C) f
3-16 【任务题】异步编程0 J7 ~/ n" m9 z" l$ V, Z
3-17 小程序使用 promise 解决异步编程 (10:40): ~1 h% x: X5 L- ]3 R( {3 Y
3-18 小程序页面的生命周期 (16:00)
! i& ~, m2 |' p$ |3-19 PullToRefresh下拉刷新与上拉加载 (19:26)( ]3 q! M: j" L' U! U, x
3-20 小程序的页面跳转 (18:38)
" E: b2 w9 w6 L% @9 P% r3-21 总结 (02:26)
2 x: q3 c3 e6 N: r! S$ \3 E3 G$ B1 b' G" W: @* P+ r" X' `
第4章 小程序进阶概念10 节 | 92分钟9 G' y y* m7 ^0 W7 c+ P5 P6 v
4-1 开篇 (02:17): ?4 v# [* W0 c, K7 C2 w0 D9 ]5 {8 \9 A
4-2 什么是组件化思想 (04:38)
7 g, b' E# _; t! a# c4 m' s. U4 D" y4-3 创建第一个组件 (08:19)
( I. l# U$ w, [3 m$ Z4 ?4-4 组件的生命周期 (15:24)
, o" J3 c' K D4-5 数据监听器 (11:27)
6 [+ Z) u. R1 Y- X& L" C: T3 A4-6 组件之间的关系与通讯(上) (11:44)
5 b6 _! x/ m' ?% B t0 F4-7 组件之间的关系与通讯(下) (18:22)
8 V- R( G8 B; X4-8 组件的插槽 (15:51)2 v& |1 F2 p2 m7 ?
4-9 总结 (03:15)
- P9 N ~. B; Q2 W6 N0 [) {4-10 【任务题】热搜列表实现: X( o- L0 F8 M7 \0 a( V! B1 I
& l) F% ?9 p. K" r& w
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
- x# F2 H$ W4 d, i& W5-1 开 篇 (01:58)3 m7 n6 ] }/ H5 d- ~
5-2 uniapp难吗? (03:12)
. j7 _' Q0 N9 z& p$ d: N' \5-3 配置uniapp开发环境 (06:24)8 y) y, s& J! u/ l4 ?
5-4 创建 imooc-blog (08:57)% J8 M& m$ X4 r6 O. ^5 Y% ^
5-5 运行项目到 微信开发者工具 (06:34)& I" \' h2 B. m$ n$ Z; w
5-6 使用 VSCode 开发 uniapp (04:24)1 c$ t: c9 O b f) M2 c
5-7 创建与配置 tabbar- (10:54)/ M( |8 x1 H2 u/ `& {& @$ S
5-8 警告与错误处理 (05:50)& G0 ~+ @1 w8 n+ y/ h
5-9 热搜页面分析 (01:08)/ F% ^5 N2 `; ]9 t# ^# l, c" E% X/ E
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)8 m% |" ^+ _6 \; ~2 F
5-11 创建搜索框组件 (15:57)% n) l' C1 ^- i7 P
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)) W) {; j7 J- B# m
5-13 tabs组件 - 封装网络请求 (11:09)
3 |. j: y4 V4 g7 K3 v2 [+ i5-14 tabs组件 - 进行基本的数据展示 (09:16)
- t Z& R* _: M5-15 tabs组件 - 美化样式 (05:31)
" A5 \5 [( k0 ^9 @& J+ u5-16 tabs组件 - 设置激活项 (08:22)) o: N; e: Z/ Q8 `! k, l
5-17 tabs组件 - 定义滑块 (03:22)8 x: m% r3 e8 H5 D. N$ Z
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)" t( o: }+ V3 U0 t$ D5 S7 z
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
+ `6 |$ G2 w# M( i/ e9 g; h: R9 _5-20 tabs组件 - scrollView 的点击位移 (04:01)
/ ?' A4 c" ]1 @5-21 tabs组件 - 增加可配置项 (05:07)% d( n" \1 ?9 H3 Z* Z" g9 b0 D
5-22 List 组件 - 分析 List 组件 (03:58)
7 j. D) g1 h! e( p3 u: L" i4 A+ M5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)" S! R+ ~/ D3 b1 p, H
5-24 List 组件 - 美化 item 样式 (10:15)8 ]0 K) k, }# c! V
5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)# ^, t6 L" N4 `4 {# w1 L6 B
5-26 List 组件 - 渲染真实数据 (13:04)
' Y" |) c" M. m0 _( [5-27 List 组件 - 通过 swiper 改造List (07:02)+ T: y/ ~ C; q9 X% Y/ I! }" ^7 V
5-28 【讨论题】通过 swiper 改造List遇到的坑3 r" R, |- D( t. t5 H s! M* | K
5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
! r, l8 a) r- |1 ?* x0 q5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)5 b5 ^" {) `7 h% A8 z$ A
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
2 d/ q Y$ v$ d7 y+ d0 S5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
5 u' l5 P. H% s* ^: r5-33 完成 `tabs` 的吸顶效果 (02:48)' c7 \7 f( e$ h3 f, w0 ^
5-34 控制列表滚动位置 (03:58)
- K; _8 b. {) {- \0 w5-35 List 组件 - 处理热度的显示 (04:30)
9 s" y5 A0 g7 u/ m2 ^) l5-36 总 结 (02:24)
( a2 O2 j. h: \: I# y
4 [, J" ^6 s, g. K: ^; e7 e第6章 文章搜索页面20 节 | 123分钟: ~9 T+ Q1 V4 g
6-1 开 篇(添加片头) (00:45)
. [% _& d% { \; v+ {" s& o6-2 文章搜索 - 分析文章搜索页面 (03:38)
. N* r+ k: c) g4 J4 O+ ~6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)
3 ]- l; l/ D5 B% S4 t* J: K6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
) Y; B: \* _+ C* J6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43) t* W) x+ ^$ P' Z' W
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)7 m% P. }. J1 D5 Z* {# t6 }
6-7 文章搜索 - 显示推荐搜索 (02:55)
" a* q& J. A5 }* _( z9 y" P, P6-8 文章搜索 - 创建三个业务组件 (05:41); v8 ^! X- `% M
6-9 【任务题】控制业务组件的展示效果
* V6 C9 h$ X% z; ]* U) l6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
Q: S/ b' E& F+ B/ f8 ?. ?) L. J6-11 热搜列表 - 数据获取 (03:49)
/ W O* z- v2 S! w- ?6-12 热搜列表 - 数据展示 (10:24)- ^) W3 a1 ^" F
6-13 热搜列表 - 热搜点击处理 (03:50)
( N$ V9 d" i9 C4 s! i' X6-14 搜索历史 - 渲染基本结构 (07:08)
8 @! i' Y5 j3 s7 o: f2 i- j6-15 搜索历史 - 美化基本样式 (07:37)8 t: R2 c( a5 e3 |) v; l5 x
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)# g- h6 r1 F5 B5 S- u
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27); S/ j9 e9 U# N' u& i" Q! q7 ?
6-18 【讨论题】构建良好代码结构遇到的“问题”?# s5 ]; t$ M, T0 Q Q6 g) j+ B
6-19 搜索历史 - 找出现在的问题 (02:20)1 h# U8 m. r* [7 D7 A( O
6-20 总 结 (01:09)
+ i5 E$ ]8 r. r: ?8 y! _+ p& }- |+ u: Q$ L6 Z( J
第7章 全局状态管理18 节 | 113分钟0 c/ S4 h/ l; a% o( _4 F
7-1 开篇 (00:53)
# z/ T3 v1 x- H9 d! J7-2 状态管理 - 全局状态管理工具 (06:15)
3 b! W0 E# n, d" d; U, f3 E# o7-3 状态管理 - 在项目中导入 vuex (03:09); ]8 t+ ]4 x# P) y$ S
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
. N1 d8 F3 V! i% e) l4 ^7-5 状态管理 - 构建 search 模块 (05:47)
- A! Q6 z4 T0 O7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58); o. X8 O2 y# i1 M* Q8 t! a# K
7-7 状态管理 - 数据持久化 (06:15)( B3 g; P% O' X8 C
7-8 搜索结果 - 获取搜索结果数据 (05:27)) r! N% N. M6 y3 H# u9 x
7-9 搜索结果 - 渲染搜索结果数据 (14:19); ^7 Q! W2 B- M: a1 J" P
7-10 【讨论题】 item 渲染
2 y2 x4 x7 u3 g6 E! q# W; M, B, m' V9 M* f5 }7-11 搜索结果 - 处理相对时间 (13:17)
! h, p: ]9 i3 s7 Z7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
% M }) q& R9 |9 M; \2 \4 y- X; v7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)4 q' s, Q' @3 h5 T
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05) Z% l& ]8 Y r* X+ v% j
7-15 搜索结果 - 处理空数据场景 (05:43)
) E8 z/ j# `* |% k3 K7-16 【讨论题】下拉刷新、上拉刷载
$ M0 g$ q, P2 _$ X; N7-17 文章搜索 - 细节修复 (02:58)7 }' z/ G0 p( y& R A, A
7-18 总 结 (01:20)
! m& k4 n' T+ k% G6 O8 k# M8 \
+ _, M0 c8 [5 Z第8章 文章详情模块开发21 节 | 134分钟
7 z% M6 i! U2 [* j2 `8-1 开 篇(加片头) (03:12)' V4 f3 h2 d ^5 q3 p4 O
8-2 文章详情 - 点击进入文章详情页面 (07:28)
; b8 A6 v! p) Q t3 ?2 {8-3 文章详情 - 获取文章详情数据 (11:15)
) ?2 N" R/ z' D' u+ e8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)7 U7 Y$ H8 H' m, H& S/ A+ e6 }
8-5 文章内容 - 美化文章内容区域 (08:41)
; u, I s2 g5 a8-6 文章内容 - 分析文章内容的样式实现 (04:21)' A8 V) z, H% v2 M) T) h
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)' ?: N8 ~ y+ a
8-8 【讨论题】文字太小是怎么回事?
, s" Z! z( { W2 _* j! m8-9 文章内容 - 解决字体过小的问题 (06:03)- n# `5 q; B p6 \3 G, Z4 j
8-10 【讨论题】渲染: i1 r& [3 D ]" h# H+ F
8-11 评论列表 - 获取评论列表数据 (07:10)" U2 @9 l7 A& v. U* L
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)
9 k' W' J: C8 @9 \! x8-13 评论列表 - 美化评论列表 (08:18)
: m2 K. M9 B2 @* l/ j8-14 评论列表 - 渲染全部评论列表 (07:57). J8 W! T7 p' R
8-15 评论列表 - 完成全部评论的分页加载 (07:28)
+ G% E$ Z; @6 T5 \0 ?3 N8-16 评论列表 - 处理数据加载完成的提示 (04:45)0 W$ B1 J" C u% o2 e4 ~
8-17 功能区域 - 封装功能组件 (05:43). q3 L4 ~0 @/ @' z9 W. s
8-18 功能区域 - 样式美化 (04:24)
4 x. E5 R6 M% D$ S/ e0 M8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)8 d' `' k- I5 z/ m3 o' A$ r# S
8-20 明确功能业务 (02:02)4 o0 ]; F) N5 j8 [
8-21 总 结 (01:29)
: }2 y3 _/ L/ {2 z: Y& u( o1 H6 Z: `. A2 X+ e
第9章 用户登录20 节 | 111分钟
' r' |5 _! b: Z p# t9 d+ t9-1 开 篇 (02:26)4 n# L8 x5 B6 W7 |" n0 j- s( j
9-2 用户登录 - 登录页面基本样式 (04:38)
. z8 |- W4 g" n* A9-3 用户登录 - 封装登录组件 (02:52)
8 E& e. c1 T4 i4 b3 X9-4 用户登录 - 明确登录的实现思路 (04:52)3 |& K& X' `4 O, O- r% `" g
9-5 用户登录 - 封装 action 调用登录接口 (11:07)
: H+ t! P1 a0 ]1 t1 y( K9-6 用户登录 - 保存用户登录状态 (07:32)
% s! m& f+ D! j. z9 Y3 {$ G9-7 用户登录 - 完成已登录的用户视图 (04:06)+ Z- G- z# E( Y) v
9-8 用户登录 - 实现退出登录功能 (05:36)! y- ^9 h- s% X6 Q) c. M$ M4 a
9-9 用户登录 - 判断用户登录状态 (04:35)
/ [. `, j Q# u8 x9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)0 k0 H& `5 U* i. F& M
9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48). W3 q& l% _( u" c
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
- v1 w6 T, ?7 t% z+ V2 P9-13 文章操作 - 关注用户 (09:03)+ q/ v2 d8 j5 S# X- E: ?1 K: g, i
9-14 文章操作 - 处理发表评论的 UI (11:00)
- N Y. ]7 L+ t- m9-15 文章操作 - 处理评论框的显示问题 (09:54)
0 Z! f2 s3 C ?: y9-16 文章操作 - 发表评论 (07:18)3 i, m! h% r4 X) a' m. x. \
9-17 文章操作 - 回显评论数据 (04:57)
5 h v$ Z$ [7 D9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)% O! w* n. A- A8 B% g
9-19 【任务题】实现文章的点赞和收藏功能$ Y6 V2 m3 F+ \% \
9-20 章总结 (01:29)7 w" L& b. U- z4 P
; ? U4 Q+ C/ `0 J( _第10章 热播模块16 节 | 80分钟
. M2 n2 e( T3 v4 X9 x3 S. y. P10-1 开篇 (03:01)
# z5 r! a' y5 Q" }# W9 @10-2 热播列表 - 获取热播列表数据 (03:43)+ w' l: l2 W' p0 f2 E
10-3 热播列表 - 渲染UI结构 (10:12)
! f& ^/ n8 y5 a5 W( Q10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)# H: M3 ? n+ M9 @
10-5 热播列表 - 点击进入详情页 (03:05)
! [- _# ?+ A5 D5 R( x10-6 热播详情 - 渲染详情页面的视频组件 (10:46)- }4 |; r3 i" K% |
10-7 热播详情 - 展示视频弹幕 (06:34)
" S0 d- b* b6 H0 z$ j* G10-8 热播详情 - 渲染全部弹幕模块 (04:44)
6 B! C o4 Y, t: z6 o: @' x10-9 热播详情 - 渲染底部功能区 (06:56): u0 @9 i& F6 B, J
10-10 热播详情 - 发布弹幕 (07:19)) S5 u* U4 U& O4 f
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
9 U7 J2 w! v! L* ?+ P10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)- o* m) n$ [5 P
10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)6 d4 i6 R- _, I" R. D
10-14 热播详情 - 点赞、收藏的实现思路 (01:25)7 K3 ~0 L! ]1 [+ L9 I
10-15 【任务题】热播中点赞与收藏的实现
0 r" p$ M4 F: G* i1 Z" k: J" |- S10-16 总结 (02:06)1 X: |+ C! P1 @9 z
# c/ f/ F8 ^6 }2 S! e5 s5 N
第11章 多平台适配10 节 | 35分钟, n/ s9 B% u% r( f- ~. _6 s
11-1 开篇 (01:52)
# c8 u9 O2 @. s3 Y& v J( W11-2 uniapp 中的条件编译 (06:00)
9 P# b; p3 s; q11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)/ t' Z5 j6 e! K" y3 Z
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)' }1 j1 _& ~3 N3 M' J
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
O1 |* c* ] ~, p7 B11-6 多平台适配 - 文章详情样式处理 (02:37)
% c: c$ I t2 E# B/ z11-7 多平台适配 - 热播视频全部无法播放 (07:03)9 o# n$ }! W7 V1 t6 E/ N
11-8 多平台适配 - 一键登录功能 (04:54), _6 K) E, j+ K/ o1 c+ p4 l+ A
11-9 总结 (01:41)( W. ^3 f* u; o0 b# F2 D
11-10 【讨论题】多平台适配问题
1 O' ~: m$ k2 Z& Q2 |; r+ V
8 i5 t, c% W! W( a第12章 项目发布4 节 | 9分钟8 ?: Q/ A1 v+ X! q* C$ H8 Y5 j
12-1 开 篇 (00:46)5 _, F& G+ t* e$ b# a* M
12-2 打包微信小程序 (02:37)$ ^ o- Y( s0 U# Z
12-3 打包 h5 页面 (03:51)
7 S7 o& e+ w& I12-4 总 结 (00:53)
) L! h% T: ^ Z/ F) U! J# }6 M, s3 ?& D$ s/ G3 d& f' \
第13章 课程总结1 节 | 2分钟8 q! _" o& d0 H: h5 n- o- [
13-1 课 程 总 结 (01:24)
( p- h2 x9 a. ^3 S) K/ Q# b% l# i! k6 a2 [7 [5 t6 m& {
〖下载地址〗
- J0 ]' s$ H, i( l# h5 M4 H* y5 p6 R p/ X# u
〖升级为永久会员免金币下载全站资源〗% P4 @8 S$ ?2 n0 O- W# c9 t7 o I& E
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
* Z9 r9 q. S; q+ o0 W |