% J% f/ }5 ~+ w0 R# d" O9 c
A' T/ }" Y+ d/ J〖课程介绍〗3 `1 c+ k$ R7 \* Y8 R/ ^- E
还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。 P$ M: ~2 `1 p) s( ]- w$ z, X0 g9 P
〖课程目录〗
: [. z' E( H2 L- Q, _# m第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟2 Q8 C7 r; I" R% V! H
1-1 导学 (15:50)' N# t) F$ ]! ~
4 X" b. A! G0 A2 ~
第2章 小程序初体验15 节 | 88分钟
" S0 P5 T, [. \' _0 E1 b* \2-1 开篇介绍 (01:28)2 i7 } v- d8 g/ o; k$ S( T
2-2 小程序开发前的准备 (04:23)- A* E8 n$ m3 v3 n' m% I
2-3 开发第一个小程序应用 (06:43)4 H( X1 e5 i, |( O* Z. \
2-4 了解小程序项目的基本组成结构 (08:20)
2 v: D2 Q8 g$ I) x2-5 wxml VS html (07:36)9 j! @3 h* x; y
2-6 wxss VS css (08:15)# k( s) P5 G3 q& N9 ~! r
2-7 .json文件 (04:57)
$ V& `: c* R( |$ g) x2-8 宿主环境与小程序的运行环境 (04:48). J% b( @4 ~1 P4 q
2-9 小程序内置组件-view (07:48), d8 X9 Z, F# z/ h% C& z
2-10 小程序内置组件-scrollView (07:46)! m) w# k$ s. q0 v2 W4 o" F+ o
2-11 小程序内置组件-swiper (04:43)
# H5 n2 E h5 o( B2-12 小程序内置组件-text&&rich-text (04:36)
; D: B! u* K! O& a2-13 小程序内置组件-button-image (07:04)
& ?- {& x! V" G1 P' ~' J" A2-14 小程序成员管理 (03:38)
5 k# W4 D4 J: M2-15 小程序发布流程 (05:47)5 d! J2 N" y) C P5 F8 f. e; p
8 s. Z1 B* u; {% O第3章 小程序核心语法21 节 | 225分钟; h) N7 Z' h' X* u
3-1 开篇介绍 (01:29)
g/ ^8 o0 j/ ]+ A" }6 N. H3-2 小程序的数据驱动原则 (13:00)6 E, R: F5 R! G2 Q
3-3 小程序的常用事件与属性列表 (12:34)( Z0 I: s. B+ {, m
3-4 小程序的事件传参 (11:14)
1 k% \2 R& x; `, K2 G3-5 实现【双向数据绑定】 (12:57)
* I$ R, x3 q2 X% k! E: ^% d0 k3-6 【任务题】实现双向数据绑定功能
: [9 j: O3 y7 S \3 M& l3-7 【讨论题】数据驱动
: R5 W. e* d8 E( y3-8 条件渲染 (12:49)
! U' W5 l( M9 t% F) m% T1 ]. C3-9 列表渲染 (14:09)" Q. U+ n0 ^- c
3-10 配置文件解读 (25:41)
. s: g2 A' d$ l1 Z2 k2 Y( A. Y) h3-11 数据请求 (21:02)
+ q f; [5 s: b/ m! u8 G7 `3-12 异步编程新方案 - promise(1) (13:24)
5 u0 U7 A; S- W+ o! ?; E; }3-13 异步编程新方案 - promise(2) (09:28)2 u! Y" W# M* [2 v/ H* P% Q8 z
3-14 【讨论题】异步编程1 S+ l& L* Y( W' l
3-15 异步编程再升级-async和await (09:38)
0 m- @2 \, }' l1 {* c |9 F5 }3-16 【任务题】异步编程2 [- I" k' @; Q1 W# \
3-17 小程序使用 promise 解决异步编程 (10:40)
& h% c) x& } ~0 i3-18 小程序页面的生命周期 (16:00): v, v0 ^+ ?; R4 ~) Z4 s
3-19 PullToRefresh下拉刷新与上拉加载 (19:26)8 W# r9 B! M6 m- k& g2 W ^
3-20 小程序的页面跳转 (18:38)
3 e, t9 N8 {* N, X9 H) D8 o/ _5 F# ^( Z3-21 总结 (02:26)& Y* k7 ~$ o. I0 q3 p$ y
3 J& T! g& {8 p; f2 \0 ?6 L3 @) y第4章 小程序进阶概念10 节 | 92分钟
+ U7 S# n3 y0 x4-1 开篇 (02:17)( _. Q- Q- e+ y4 a
4-2 什么是组件化思想 (04:38)
; \4 V) P5 v6 u4-3 创建第一个组件 (08:19)0 |% b- W# d' I8 V& Y! G# n
4-4 组件的生命周期 (15:24)
; s/ G8 `; q9 R, J( o. Y/ s$ L4 y3 c4-5 数据监听器 (11:27)+ g% ^* Q( z$ ]4 [8 _( p
4-6 组件之间的关系与通讯(上) (11:44)
5 [1 `# L9 l/ D: d- J& V/ G* {4-7 组件之间的关系与通讯(下) (18:22)( G* M% Q" m+ j* o) q
4-8 组件的插槽 (15:51)
3 b3 G' Q6 I* @- l; ]1 W& W; f4-9 总结 (03:15)1 J1 m4 s3 ~. g# \, I$ a
4-10 【任务题】热搜列表实现5 w, M) \- k- \3 x8 Q! `6 o9 z3 R
$ _5 z7 _# S1 i$ G
第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟; G) n- e4 n3 I& Y
5-1 开 篇 (01:58)5 U% J4 |* r3 {. f- U6 G3 F) p
5-2 uniapp难吗? (03:12)5 v( l4 m1 D+ _ s& Q7 d
5-3 配置uniapp开发环境 (06:24)* x* e7 F. d; V
5-4 创建 imooc-blog (08:57)9 o) J- m* b4 R& T9 M$ M
5-5 运行项目到 微信开发者工具 (06:34)2 _- i& ?1 ^7 @! \4 e" m; d6 w
5-6 使用 VSCode 开发 uniapp (04:24)
# {# ^6 V$ G/ X: i. K& _8 D5-7 创建与配置 tabbar- (10:54)" z* v. D8 N' [$ b1 ?
5-8 警告与错误处理 (05:50)
0 D4 S( m( L5 J0 k5-9 热搜页面分析 (01:08)/ I9 g: {9 k& J, B! |: _
5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
% E3 O$ X' `1 p* g" Y/ I% c9 u5 j/ m6 }5-11 创建搜索框组件 (15:57)1 m& v3 T' Q+ C( c) A
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)9 p' K; }" g% ?. d. x- U3 G
5-13 tabs组件 - 封装网络请求 (11:09): \, D6 [. f6 Y: F. [$ Z
5-14 tabs组件 - 进行基本的数据展示 (09:16)
$ q$ p- m7 }- D5 i1 `/ O7 j5-15 tabs组件 - 美化样式 (05:31)2 Z# h. [) ?; N! p# e# r1 U
5-16 tabs组件 - 设置激活项 (08:22)
& E1 ~) X6 e$ X( @( V ]: G5-17 tabs组件 - 定义滑块 (03:22)$ c5 x( ~! ^* F- M
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)( Q* H) k7 ^7 f4 z. M4 {8 w& I
5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
! l( z8 S- t0 x! E2 R6 f: J5-20 tabs组件 - scrollView 的点击位移 (04:01)
& Y* d g+ y4 E5-21 tabs组件 - 增加可配置项 (05:07)9 u' e$ M; [$ M* k. R L
5-22 List 组件 - 分析 List 组件 (03:58)
6 t! V: I8 U3 v6 ?- [$ T! k5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)* G; l. H& ^4 ~" V9 Y9 X
5-24 List 组件 - 美化 item 样式 (10:15)
2 h0 V4 M2 A2 H, K F- L: d, I5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)/ O8 p: G- H- l: K
5-26 List 组件 - 渲染真实数据 (13:04)
) W9 l; @+ T1 k5-27 List 组件 - 通过 swiper 改造List (07:02)
Y" N4 k( |. F6 O- ]0 g5-28 【讨论题】通过 swiper 改造List遇到的坑
. I7 z, C2 s' J5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)% b* r/ ~; P9 a" M& w2 a" m; m! K
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31); B4 Q) r% s+ t# f& I# K
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
7 S$ I9 n* p8 w5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)' b/ s5 P2 m1 A3 w, e- E) I3 a5 c
5-33 完成 `tabs` 的吸顶效果 (02:48)* ^6 Q2 i. e/ F( J
5-34 控制列表滚动位置 (03:58)
5 g, L( s) r/ S7 \" ]5-35 List 组件 - 处理热度的显示 (04:30)
/ u8 A' s8 I7 Y7 f5 Q) Y7 v) F) n5-36 总 结 (02:24)
* Z" T5 v' k# c4 T2 P W% F0 k
! s5 z4 o1 k5 s) O第6章 文章搜索页面20 节 | 123分钟
# C& l1 p; g- L9 J2 y6-1 开 篇(添加片头) (00:45)
7 Q$ x& f. C9 c. k( u$ C6-2 文章搜索 - 分析文章搜索页面 (03:38)( e! H6 E* y! C
6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)- | R: U* M$ ]% ~
6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)7 i. c0 ^! @4 P
6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)0 o u# U! ]* P+ c& a9 m" E- G
6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
0 s5 ]+ X9 e9 p M6-7 文章搜索 - 显示推荐搜索 (02:55)
( `/ I! a) V) r3 \6-8 文章搜索 - 创建三个业务组件 (05:41)% U6 V) A/ s+ q. R" Z- L2 ? i0 j
6-9 【任务题】控制业务组件的展示效果. l; K1 B" [+ H
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)' E3 j( a5 _4 n8 @( y
6-11 热搜列表 - 数据获取 (03:49)
# j1 ^ K2 E9 z5 J' O6-12 热搜列表 - 数据展示 (10:24), x" I! A+ a1 z! j
6-13 热搜列表 - 热搜点击处理 (03:50)1 g. l4 K% ~8 b- \, S
6-14 搜索历史 - 渲染基本结构 (07:08)3 p. Y# U% n: o! l. J# E" V
6-15 搜索历史 - 美化基本样式 (07:37)6 K+ |# w; U) ]
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)2 r% e9 e3 j% v9 e6 t A
6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)" a) m& c0 V+ g" R2 Q
6-18 【讨论题】构建良好代码结构遇到的“问题”?7 m1 |: B$ n: A& S8 t& U
6-19 搜索历史 - 找出现在的问题 (02:20); I+ }7 j0 H8 y9 |/ e
6-20 总 结 (01:09)
, `0 e1 q# D+ |0 N
8 b. N' i' G: B6 E5 G& z6 J第7章 全局状态管理18 节 | 113分钟
: n. Y, w }7 q7-1 开篇 (00:53), I, J& c, c+ D! ^
7-2 状态管理 - 全局状态管理工具 (06:15)
+ R4 D: k) A8 g+ P. s/ i7-3 状态管理 - 在项目中导入 vuex (03:09): h% B1 m3 g$ c5 v# A5 {- @
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)% s) U0 V2 V q* i8 q1 {
7-5 状态管理 - 构建 search 模块 (05:47)0 t- A! f6 x. N2 r! O
7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
7 t0 p7 ?$ H: @4 \) c) E2 T) Q7-7 状态管理 - 数据持久化 (06:15)
: m* R6 R3 h0 X- }- a7-8 搜索结果 - 获取搜索结果数据 (05:27)7 J' w4 f2 j( S4 P6 X& m4 \ r7 u
7-9 搜索结果 - 渲染搜索结果数据 (14:19), f$ {# C3 p, r4 D7 ~& F% E. `) I
7-10 【讨论题】 item 渲染
* K" g# V5 m, K' D& j7-11 搜索结果 - 处理相对时间 (13:17)
! Q1 g+ H3 [4 o8 C0 c" a6 A4 i' v7-12 搜索结果 - 高亮搜索结果关键字 (08:53), P/ I: t1 n/ y" w+ I( p( V r
7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
+ B5 R& L! ^' L) G' b7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)# [, C3 X P2 q: X- C# @4 O6 p; m
7-15 搜索结果 - 处理空数据场景 (05:43)
; Q0 j9 O* L5 l, F& J& |& R& [7-16 【讨论题】下拉刷新、上拉刷载
; H: b9 T+ Y; \8 E+ V/ N7-17 文章搜索 - 细节修复 (02:58)2 C! C& C8 k, `# e) f1 m
7-18 总 结 (01:20); J7 T& F0 n2 _, G- v) r% a
# j Q2 I! @5 m6 D& z$ }+ x第8章 文章详情模块开发21 节 | 134分钟' m( P4 }) \! X3 l, F2 a, ]
8-1 开 篇(加片头) (03:12)) t% f1 a/ _2 o, W" l
8-2 文章详情 - 点击进入文章详情页面 (07:28)1 V! C& j8 y8 G! @: P# z* ?; E
8-3 文章详情 - 获取文章详情数据 (11:15)3 W' e" y q5 M9 U$ {
8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
: M0 A' l5 ?+ v0 b' \8-5 文章内容 - 美化文章内容区域 (08:41)8 J" |) l- @! f; A5 R& x
8-6 文章内容 - 分析文章内容的样式实现 (04:21)# Z' l3 f* L$ U" S7 s5 x; |
8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
% V6 l1 s0 ~0 H; D4 M8-8 【讨论题】文字太小是怎么回事?# W3 y, w# i! x _( Q0 I) l6 S' C
8-9 文章内容 - 解决字体过小的问题 (06:03); Z/ M9 S) Y/ n' U1 d, x' F+ z. q
8-10 【讨论题】渲染
T8 z6 d- i7 c$ r( B8-11 评论列表 - 获取评论列表数据 (07:10)/ B* G. ]4 Q, E8 D* O H4 {+ y- b3 h
8-12 评论列表 - 渲染评论列表(精简评论) (10:14)
* \- m" a! N6 z4 o9 V/ @6 p7 t8-13 评论列表 - 美化评论列表 (08:18)
, d0 [& o3 n& F: o: J, ^8-14 评论列表 - 渲染全部评论列表 (07:57)1 X# P$ D5 v7 O. m/ s6 i; l
8-15 评论列表 - 完成全部评论的分页加载 (07:28)( \6 }, S% }) b: X
8-16 评论列表 - 处理数据加载完成的提示 (04:45)
: V9 `. [* w3 y7 B9 L. m$ G8-17 功能区域 - 封装功能组件 (05:43)/ R O! M8 H q4 A- B4 L
8-18 功能区域 - 样式美化 (04:24)* w1 z" v; f7 \. Q- V9 ^) |
8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)
( Q1 S. @/ ?. {8-20 明确功能业务 (02:02)& J8 R4 q% `2 {
8-21 总 结 (01:29)6 J( G4 i3 q4 v
/ j5 d2 B( ] `( m& e
第9章 用户登录20 节 | 111分钟) Y1 l9 ~) L. V+ S+ t
9-1 开 篇 (02:26)- `7 [- k; p+ I5 @0 s
9-2 用户登录 - 登录页面基本样式 (04:38)3 F+ T6 z/ O5 V. ~9 Y
9-3 用户登录 - 封装登录组件 (02:52)# }0 L# S# Z6 D, S/ D( H4 X3 X) x' D
9-4 用户登录 - 明确登录的实现思路 (04:52)) f, e# P* y3 c. }2 K
9-5 用户登录 - 封装 action 调用登录接口 (11:07)
7 i/ v3 ~1 g5 O% z2 @ S! ?: T. U9-6 用户登录 - 保存用户登录状态 (07:32)" D: z1 q& T: ?& [" I
9-7 用户登录 - 完成已登录的用户视图 (04:06)
$ _+ ?; e, |8 A: ` _- N9-8 用户登录 - 实现退出登录功能 (05:36)' Z! M# Z' X; J% ~
9-9 用户登录 - 判断用户登录状态 (04:35). m; l2 `, B1 C! P+ H( y
9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)$ N# `8 H$ J4 y) F7 W7 e
9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48), {* c9 _) M, E! u/ h1 @3 ~# }
9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
3 G. B" ^/ T1 p9-13 文章操作 - 关注用户 (09:03)
0 ^6 _% V4 e. T/ G( Z N2 y) e9-14 文章操作 - 处理发表评论的 UI (11:00)
& u8 r- v1 w: {) L9 @9-15 文章操作 - 处理评论框的显示问题 (09:54)+ `$ M4 e: K4 A4 \' Y/ x
9-16 文章操作 - 发表评论 (07:18)
# t# |4 S* i2 u3 M9-17 文章操作 - 回显评论数据 (04:57)1 G+ \; v6 w# `9 K0 U3 B
9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
. o; V% E' E! e9 t/ u9-19 【任务题】实现文章的点赞和收藏功能
* b; B! }' D+ b9-20 章总结 (01:29)
. G& u! {5 O! I/ `2 j, O# \8 v/ `, l2 q
第10章 热播模块16 节 | 80分钟
1 F- T& R: w7 ?/ @10-1 开篇 (03:01)+ P" V' q$ i; S. L; B
10-2 热播列表 - 获取热播列表数据 (03:43)' m4 N& ~- z \% @% q
10-3 热播列表 - 渲染UI结构 (10:12)
5 @3 O% }0 G1 I9 H) G10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
- |# x7 j* Z- J5 D, V6 ?0 E1 }10-5 热播列表 - 点击进入详情页 (03:05)% I9 Q7 O# f: ]! b8 y; d
10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
T# r, O3 }/ E$ |' D10-7 热播详情 - 展示视频弹幕 (06:34); ~4 M' I* _% D e$ I
10-8 热播详情 - 渲染全部弹幕模块 (04:44)
+ o" ~2 w! S9 r: X5 H4 q' C10-9 热播详情 - 渲染底部功能区 (06:56)
9 ~3 e% B( }: t) t H$ y3 o4 p10-10 热播详情 - 发布弹幕 (07:19)
2 H. @, g: j6 ~: x, M) W" B5 k8 o10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
. J+ ^& |( I, P7 A10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
: V# V! t6 {4 Y10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)' P- c* M0 Q+ { m: ^# ? \' J
10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
# M j- S, ]9 B& ]; R10-15 【任务题】热播中点赞与收藏的实现2 u- M# Q+ i& y0 P
10-16 总结 (02:06)
! b& p# Q; I: D6 b" D
! Q; P, o& I) j; I. C( |5 a$ d第11章 多平台适配10 节 | 35分钟! |" B3 M4 B6 q. A/ G6 w* M
11-1 开篇 (01:52)
( r1 i' w& E S11-2 uniapp 中的条件编译 (06:00)
2 r" Y0 \' f1 _" ?3 f11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)
7 A7 g! H6 C# m2 J11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)! ^7 r4 V% r/ _+ s& R
11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)+ ^5 r' S0 a/ C; I3 \6 ~4 M
11-6 多平台适配 - 文章详情样式处理 (02:37)
, a: v* _* S- x- Y8 d+ X11-7 多平台适配 - 热播视频全部无法播放 (07:03)
8 m! W: U0 a3 w11-8 多平台适配 - 一键登录功能 (04:54): z& f9 b |: z/ Q7 `- k! {. g
11-9 总结 (01:41)# C V3 X6 ^+ ^
11-10 【讨论题】多平台适配问题/ E/ \: x+ A" m. \1 q1 `
- z4 g+ C7 ^! i! @. H$ h
第12章 项目发布4 节 | 9分钟- D" y# z' k8 c' {% }
12-1 开 篇 (00:46)
) G1 y7 l, ?6 G0 }; |4 i7 {12-2 打包微信小程序 (02:37)
# t) n: t- s( n. i a |12-3 打包 h5 页面 (03:51)) d$ O2 ~& N& v# ^; q
12-4 总 结 (00:53)
0 h5 A! l4 P# h U& O& L( v0 `) \0 Z. \2 t q2 U5 Z5 g7 |8 y
第13章 课程总结1 节 | 2分钟
" f( i2 s8 i+ ~# g13-1 课 程 总 结 (01:24)
" p% k4 n' [2 c# [' r1 k3 L) X4 Z
% c' h- }7 s0 G- D! N5 O, ~〖下载地址〗+ }) @! n4 k" L" B2 X `
7 S2 N! c; M% Q& o' D9 a( N0 D" u6 R
〖升级为永久会员免金币下载全站资源〗
: q" u. {7 g% X$ s. V4 ]全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
7 R6 M p0 j( I0 p m2 s |