( h# ?. ]' p3 ]/ O/ o
2 t4 C, Y: ]3 E4 U; y% _3 R〖课程介绍〗
# v% e( G5 {( ^+ H5 l# M2 ^) ]还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。. J) \0 t+ F2 \2 G" W3 O- E
〖课程目录〗- W2 k* Z9 S' I/ z+ C: z
第1章 课程介绍(了解本课程必看) 试看1 节 | 16分钟8 Z q0 ~; L( i7 h2 c- i( `1 h: `' P
1-1 导学 (15:50)- ^- }% n* r2 D2 }9 K) R+ W
5 q2 V9 X2 M( q% G9 [# K第2章 小程序初体验15 节 | 88分钟' N; a1 `% S8 ]
2-1 开篇介绍 (01:28)
. C8 b) y5 o! Q9 T) S2-2 小程序开发前的准备 (04:23). [" y. P5 t8 u. y N5 |& |
2-3 开发第一个小程序应用 (06:43). _& Y C" l4 \# C+ A U6 Z: M
2-4 了解小程序项目的基本组成结构 (08:20)
* [7 ^7 }$ r6 ]2-5 wxml VS html (07:36)
, }0 M* e t5 I7 v2 P% v2-6 wxss VS css (08:15). y& M9 o0 N/ t( k
2-7 .json文件 (04:57)
5 o( }7 F( Z9 W2 [* q2-8 宿主环境与小程序的运行环境 (04:48)
) ^+ j. y' y2 ^2-9 小程序内置组件-view (07:48) s% s8 N. D1 c S6 G5 a
2-10 小程序内置组件-scrollView (07:46)
) [$ S* L: S" e2-11 小程序内置组件-swiper (04:43). s# t; V7 X4 i9 W5 J- h8 Z
2-12 小程序内置组件-text&&rich-text (04:36)8 D1 ^5 F3 v/ R& [7 D
2-13 小程序内置组件-button-image (07:04)
: o g, b- I+ V1 { @% w! R2 u7 k. j2-14 小程序成员管理 (03:38). G9 w& ^4 V9 r$ C' I# \
2-15 小程序发布流程 (05:47)
' I9 t4 r: }, x+ M- w5 \) O' O/ J, o' x) q2 J3 ^+ I
第3章 小程序核心语法21 节 | 225分钟
( k8 f7 f% R: a0 }2 X3-1 开篇介绍 (01:29)
' d# {+ r: l3 v( T% V* R' c3-2 小程序的数据驱动原则 (13:00)/ g% E6 h. Q6 u/ t& X) ^
3-3 小程序的常用事件与属性列表 (12:34): S/ d/ Q9 @- j, t
3-4 小程序的事件传参 (11:14)
4 [. @" q% s1 E; G3-5 实现【双向数据绑定】 (12:57)$ b, Q# O8 r, M- ?- C7 r
3-6 【任务题】实现双向数据绑定功能
( V" C# P& {1 Y9 s, r7 @3-7 【讨论题】数据驱动
% v4 s! U) A3 I- a& ]3-8 条件渲染 (12:49)
9 s( h5 t! A4 t7 C$ R: r5 `7 Y0 p3-9 列表渲染 (14:09)
0 B- c% l6 a, L" S/ `5 I3-10 配置文件解读 (25:41)
F, a T c# L3 i/ y3-11 数据请求 (21:02)3 z* a! U0 C4 W8 m/ a4 ?. _
3-12 异步编程新方案 - promise(1) (13:24)+ P3 w8 B: |. D5 ~# Z. k
3-13 异步编程新方案 - promise(2) (09:28)# `' `3 Q' i7 G7 Y6 `; N
3-14 【讨论题】异步编程! n2 e. Z- d; _0 L; A" {3 X
3-15 异步编程再升级-async和await (09:38)
; l' G. o2 v5 z( b3-16 【任务题】异步编程! I$ p% z1 Y, `" |
3-17 小程序使用 promise 解决异步编程 (10:40)0 G+ p. K0 S: C0 U( U
3-18 小程序页面的生命周期 (16:00)
3 g3 p7 T* I6 z5 R7 \3-19 PullToRefresh下拉刷新与上拉加载 (19:26)
; h( }' _, w" w) }0 D; Z3-20 小程序的页面跳转 (18:38); ]( a' G! {' _; K% `- j
3-21 总结 (02:26)
2 U( n1 Q; B7 R, p; `" H" _8 G# g3 R$ C# K
第4章 小程序进阶概念10 节 | 92分钟; h- s; j: |# q0 p! U" }
4-1 开篇 (02:17): Z0 j: B0 P4 [0 K+ g
4-2 什么是组件化思想 (04:38)5 T1 h# J3 Z; S
4-3 创建第一个组件 (08:19)
4 D! h5 T/ `& X$ E2 s4-4 组件的生命周期 (15:24)4 c. b* G- F( f6 z) w( z& C
4-5 数据监听器 (11:27)9 T) W9 X5 G4 `* h) ?$ ~
4-6 组件之间的关系与通讯(上) (11:44)% g5 w" s$ M+ I: }6 S" Z9 g; H
4-7 组件之间的关系与通讯(下) (18:22)6 c+ c+ H! q. h) j8 h
4-8 组件的插槽 (15:51)
0 y- H' o [1 R2 i) B4-9 总结 (03:15)
|1 m5 w# s2 I2 O" h0 M" E4-10 【任务题】热搜列表实现- g% c( m' j) f; H/ n! L9 L
5 p( M0 K2 U5 C5 h第5章 uniapp开发ImoocBlog 试看36 节 | 246分钟3 S2 R- f1 N1 c4 ?5 R D
5-1 开 篇 (01:58)
0 U: i. |/ y7 c5-2 uniapp难吗? (03:12)7 O I$ z% j" O9 i0 S
5-3 配置uniapp开发环境 (06:24)" V& U2 s: P7 f
5-4 创建 imooc-blog (08:57), e3 U* j3 Z( g5 ]3 Z. d
5-5 运行项目到 微信开发者工具 (06:34)# n7 `! {0 v) \" M1 ~+ F6 ~
5-6 使用 VSCode 开发 uniapp (04:24)
; I- d" k' ]! K& t5-7 创建与配置 tabbar- (10:54)
/ \, b5 r0 V, H& C: O. w4 }5-8 警告与错误处理 (05:50)+ o3 s* @: B# ]
5-9 热搜页面分析 (01:08)
$ K, ~0 b& ?4 L* N5 ~; a5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
+ P8 E8 O- R9 h6 D7 }' Q5-11 创建搜索框组件 (15:57)6 H! u! F1 O; u" j7 W$ u( [
5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)
. R0 `8 E% _% [/ l5-13 tabs组件 - 封装网络请求 (11:09)
2 q P* ?# q' [" w- }6 [5-14 tabs组件 - 进行基本的数据展示 (09:16)7 A# j% }) c# j' N* k: p+ F4 V
5-15 tabs组件 - 美化样式 (05:31)
& ~4 w# V, H9 l6 ~5-16 tabs组件 - 设置激活项 (08:22)2 S# o1 U* l- I# a! _
5-17 tabs组件 - 定义滑块 (03:22)% u4 d' g0 @" C
5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
# z- O1 G5 M9 l: B5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)4 c6 e+ h0 m) A
5-20 tabs组件 - scrollView 的点击位移 (04:01)
: b9 f/ P0 E* ?% y5-21 tabs组件 - 增加可配置项 (05:07)
0 R9 J1 v; L3 Q4 L6 Q$ r, q5-22 List 组件 - 分析 List 组件 (03:58)
9 J1 Y8 a2 Z' U q5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35): H5 A3 ^% v5 x! f# G3 @# {
5-24 List 组件 - 美化 item 样式 (10:15)) ^) Z4 `- p% x# ^# j9 l
5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)8 v! T+ v4 \: Z, ^) L
5-26 List 组件 - 渲染真实数据 (13:04)/ R- T" w: {/ f. J. G$ p
5-27 List 组件 - 通过 swiper 改造List (07:02)
8 \# o4 Z3 q" ^' v5-28 【讨论题】通过 swiper 改造List遇到的坑
5 g y! ~$ Y& ~5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)# c0 _, m+ o! c! y4 J
5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)) \; {: V' I, \7 \7 P/ [. W5 Z
5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)0 g, ^9 Y8 p+ q
5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
+ O# i. d0 u* l/ ]5-33 完成 `tabs` 的吸顶效果 (02:48)" e1 u- j. @9 {. M
5-34 控制列表滚动位置 (03:58)
) _' m# |( C& E5-35 List 组件 - 处理热度的显示 (04:30)
* e' P' H* v: [5-36 总 结 (02:24)
8 W5 b4 K' a# I# S
) U4 e* A t1 |+ ~第6章 文章搜索页面20 节 | 123分钟$ S( l s$ m9 B+ I; m% d3 S+ P
6-1 开 篇(添加片头) (00:45)) N. t' }8 q8 w/ {9 n
6-2 文章搜索 - 分析文章搜索页面 (03:38)
b* d& S+ Z6 Y B6 ^4 j6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)* E5 E0 H* \( @& W9 L6 _4 d
6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
7 V. t$ L- h5 y& P. ~3 s9 `1 I7 V6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
$ b- x! d4 B3 c f6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
. a5 S [. x& H/ i6-7 文章搜索 - 显示推荐搜索 (02:55)5 ]- s. X. e9 j% S7 @
6-8 文章搜索 - 创建三个业务组件 (05:41)% x# E4 B- `4 k
6-9 【任务题】控制业务组件的展示效果- p% q }+ c) x( D6 ^! o
6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
- E/ N! `' ?- i+ h* c+ R$ C6-11 热搜列表 - 数据获取 (03:49)+ l4 H" ~" y- m2 f1 b! C% x. ?
6-12 热搜列表 - 数据展示 (10:24)# X7 Y3 K. d" N- t: i7 j
6-13 热搜列表 - 热搜点击处理 (03:50)
/ k! Q6 B3 A/ F+ J6-14 搜索历史 - 渲染基本结构 (07:08)$ I! R' D8 U3 T* \/ \
6-15 搜索历史 - 美化基本样式 (07:37)' H+ s5 y7 F" u+ X0 y1 _
6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)
; [$ s1 B+ f( L- q/ h" F4 Y3 h6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
' J1 ?' d9 j$ a2 H6-18 【讨论题】构建良好代码结构遇到的“问题”?$ X( P9 Z, o2 ]3 |$ I u" }. y
6-19 搜索历史 - 找出现在的问题 (02:20)
8 M- O1 E" P' U, o1 J6-20 总 结 (01:09)$ a5 |7 a, b0 N, s; A) x
4 g. U. l3 r5 h9 w6 a$ G% l, r- A第7章 全局状态管理18 节 | 113分钟' L8 E. q$ K1 {2 f4 U
7-1 开篇 (00:53)
% u! q* h$ {8 Z, s/ q M( _: `4 i7-2 状态管理 - 全局状态管理工具 (06:15)
9 f5 S1 {9 k0 l/ f7-3 状态管理 - 在项目中导入 vuex (03:09)) z* ^# c( g- w0 `
7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)+ Y, M: d8 z5 X3 W5 `1 E
7-5 状态管理 - 构建 search 模块 (05:47)
; C; K5 N+ N/ w5 e7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)4 b" H' [( Y* |
7-7 状态管理 - 数据持久化 (06:15): u! Q* P9 M+ E: ^3 n+ n
7-8 搜索结果 - 获取搜索结果数据 (05:27)
D. m& [0 X' y6 [; Q- K7-9 搜索结果 - 渲染搜索结果数据 (14:19)
+ h9 w9 }( C$ C* g7-10 【讨论题】 item 渲染# T6 Y2 ^ b8 C# T( L- W
7-11 搜索结果 - 处理相对时间 (13:17)8 z9 x1 T, T7 h3 N8 {
7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
- N4 q5 L7 f. b1 W, ~3 k7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)9 J! i4 E& `5 x1 ?
7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)
: {: w9 K A& {5 J0 {7-15 搜索结果 - 处理空数据场景 (05:43)
5 K4 m+ Z5 ^+ l+ X% H6 s5 G7-16 【讨论题】下拉刷新、上拉刷载5 m- K( ?5 b& {% T$ @; m# U
7-17 文章搜索 - 细节修复 (02:58); ?& S7 a) V1 Z" ?) f8 o8 f
7-18 总 结 (01:20)
3 \- T) w- `) r6 p. {
) g' L: p- Q9 B4 V第8章 文章详情模块开发21 节 | 134分钟; E+ ~: U% f U0 U+ K
8-1 开 篇(加片头) (03:12)
+ Q6 ~1 d6 G6 }! d3 t8-2 文章详情 - 点击进入文章详情页面 (07:28)
3 N; `% b) D# [3 \8-3 文章详情 - 获取文章详情数据 (11:15)3 H$ ?5 \3 N; g8 ?: z0 e
8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)) K0 U8 {) I5 C' J8 h1 m% h
8-5 文章内容 - 美化文章内容区域 (08:41)5 |2 |7 n5 k. Y
8-6 文章内容 - 分析文章内容的样式实现 (04:21)
! {! J4 B2 x* i, C8-7 文章内容 - 实现文章内容的样式渲染 (23:05)8 t$ w8 _% T& u
8-8 【讨论题】文字太小是怎么回事?" G+ B+ O( z, @' V3 r# Q2 m
8-9 文章内容 - 解决字体过小的问题 (06:03)* Z. k7 Y1 Z4 r
8-10 【讨论题】渲染
/ m5 V) @# }; `8 } B8-11 评论列表 - 获取评论列表数据 (07:10)
3 w4 b0 d; l& `& K/ B8-12 评论列表 - 渲染评论列表(精简评论) (10:14)
) M' S9 [* ?1 [3 |$ {( H9 ]8-13 评论列表 - 美化评论列表 (08:18)
4 s: B9 w5 w+ s) @' R) t: v Y8-14 评论列表 - 渲染全部评论列表 (07:57)
3 x( Y- C# C* o# d3 a5 O% w8-15 评论列表 - 完成全部评论的分页加载 (07:28)
+ r f6 Y; }7 R( Z' T8 ~: {8-16 评论列表 - 处理数据加载完成的提示 (04:45), ~% I( m1 M& K K
8-17 功能区域 - 封装功能组件 (05:43)) k# Y/ D& E( V+ ]
8-18 功能区域 - 样式美化 (04:24)' l( b( d9 {) {6 Y- c* e
8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)$ j6 G; G9 I8 t
8-20 明确功能业务 (02:02) b; y( V- B* R6 ^9 N! ^9 U1 u. V
8-21 总 结 (01:29)1 D1 e2 K+ `* S L# {
- n5 p( K% u" K4 O' T7 O" o m
第9章 用户登录20 节 | 111分钟
9 |, _) G7 a! n) U8 i$ z9-1 开 篇 (02:26)+ ^, n% j% _2 ^6 b% X" h) H
9-2 用户登录 - 登录页面基本样式 (04:38)
8 ?. s- C3 }- I5 M$ e( l& r+ _9 V9-3 用户登录 - 封装登录组件 (02:52)
& Z1 F1 I( R: v9 I9-4 用户登录 - 明确登录的实现思路 (04:52)8 ^% o. {0 w; [( H2 d4 f
9-5 用户登录 - 封装 action 调用登录接口 (11:07)3 G- Z) t5 U7 d& ]9 O. l
9-6 用户登录 - 保存用户登录状态 (07:32)
' i/ S9 {: B. |0 B" Q* `4 T& s9-7 用户登录 - 完成已登录的用户视图 (04:06)! V0 q/ ^2 g7 z9 u( x$ R+ f
9-8 用户登录 - 实现退出登录功能 (05:36)/ Q9 d# n0 k7 V$ T( t+ E
9-9 用户登录 - 判断用户登录状态 (04:35)
# j) k' ]. f2 c8 s4 Q) U( |6 D9-10 用户登录 - 新建登录页面,处理当前场景 (11:46): t! D+ e( O V; d, s
9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)
V7 G8 f: j9 h* @* ~2 ?% ]9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)7 \- t4 r: L( n! Y& }% m
9-13 文章操作 - 关注用户 (09:03)& C1 {/ Z( @* b. k, x
9-14 文章操作 - 处理发表评论的 UI (11:00)" ?. |% M0 h, U% C [2 w
9-15 文章操作 - 处理评论框的显示问题 (09:54)& a; L: H" Y2 p1 x4 s
9-16 文章操作 - 发表评论 (07:18)
$ z* x) {( _( k" x# g9-17 文章操作 - 回显评论数据 (04:57)
/ l: \8 M6 {2 l4 }9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)$ o2 }1 ]0 a, U9 J2 n/ E
9-19 【任务题】实现文章的点赞和收藏功能
: A' g! k; u! k" r$ S6 m* I9-20 章总结 (01:29)2 a- ~' c6 Q% K8 H9 G9 o
4 G9 b4 w3 v- g0 m6 X4 x
第10章 热播模块16 节 | 80分钟! l( D8 B; a, E7 `: I: M+ K% B& K
10-1 开篇 (03:01)8 J1 v, t3 \6 M4 u) x3 P1 X: P) _
10-2 热播列表 - 获取热播列表数据 (03:43)/ Y$ v# d! e8 z4 y R0 X: ]5 c
10-3 热播列表 - 渲染UI结构 (10:12); @8 A* R' P" c! d5 n$ |
10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
0 d/ T3 `, S: I z; C2 I# c10-5 热播列表 - 点击进入详情页 (03:05)' }5 n2 P! y' D- z8 }* H4 }5 Z! R- @
10-6 热播详情 - 渲染详情页面的视频组件 (10:46), o3 d# N$ a3 O, K
10-7 热播详情 - 展示视频弹幕 (06:34)5 u, g9 @9 t; D
10-8 热播详情 - 渲染全部弹幕模块 (04:44)
" `2 N* C$ i# b0 [. [10-9 热播详情 - 渲染底部功能区 (06:56)
. E3 V7 X, U' e10-10 热播详情 - 发布弹幕 (07:19)
5 G; Z) J2 r6 E9 Z6 ?" i0 @. E- X10-11 热播详情 - 解决弹幕不显示的问题 (03:06)( P5 F! N3 n* p, x! z, I
10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
6 L; |* Q1 S' F6 t: y10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
, }' w% X1 F" v1 }10-14 热播详情 - 点赞、收藏的实现思路 (01:25)" B2 r/ T: S9 A
10-15 【任务题】热播中点赞与收藏的实现
, C. K) T; K" |4 T3 {10-16 总结 (02:06)/ g. M' [; b8 V* V8 w( }
( a$ Y3 z3 k* }3 {1 |第11章 多平台适配10 节 | 35分钟
N* ~% ?, a! y8 c y7 J7 X' H! ]# U3 x11-1 开篇 (01:52)
' m: `- m; B$ I: D, o11-2 uniapp 中的条件编译 (06:00): b( X! U, B6 J9 E. c. G
11-3 多平台适配 - `tabs` 置顶效果消失 (04:17), r5 r) @+ p9 \
11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
3 [+ _1 W4 A- e- F/ E11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)5 V3 K2 x: e) c
11-6 多平台适配 - 文章详情样式处理 (02:37)
4 c) M* t9 ~% `; o9 g$ p( n, h9 H11-7 多平台适配 - 热播视频全部无法播放 (07:03)
; l8 z! c! l- l- J. O11-8 多平台适配 - 一键登录功能 (04:54)6 A# N. \5 k! ?! E
11-9 总结 (01:41)
9 x7 y4 s9 B/ d" A# m# H2 P11-10 【讨论题】多平台适配问题
2 x( x8 ?4 g% ?6 M, E* H. ^6 y7 e( x3 q7 C2 q/ Q, I& |
第12章 项目发布4 节 | 9分钟, [7 i, S# R! m1 U+ `
12-1 开 篇 (00:46)
, _/ o: S5 e5 f/ i6 ]1 o12-2 打包微信小程序 (02:37)5 H9 C: j( D. p$ |
12-3 打包 h5 页面 (03:51)( Q, t' y$ [ i9 v3 t
12-4 总 结 (00:53)
; U: c/ j* Y2 \5 V: i" d' u+ V
+ a8 v. i' q! ?/ a0 B第13章 课程总结1 节 | 2分钟1 U4 n3 D9 I4 ^2 O, E: O% u8 h
13-1 课 程 总 结 (01:24)
1 O# y5 k9 W' X, @8 `# t+ x1 I. T3 h" u2 e- ^
〖下载地址〗. I6 D3 o% X) I
4 z6 H Q8 U" _) U, S〖升级为永久会员免金币下载全站资源〗$ ?8 s! G9 ?2 A% ]5 V
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html1 r. B7 c& N5 D. |) E8 ]
|