/ i, O- I& J2 L0 T& Q0 T' ~. f( v
" ?- @' h3 J+ ]+ ^4 S) p
〖课程介绍〗
" j5 W) I* V6 s还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。( r+ n+ a; `3 P: u) n2 r7 e2 }
〖课程目录〗
3 ^- k- k5 |/ W7 L/ H第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟' b5 O8 C* A+ Z1 _4 \* s* c. c
1-1 导学 (15:50)& }3 {8 e5 q+ f" x2 P3 Y
" e/ W# f5 ~% j! O9 _/ t e+ d
第2章 小程序初体验15 节 | 88分钟
5 \0 g( O# q5 z' [2-1 开篇介绍 (01:28)
$ b0 x L1 z4 v* ^6 o l2-2 小程序开发前的准备 (04:23)) W/ \, R+ r4 t9 k! V) n: u' d* L
2-3 开发第一个小程序应用 (06:43)
5 C+ e: c! v+ {3 e2-4 了解小程序项目的基本组成结构 (08:20)
# v& ~1 Y; v8 c7 H6 G* U) R2-5 wxml VS html (07:36)
3 H: F% O& M' U/ W% j2-6 wxss VS css (08:15)
( N$ }+ [% |, p0 P2-7 .json文件 (04:57)
; c. c$ L3 o& `2-8 宿主环境与小程序的运行环境 (04:48). u, Z y% j( U
2-9 小程序内置组件-view (07:48) C" d9 y' h' R/ e
2-10 小程序内置组件-scrollView (07:46)
0 l! ?' T% L- v0 L" N2-11 小程序内置组件-swiper (04:43)" H) f9 p6 [) G s% b2 K
2-12 小程序内置组件-text&&rich-text (04:36)
' E. d4 J( z$ H5 p2-13 小程序内置组件-button-image (07:04)3 R2 D0 c* j- z' G; C8 F
2-14 小程序成员管理 (03:38)
' @% u* ?9 U. O# U2-15 小程序发布流程 (05:47)
1 F& c/ i$ s0 ], @8 O+ f
. u1 |: d# h$ P- G8 d第3章 小程序核心语法21 节 | 225分钟3 r* I) }+ z* f4 I) ?
3-1 开篇介绍 (01:29). ^+ T6 h9 }/ P
3-2 小程序的数据驱动原则 (13:00), q) W* k( n6 F1 w1 A' ^
3-3 小程序的常用事件与属性列表 (12:34)0 R. Y- X. A2 ^' \
3-4 小程序的事件传参 (11:14); R! ?5 `/ g7 X2 C5 y4 E
3-5 实现【双向数据绑定】 (12:57)
( W9 j+ e2 @: E$ o/ Y" t4 n9 j/ ?3-6 【任务题】实现双向数据绑定功能
1 x& I7 _" q0 B% `& H3-7 【讨论题】数据驱动
; | W, d8 Q* }& y F4 v3-8 条件渲染 (12:49), M4 e) J+ @+ _5 K4 i4 C" J) I
3-9 列表渲染 (14:09)
% `+ [/ Z6 A b1 p5 g3 T3-10 配置文件解读 (25:41): Q- j; [5 {7 U* H
3-11 数据请求 (21:02)4 p9 q; b5 |) r, C7 j( r
3-12 异步编程新方案 - promise(1) (13:24)/ M/ j X/ }" |' W5 y& X
3-13 异步编程新方案 - promise(2) (09:28)
g+ l7 `; ]. w+ f! Z0 f' @3-14 【讨论题】异步编程
& e) g* G, ]) ^! |' O5 t3-15 异步编程再升级-async和await (09:38)) g/ n b, J, U% @8 ?1 Q
3-16 【任务题】异步编程
- O) u. t+ K+ F* n% y1 n4 w6 r3-17 小程序使用 promise 解决异步编程 (10:40)3 e# I/ q) u( }! F, ^
3-18 小程序页面的生命周期 (16:00): h$ L& L* Y- o; U+ U) i
3-19 PullToRefresh下拉刷新与上拉加载 (19:26)4 N* D/ i [. m/ z3 C' ?8 V. E
3-20 小程序的页面跳转 (18:38)
1 C/ ~8 ^, }6 I* S V. j* ~3-21 总结 (02:26)
% l" Z! k k0 D$ s6 }
+ K, m' P* k" {( }3 K0 i4 _第4章 小程序进阶概念10 节 | 92分钟/ N6 F! D( f0 e" x: C$ S
4-1 开篇 (02:17)
! m0 T3 }) J3 o$ f8 h9 T4 z4-2 什么是组件化思想 (04:38)
; B9 \6 o$ j' }. p1 e4-3 创建第一个组件 (08:19): h3 {7 L/ f/ U+ `$ U% H" y: a6 d
4-4 组件的生命周期 (15:24)( }" a4 [* s$ W# L
4-5 数据监听器 (11:27)
* c3 [( [8 \, ~8 e( T q* [4-6 组件之间的关系与通讯(上) (11:44)
+ }" y' z6 Z4 E* t+ F" }: W! b6 ]4-7 组件之间的关系与通讯(下) (18:22)
* D. Q6 z q/ o. x) I# s7 V7 |0 \( F4-8 组件的插槽 (15:51)% J# X- N5 S) b) u
4-9 总结 (03:15)6 h# V1 r& P8 y( Z) [. _6 g
4-10 【任务题】热搜列表实现1 O2 f r+ S. G( ]9 }
0 B6 C/ M0 T7 p- F/ e第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟
9 C- n8 ?' V! b5-1 开 篇 (01:58)5 Z6 i4 S( A# z8 K5 l! M
5-2 uniapp难吗? (03:12)$ ]# [2 a0 B8 S
5-3 配置uniapp开发环境 (06:24)
3 e9 E8 r8 y% C6 W& R/ p/ x5-4 创建 imooc-blog (08:57)
5 h5 k5 x# ^6 l% W, ^9 \2 o2 ^5-5 运行项目到 微信开发者工具 (06:34)
* L* [+ [& ~ J& B* c3 o! h5-6 使用 VSCode 开发 uniapp (04:24)
" m$ P: @& A2 y/ M7 V5-7 创建与配置 tabbar- (10:54)
3 o6 v/ {% J j, A5-8 警告与错误处理 (05:50)
- E0 }5 X8 e- b* v5 L! Y$ n( E5-9 热搜页面分析 (01:08)- v' U& Z- Z3 H$ c
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
3 @4 @- b3 }" ^, A7 a" p9 c2 ^4 v5-11 创建搜索框组件 (15:57)% c. F4 _9 K' L9 j8 V5 y
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)
+ P, D4 _: ~/ z: ~8 h: r% X5-13 tabs组件 - 封装网络请求 (11:09)7 {6 v m! ^) W! U5 x5 [9 V& E
5-14 tabs组件 - 进行基本的数据展示 (09:16)' v1 {* A' c& u3 q( X
5-15 tabs组件 - 美化样式 (05:31)* s! j3 x+ L& U5 U3 K3 o/ t; @6 o
5-16 tabs组件 - 设置激活项 (08:22)# y: m1 ], A H2 N7 Z
5-17 tabs组件 - 定义滑块 (03:22)) w/ h1 }( }* o1 y7 ?
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21); |9 X0 k# w/ f! J
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
- d1 t1 R) h# ^/ C2 l4 v; e5-20 tabs组件 - scrollView 的点击位移 (04:01). E' |2 q* X$ v/ E4 @, H7 U" `
5-21 tabs组件 - 增加可配置项 (05:07)! |0 N# s7 J4 ?" U
5-22 List 组件 - 分析 List 组件 (03:58)9 f$ V/ J- }) J2 \3 l' v9 g
5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)
& G& ^/ q2 q" g0 w4 b( D: U5-24 List 组件 - 美化 item 样式 (10:15)
4 ]" R; m! L+ A: B$ p5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)( z, Y# r, u1 x+ v
5-26 List 组件 - 渲染真实数据 (13:04)
2 X# [ p' N- Q6 S9 Q1 J5-27 List 组件 - 通过 swiper 改造List (07:02)
& ]' S* J4 M) Q2 k2 s9 V2 p5-28 【讨论题】通过 swiper 改造List遇到的坑4 g' @% ~$ b3 F
5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)2 D2 @+ _0 N+ E
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)* i" d5 H# c. n
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
; x- {* L% @8 T- Y9 w$ Z' h5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
$ ?7 T' i+ {& g* e( t$ I! F* \5-33 完成 `tabs` 的吸顶效果 (02:48)3 i% x- e: K u$ ?. Q
5-34 控制列表滚动位置 (03:58)
8 A4 b5 @' d4 z2 e& T! b, O% @5-35 List 组件 - 处理热度的显示 (04:30) _* p4 R1 J5 P! e/ J0 u T
5-36 总 结 (02:24)! H y9 t1 ?: K2 f, N8 E% H* M
1 W3 P0 x' ]5 s第6章 文章搜索页面20 节 | 123分钟6 B) V; r5 c+ k; ?' l
6-1 开 篇(添加片头) (00:45)
' n6 i& N7 g7 J& R6-2 文章搜索 - 分析文章搜索页面 (03:38)
* f: b1 x5 [3 k ?1 v+ x+ V; p6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)
. v9 e M; p4 ~" A0 |( A6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
9 u6 z3 o- v1 c9 V; g5 b# L6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)2 _$ m% O' g; N+ p" B
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
' O6 J& K7 } A. ?6-7 文章搜索 - 显示推荐搜索 (02:55)+ q4 n! s' x& p+ |
6-8 文章搜索 - 创建三个业务组件 (05:41)6 X0 y6 w# U* g q9 F! C
6-9 【任务题】控制业务组件的展示效果
+ ]3 N# z! L+ Y3 f3 r" z8 x6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
# a% D, J0 ?1 k9 {6-11 热搜列表 - 数据获取 (03:49)" f; X" j4 u4 S( L
6-12 热搜列表 - 数据展示 (10:24)
5 U% W0 b! x) v1 G8 Y' l" N- F6-13 热搜列表 - 热搜点击处理 (03:50)! C) w1 a( p5 _# V0 T
6-14 搜索历史 - 渲染基本结构 (07:08). p u4 Y8 ]* X/ o+ f$ V8 x
6-15 搜索历史 - 美化基本样式 (07:37)0 U, \9 H+ E# |% w
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)
9 r, H2 m6 V+ W7 g: G. w- D6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)+ V( a6 C6 T: H
6-18 【讨论题】构建良好代码结构遇到的“问题”?1 P+ d& V& `- f; R. A
6-19 搜索历史 - 找出现在的问题 (02:20)
5 d: G- O. ]$ G: w$ _% o3 o A0 F+ A- d6-20 总 结 (01:09)
. ?! a- g/ h: Y$ F
( X+ i! c4 D) p5 m第7章 全局状态管理18 节 | 113分钟
2 T) w; O' h- Q. s) _* D& \7-1 开篇 (00:53)
& E; ] L& [7 T& p- v7-2 状态管理 - 全局状态管理工具 (06:15)
' }5 z' a( T! N9 Q7 m$ ^' ^7-3 状态管理 - 在项目中导入 vuex (03:09)
' l: T7 F1 |. A' ]- m7-4 状态管理 - 测试 vuex 是否导入成功 (07:34): z5 ~' B9 {& d. e. ?' Q
7-5 状态管理 - 构建 search 模块 (05:47)
6 K* B) ^/ ~+ n6 F: b1 C7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
7 A4 p7 Y" v1 C; j- u6 C4 I7-7 状态管理 - 数据持久化 (06:15)
" T' r* Z+ i- q/ _7 [; s7-8 搜索结果 - 获取搜索结果数据 (05:27)
9 _. \# i5 v* K0 _7-9 搜索结果 - 渲染搜索结果数据 (14:19)
. G5 F$ C7 |9 v7-10 【讨论题】 item 渲染* d) i3 Y" I9 D5 J$ X4 A/ u
7-11 搜索结果 - 处理相对时间 (13:17)
6 t* C* E5 H8 E4 F/ h& i7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
' d6 K# D- M& G( V7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)/ K8 |3 u- [6 ~3 [
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)7 E0 A! d, K0 J' [6 |" {
7-15 搜索结果 - 处理空数据场景 (05:43)5 s/ w( d9 |8 D7 P; S; R
7-16 【讨论题】下拉刷新、上拉刷载
) Y+ W( N% {/ x8 P( g7 [$ v7-17 文章搜索 - 细节修复 (02:58)/ E0 P" b9 ?3 R, V! G
7-18 总 结 (01:20)
+ ]* K% v2 b! t# ]7 N. ~2 u
% \0 j, T9 x+ a8 E# p第8章 文章详情模块开发21 节 | 134分钟; G4 X/ G$ A! ^4 x" O! ~- B, S- L
8-1 开 篇(加片头) (03:12): P. j6 O) E( Y# E" Z
8-2 文章详情 - 点击进入文章详情页面 (07:28)
( w/ ]& k& f9 R6 f9 F6 _% r5 q8-3 文章详情 - 获取文章详情数据 (11:15)* B; y" o; a/ ~. }
8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)* q) { Z. N, n1 `9 `. X8 [ l# G' x- g
8-5 文章内容 - 美化文章内容区域 (08:41)! u& z1 i) K, }2 k& l
8-6 文章内容 - 分析文章内容的样式实现 (04:21)
- a |; ? p, }* h E4 X8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
" [' C3 ?) m1 u0 |9 D9 h4 k8-8 【讨论题】文字太小是怎么回事?/ ~4 ^4 F" u! J& c% a) l6 G3 Q! v( R
8-9 文章内容 - 解决字体过小的问题 (06:03)8 _* J3 |( z2 P+ R& v _) @- A
8-10 【讨论题】渲染+ O. F" q. z0 @! R2 B3 _% M
8-11 评论列表 - 获取评论列表数据 (07:10)2 J. i/ \( B N3 K3 b/ I
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)
- p0 G M e' U. e& U5 Y8-13 评论列表 - 美化评论列表 (08:18)$ b% L9 x0 ?9 l% U: O
8-14 评论列表 - 渲染全部评论列表 (07:57)
, O" E- d/ ^2 O' `0 I0 D. J8-15 评论列表 - 完成全部评论的分页加载 (07:28) H6 m. @- x" D- n% z
8-16 评论列表 - 处理数据加载完成的提示 (04:45)3 [& d* q, d H6 o( Y5 I
8-17 功能区域 - 封装功能组件 (05:43)
0 I- b2 J) c8 g' R8-18 功能区域 - 样式美化 (04:24)
, `0 L' J. W0 l( B' f8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)
9 D1 O6 a! l( g3 g% F9 A8-20 明确功能业务 (02:02)
Q! |6 f O; A) p; j8-21 总 结 (01:29)
w0 _7 g; x8 q ]# v* A" A' }7 R- b
第9章 用户登录20 节 | 111分钟
) j6 S1 s5 w+ B; y& {6 g8 V9-1 开 篇 (02:26)2 T( \! G% ?1 [2 y. n( |2 }
9-2 用户登录 - 登录页面基本样式 (04:38)
0 M( Q) T3 t' p ^9-3 用户登录 - 封装登录组件 (02:52)
& }& H( \- w/ ]# z1 B V9-4 用户登录 - 明确登录的实现思路 (04:52)/ M9 i3 f+ B& q/ C! s+ `
9-5 用户登录 - 封装 action 调用登录接口 (11:07)
o1 g6 I4 J+ s `2 o0 K9-6 用户登录 - 保存用户登录状态 (07:32)
9 H, Y. Y4 W' F2 @2 m9-7 用户登录 - 完成已登录的用户视图 (04:06)2 Q! f1 t- v2 g4 i& n# M& r: Z
9-8 用户登录 - 实现退出登录功能 (05:36)- U+ Z0 \7 k. w5 L
9-9 用户登录 - 判断用户登录状态 (04:35)
) G4 U7 q$ P" `6 b+ I. t9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)
* B2 m; `/ ^ `- a- ~9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)& l# D2 o- d& S7 Q$ k0 R) a9 h" ~3 b
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
8 h. V. H3 s6 N ^0 `! D$ e- f9-13 文章操作 - 关注用户 (09:03)
; H& C @) L$ N9-14 文章操作 - 处理发表评论的 UI (11:00)
5 _: l O1 |, k9-15 文章操作 - 处理评论框的显示问题 (09:54)
+ }$ A; u7 E3 I* _. L8 j4 n: g9-16 文章操作 - 发表评论 (07:18)
1 \3 i1 Z$ @' X' g2 s- L9 m& d& i4 s9-17 文章操作 - 回显评论数据 (04:57)& J: }2 {1 h- w0 n) t
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)9 O! q6 p1 k( g7 D& B; y
9-19 【任务题】实现文章的点赞和收藏功能7 j- ^* J; X4 P' ^5 }7 R
9-20 章总结 (01:29)
0 ]: s' V0 ~$ q' W2 y) l" d
. c: g n8 U* y8 l- I: J& ^第10章 热播模块16 节 | 80分钟
+ A7 m1 ?; p3 M; u/ v10-1 开篇 (03:01)/ C, _+ @2 @0 b! B: s! A4 _
10-2 热播列表 - 获取热播列表数据 (03:43)7 _7 V l* {) p& A/ G! K q3 M$ j
10-3 热播列表 - 渲染UI结构 (10:12)
9 Y9 O' q/ ?1 c+ t10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)) u( b0 W% f% ~
10-5 热播列表 - 点击进入详情页 (03:05)
7 `+ E/ `- {/ u10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
5 }6 a' i* h1 L* x5 X! ~: r10-7 热播详情 - 展示视频弹幕 (06:34): |% V% v/ n! z6 g
10-8 热播详情 - 渲染全部弹幕模块 (04:44)
! X9 u6 E3 w, ] _10-9 热播详情 - 渲染底部功能区 (06:56)
[* ?- W# t1 l10-10 热播详情 - 发布弹幕 (07:19)& t; W p& h B$ _# N$ \% q% O$ y
10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
8 B, E6 v/ o: }* Z5 Z& j8 J10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
q( Z+ s6 X/ G- V0 x- `10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)% s" o1 |! P, f# p7 Q% `+ d
10-14 热播详情 - 点赞、收藏的实现思路 (01:25)1 L/ m6 s+ }) u4 ?
10-15 【任务题】热播中点赞与收藏的实现9 N5 Y) H8 I& V' W% Q" j9 ~
10-16 总结 (02:06)
' ` c& k3 M* r% @5 L
$ p$ D+ C$ g4 _1 Y- X5 {/ g/ {第11章 多平台适配10 节 | 35分钟$ }9 B7 M0 |" a5 K1 O2 d, H
11-1 开篇 (01:52)" {9 S v- O0 ^/ q1 r/ A2 D6 g
11-2 uniapp 中的条件编译 (06:00)8 L: V+ K5 E( b0 D5 w" v' k: j- x
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)6 ^: J" Q- U0 M: a _3 j, w. Z# d
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
) E4 g+ V M1 o+ h$ s- h11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
2 j$ m _% B, r. r+ ]* ] Z$ J11-6 多平台适配 - 文章详情样式处理 (02:37)
5 o8 `% o; G! } m11-7 多平台适配 - 热播视频全部无法播放 (07:03)9 v2 n7 A; O! S- i
11-8 多平台适配 - 一键登录功能 (04:54)
4 B/ M. n. W6 d9 @8 w11-9 总结 (01:41)0 z2 G0 j, E Q \# ~
11-10 【讨论题】多平台适配问题: V `0 M( t- i5 | p
* Z! N& n& M, O9 f* l
第12章 项目发布4 节 | 9分钟
. z j& \7 e- K! r4 L1 K12-1 开 篇 (00:46)
8 \2 P; h: `( S+ Q7 s6 `12-2 打包微信小程序 (02:37)4 P' c$ K5 }$ @% o5 E
12-3 打包 h5 页面 (03:51)
4 M' Y& d2 g( c2 P12-4 总 结 (00:53)
7 U6 U$ L8 B- g6 O, x8 G4 h I3 q
. v9 ]$ t4 W/ l+ \+ B- L第13章 课程总结1 节 | 2分钟
5 B2 P" ]# T; `( g x13-1 课 程 总 结 (01:24)% h1 M5 j& Z+ s% j" _
9 t: x( \+ d" a- y1 g
〖下载地址〗1 Z5 z4 D+ l" i5 M! `2 z# m- y- g
' c7 z( m8 a! \, W" M/ B: E〖升级为永久会员免金币下载全站资源〗
. \/ k# b, U6 M* h% ^全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
* X* a, H; q/ P, m) ]! F! S |