|
〖课程介绍〗:
, o. K' D0 w! Y 使用RN + TS开发听书App,从需求分析,到功能实现,一步步带领大家完成功能,学会如何解决实际开发问题,是一个完整的项目开发实例。通过导航器、dva状态管理、图标生成组件、自定义导航器、动画效果、音视频的播放、动态导航和动态model、本地数据持久化等一系列的功能,帮助大家具备独立开发完整的RN应用的能力/ o% N( P& A) R. [, L$ T' P! F# D
- N, ^8 s+ d2 Q9 W1 c
〖课程目录〗:/ r0 ^, f* f& |
第1章 课程介绍 试看 z7 W. f" S m ]0 h% Q6 z) @6 ^
本课程主要介绍为什么要使用React Native + TypeScript开发应用。
1 S& G. ~0 Y5 N( Q' M L6 D 共 1 节 (17分钟) * N' m/ }" u( P+ i5 P9 `1 P
1-1 课程导学 (16:17)试看, U) A& `1 Z/ s( Q y9 b/ R& n
第2章 ES6、React、React Native基础知识串讲
) e; B3 }' V8 a0 C+ R7 F 本章会讲解学习这门课程之前必备的基础知识,主要讲解ES6、RN等必备知识点,专门为新手学员准备的,这些内容在后面的实战中都会用到。& z G9 I! i a6 ~, u- T+ D
共 20 节 (287分钟)
0 k/ `% k0 P4 e) Z 2-1 环境搭建 (13:04)
% ^9 q/ ~. m# v 2-2 Android开发环境搭建 (12:25)
8 n1 p5 [9 ^6 Z2 f5 W0 H3 B, p# R 2-3 创建项目 (09:20) \6 z% b* h( v
2-4 ES6之简介及变量声明 (14:00)$ t9 S6 l9 u6 r; Y% ]$ g; z4 E, j
2-5 ES6之模板字符串和函数默认参数 (21:19). t; ~' ^% V/ e: P
2-6 ES6之箭头函数 (09:35)
% \4 g: \2 ~, G& T 2-7 ES6之解构赋值、对象字面量、展开语法、剩余语法 (17:34)6 a5 X* r4 g5 a" J3 p
2-8 ES6之class (28:42)
; p: W+ P7 R" W, W* ]8 u% N 2-9 ES6之class继承 (15:14)5 v7 j1 b! Y, \3 g# e, D
2-10 promise知识讲解 (28:40)* k6 a7 X% j! L2 G
2-11 ES6之generator (23:29)
4 n9 ~9 Z* a1 G( a; p 2-12 ES6之模块 (03:51)0 a# p) e( T; |4 E: B& ]6 S2 Q
2-13 React基础 (16:26)( @, |2 ]* L; O
2-14 RN基础知识之RN介绍 (12:10)! X7 M# B y, c+ N/ Z$ y0 a$ `
2-15 RN基础知识之宽高 (03:27)
# Q# e' _0 q. h3 U3 b 2-16 RN基础知识之基础组件与样式 (07:32)
+ Z+ ~+ _7 w- n G* n 2-17 RN布局(1) (11:22)
4 v# l& f) d& E4 w0 W6 v8 h 2-18 RN布局(2) (14:04)( z; K$ I- w( C6 U7 Y& o
2-19 RN基础之触摸事件 (12:38)" E7 }) O6 W# @
2-20 RN基础之网络请求 (12:03)( o" o* B, Z4 q/ V
第3章 TypeScript基础知识3 B3 q8 t5 P8 m2 O$ E
本章会讲解学习这门课程之前必备的基础知识,主要讲解TS的必备知识点,专门为新手学员准备的,这些内容在后面的实战中都会用到。
0 V* W0 B2 o( q$ j& N 共 5 节 (43分钟) & w1 {6 \* q5 u1 P
3-1 TypeScript之简介 (11:35)
Z: e8 v! A3 x, n9 @8 k 3-2 TypeScript之非原始类型 (08:25)
$ ]6 |! r9 q+ h: S. |. W* Y 3-3 TypeScript之函数 (05:14). L l9 y' I. B" Q( B6 w
3-4 TypeScript之接口 (13:31), f2 o d) d% ]1 ^8 @: B+ L: U
3-5 TypeScript之泛型 (03:41)
8 p2 C3 [0 ]8 e 第4章 项目分析
2 M6 ^- T3 f$ C( R# U. U 本章主要对这门课程需要制作的听书应用的分析,讲解整个项目的流程,对本门课程的应用进行需求、模块、技术的分析
" T& ^( i8 B! V, \. O$ r 共 1 节 (11分钟) ; H/ @$ [0 t1 \, r) O
4-1 项目分析 (10:03)
* E& h, A) C- S8 k9 ~6 M1 ~ p/ m 第5章 项目初始化! d- m m" P0 |" b& c
本章才算是正式开始应用的开发了。还有我在工作中用到的两个非常好的第三方项目,可以做到多环境设置和绝对路径的设置,能帮助我们减少一些繁琐枯燥又容易出错的工作。
3 ?; H* z* P h: j$ f+ Q; W; d$ W. b 共 3 节 (27分钟)
3 ?$ o4 v* D/ g' R$ E6 a 5-1 项目初始化 (05:48)% ]4 ?- q, E4 i! b) j" x5 i
5-2 多环境 (07:43)
]4 z) i: K$ N5 C' k8 d 5-3 绝对路径 (13:26)
) \' E# _( U' L- Z 第6章 接口管理工具
! j$ T( Z6 Q v4 ? 本章主要学习如何在本地部署yapi,以及yapi的基本使用方法
- F z3 ~# Y% X! ~1 q 共 1 节 (17分钟) + K2 n3 J3 m1 u+ Y6 ?
6-1 接口文档 (16:06)
! y" ], ^+ y/ B. Z! Y$ u, @" O 第7章 新版导航器React-Navigation5.0
, m3 Z) X! D0 I: K. A3 V 本章主要讲解5.0版本的react-navigation,堆栈式和底部标签导航器的基本配置和使用
# n' N {1 r' h 共 5 节 (73分钟)
" l) U% o# G' ]1 m8 t0 T1 O 7-1 导航器基本介绍 (03:48) e B8 c" R5 U/ r) I
7-2 安装导航器 (08:23)6 H( b$ U; D F7 H7 u
7-3 堆栈式导航器(1) (18:12)
/ E% C* W, o! t" l; t1 d% C 7-4 堆栈式导航器(2) (18:12)
& C6 U3 d9 m3 X 7-5 标签导航器 (24:06)1 e9 V2 f" y& z/ v) X0 ?5 O8 l2 f
第8章 状态管理Dva 试看5 k+ u, F8 S6 m0 N: D
本章主要讲解redux和redux-saga的封装库dva,以及dva和react-native的集成以及插件loading
. O) k% @* p7 W4 U9 ? 共 6 节 (69分钟)
! {" y- i9 }6 x% } 8-1 状态管理基础介绍(redux) (19:42)试看) j' V% i6 ?( N! c; ^" ?
8-2 状态管理基础介绍(redux-saga) (10:30)试看
8 \$ l7 k& n, Z) W% s D6 U 8-3 集成Dva-core (15:51)9 B( f7 F b0 E! s! Y: Z
8-4 Dva基础使用方法 (10:12)7 P/ z$ ]5 l0 O+ t* @
8-5 Dva异步操作 (04:29)
1 p- `% f( V( k4 h! O# u 8-6 Dva插件dva-loading (07:46)
9 i/ y% n4 v' H& n$ g+ c 第9章 首页模块
9 L, p# {' v8 Y2 L 这一章才算是正式开始了业务逻辑的开发,本章会教大家完成首页模块的功能,如轮播图、渐变色,接口请求、自定义顶部标签导航器的标签栏
3 ~+ N4 b5 h& k1 q4 o; ? 共 18 节 (278分钟) : S' e+ }1 q p. n/ u+ j, O
9-1 首页展示与功能分析 (03:29)% ]4 f4 B! l1 n6 |1 h% ?
9-2 底部标签导航器字体图标 (13:05)
# M* J; e% r5 }& g$ }! j! m6 e 9-3 顶部标签导航器 (13:20)7 l2 D& n5 z# l' T4 q2 A" ? J
9-4 轮播图 上 (18:00)9 ^ A8 b2 x4 l+ Z) v! R: I5 J5 C: w
9-5 轮播图 下 (16:26)
0 R! P# P! r) @" S' C0 ~ 9-6 网络请求到数据,通过dva映射到组件 (28:11)- i' Z+ Q$ d/ v0 T9 [+ P, ?- j
9-7 猜你喜欢 上 (21:27)
3 r3 r, q# L( e! k# A, f0 d: R 9-8 猜你喜欢 下 (20:08)8 J3 z/ s, |! M' @5 ?- w
9-9 首页列表(1) (14:00)
, X$ _/ A& }- W4 C 9-10 首页列表(2) (19:41)
/ f+ Z+ n% r8 y( ^5 M, m5 [! x. S+ [0 V 9-11 首页列表优化与课后作业 (11:49)
9 N g! J# F7 v% @) ]$ b 9-12 上拉加载更多 (23:53)
2 t. S" q w; J' \ 9-13 下拉刷新 (07:44)
9 Z" `5 |. [' C, p- u1 m 9-14 自定义顶部标签组件 (13:37)6 w; E& u3 X v4 ~: V6 y1 q
9-15 自定义顶部标签组件布局 (12:16)& k6 p X3 {# Z* u4 [" q2 D
9-16 自定义顶部标签组件渐变色效果 (16:21)
7 A" Y+ A$ e! o f0 t" K; ~ 9-17 自定义顶部标签渐变色组件显隐 (17:36)
9 P# f8 _) a9 F* q5 P7 [5 K 9-18 自定义组件的完善 (06:54)
* k9 I) f" Z* v+ C4 I4 j9 C) x: O; R* H' ` 第10章 分类模块0 g! I- a4 R! p2 G0 O2 T, ^
本章主要会通过dva状态管理库来完成类别的增删改查功能以及拓展排序的功能,通过这几个经典业务逻辑帮助大家更好的掌握dva库,另外会学习动态的顶部标签导航器和动态的生成dva的model的功能。
- d' \/ @! R" d/ q; Q 共 12 节 (136分钟)
( h+ d$ J X) v 10-1 类别模块功能演示和分析 (01:56)
7 J2 m4 |* H: b3 Y 10-2 数据结构和本地数据存储 (09:18)
8 }! S% t% l9 L# j 10-3 类别模块的model (16:34): I2 T# C, U* M
10-4 类别页面的布局和样式(1) (17:29)
8 p1 Y& N* ?( s8 v J 10-5 类别页面的布局和样式(2) (11:53)
4 y8 R: g, |2 D, c+ x( |( ^6 D3 y 10-6 添加标题栏右上角按钮以及切换编辑状态 (18:17)
+ i( K4 \3 t0 x V; b9 M 10-7 新增类别和删除类别(1) (11:38)
- o; n) r# Q5 \' A2 | 10-8 新增类别和删除类别(2) (10:21)" _! I3 I1 _* m& w4 u& t' h
10-9 类别的拖拽功能 (11:22)
$ x( u" A0 T0 r: H5 M 10-10 动态生成标签导航器和model(1) (12:11)
8 \! ?' w! Y' M 10-11 动态生成标签导航器和model(2) (13:07)- I1 A* |; Y# O4 }
10-12 课后作业 (01:11)4 R+ l) ^; B/ x# R
第11章 频道模块
6 d( b* M2 h; d! K 本章主要学习手势响应系统,通过手势响应系统实现当头部可见时,手指向上滑动时,tab标签组件中的FlatList无法滚动,逐渐滑动到头部组件不可见时,tab标签组件中的FlatList才能滚动的效果;当头部不可见时,手指向下滑动时,直到FlatList滚动到最顶部时,头部才可以滑动的效果,而且根据这个滚动,标签栏也会有淡入淡出的动...
) Z2 J6 o3 }8 l- m) W 共 12 节 (186分钟) 6 L/ A9 B- @; [* K+ K0 ]$ L
11-1 频道模块的功能演示和分析 (01:54)
- n! ~4 B* A* _7 M* Q7 i 11-2 yapi创建接口和model (16:45)6 C* B+ E G: k2 V' _
11-3 频道信息组件(上) (20:59)
% G! P3 O: V& |# w5 ]' S 11-4 频道信息组件(下) (24:22)
8 }" I4 r+ t# D$ ]# J: B 11-5 频道页面Tab标签(上) (17:32)
7 U, d8 }7 b5 c0 S' u 11-6 频道页面Tab标签(下) (24:57)
' O4 o$ L) z" D1 d' C2 ` 11-7 react-native的动画 (10:12)5 Z1 M% j2 l: y* S% K7 e
11-8 手势响应系统(1) (16:07)4 e6 X0 v! l: b! P9 N# ~& ~
11-9 手势响应系统(2) (07:38)! G# M# c# z' }9 B
11-10 手势响应系统(3) (13:12)9 J% E, f9 l' g0 K) r
11-11 手势响应系统(4) (21:15)) x" ^4 H" T* x, Y
11-12 react-native-tab-view组件的优化以及课后作业 (10:12); s" Q# x& `) B3 g9 l
第12章 频道详情模块+ O9 [7 f# M+ ^+ J3 c" ^
本章主要学习音频的播放,而且通过进度条显示当前音频的播放时长,以及上一首、下一首、播放、暂停的功能和弹幕
' ~& f7 f# h* E 共 17 节 (184分钟)
* @3 s! k0 B* X% Y- }1 { 12-1 频道详情页面的功能介绍和分析 (01:35)
* ~# {8 @5 E# F& ]" _% ^. ] 12-2 导航器的全屏模式(上) (12:08)
% ~; W3 m3 X+ A5 |& i. ? 12-3 导航器的全屏模式(下) (09:37): i7 d o% w7 K) E4 s+ S
12-4 音频播放(1) (09:14)
6 e( L. E+ n4 D/ S w% U; H6 `' c# [ 12-5 音频播放(2) (10:19)/ B. V7 K) t* B8 D3 _/ a
12-6 音频播放(3) (09:25)
- h" r2 w) `) g; H 12-7 音频播放(4) (09:30)
- a4 u# N w- r/ f/ ` 12-8 暂停以及进度条展示播放时间(上) (13:27)2 o" k3 r3 @% l( k% v- `! U
12-9 暂停以及进度条展示播放时间(下) (14:32)9 h9 ?3 t* |- Z: T7 B$ N% l2 B
12-10 上一首下一首功能(上) (12:26)
$ V7 Y7 W% z4 E1 d 12-11 上一首下一首功能(下) (15:11)# D2 E) c" J8 ~. Q8 A
12-12 图片的缩放和渐变色 (18:42)
% [" d% p; j3 b0 W. E/ z7 p 12-13 弹幕 (1) (11:18); c6 Z9 E( Z6 X% f# [
12-14 弹幕(2) (11:16)4 L9 O3 K/ K0 y4 {: ~, P
12-15 弹幕(3) (10:39)
2 X0 A( I$ @: I 12-16 弹幕(4) (13:06)1 s/ O1 `/ ]7 U, v$ k4 i% G9 ?+ _
12-17 课后练习 (00:38)
( z I0 W4 D3 e) g% G) W 第13章 底部标签导航器的播放标签以及脱离导航器之外的播放按钮: u3 m# K7 l* w7 a% K
本章主要学习如何在导航器之外展示一个独立的组件,而且有播放动画效果。并且会根据页面和播放的状态判断是否显示
" X4 E7 {( ~" q8 Q3 s 共 6 节 (59分钟)
4 @+ ?- N4 [9 ]; A) P, X 13-1 底部标签播放按钮的功能介绍和分析 (01:10)
' y) ~% v5 ~8 W( i: ? 13-2 自定义底部标签按钮(上) (14:23)
" ?8 Y8 E! K, G Z- F 13-3 自定义底部标签按钮(下) (12:20); d& s @: e6 ? s: Q' c
13-4 页面之外的播放按钮 (17:38)
: b( ?) u' b: l$ Y) _& z% b2 x& Z 13-5 播放按钮的跳转功能 (12:18)
. @8 x. H+ p8 V9 G" x" G( P 13-6 课后练习 (00:23)
1 `0 G$ E5 ~( B: B- }2 ` 第14章 我听模块
~; o- \8 D8 C9 B 本章主要学习本地数据持久化,realmjs的使用,通过记录用户曾经播放过的音频以及播放到的时间,然后以列表的形式展示出来。
, ^: Z1 T9 l' B 共 6 节 (47分钟) % j% I; _0 l$ C; U6 [" Q; P* v
14-1 我听模块的功能展示和分析 (02:41)
& `6 i2 J, c4 b8 Z: J5 k* ^ 14-2 安装realm (13:04)7 Z2 ~- v5 p4 d
14-3 保存播放的音频 (07:06)
1 @, d6 _, ^6 d- o7 X" m. q" u 14-4 查询realm数据 (13:26)
' W# T Y: x7 ` 14-5 删除realm数据 (04:16)3 }3 z' y$ I4 J9 R1 D8 E* T# g
14-6 更新表结构以及迁移数据 (06:22)
+ y. g+ b- I, U 第15章 发现模块0 C* a- W0 N _' |
本章主要学习在FlatList中展示视频,以及视频的播放功能。并且同一时间只能播放一个视频,需要做一些优化,并且在播放视频时需要暂停音频。' P" L! I' d: I! m8 c! @; U
共 5 节 (30分钟) + [4 e$ T: o" H4 H; s# H [
15-1 发现页面的功能介绍和分析 (00:37)5 b4 @0 F- s1 O8 U3 S. j" |
15-2 发现模块的model (06:18); F( h" m- e0 }3 S! d5 s
15-3 FlatList展示视频 (14:12), D0 r: I2 U8 K! d' t
15-4 暂停其他视频和音频的播放 (08:14)
+ A' a0 W/ o" G. }# f1 X# X' ^4 J 15-5 课后练习 (00:39)
; j" h3 ]9 V0 L5 I# P 第16章 账号模块0 d( _3 q9 X( S9 L& ]* @6 G2 \& A3 A
本章主要学习表单的校验和提交,并且需要保存登录状态,这样用户在以后进入应用时,就不会再次提醒需要登录了。- D" P" h" ^! X4 h8 [3 D
共 9 节 (106分钟)
+ y( ]* Y `; ]6 k n) a$ g3 Y# P 16-1 账号模块的功能展示和分析 (02:26)! R, E4 c( _( q1 t3 F3 n
16-2 账号模块的model (08:41)% n$ t* n6 C" |) s% o$ Q& a
16-3 我的页面ui以及跳转功能 (14:29) Q; e, u, N4 _5 ?0 z
16-4 登录页面表单组件Formik (14:25)
0 {6 D [$ p. p. N9 E 16-5 表单校验库yup (07:04)4 {; E1 E# e) N' w: e' b
16-6 封装表单输入框 (15:37)9 T3 ` g6 D* A& _
16-7 显示用户信息以及保存登录状态(上) (13:30)' j9 c: O7 r/ H e
16-8 显示用户信息以及保存登录状态(下) (13:23)3 }: G/ i7 [" c
16-9 功能完善和课后练习 (16:05)
+ x8 I, d4 T/ w' O. G 第17章 打包发布
. n( O& X/ a( `9 j: J/ j 本章主要学习应用的打包和发布。
* s1 I; ^( S6 }, {+ L* { 共 10 节 (98分钟) & R& I/ i% q7 U( T V
17-1 启动页之android配置 (16:45)6 x2 O2 M" V$ k+ }7 p5 m# D
17-2 启动页之ios配置 (06:31)* t$ u; o6 u3 D5 h
17-3 Android应用图标以及配置 (16:30)' _& |. V+ C# ~6 q( R( d( L
17-4 android打包发布到蒲公英以及豌豆荚(上) (08:33)
+ S4 t/ k2 J( o( q9 d 17-5 android打包发布到蒲公英以及豌豆荚(下) (14:07)
* G C' S7 X$ l' o. z0 w- X 17-6 ios端配置 (05:47)
! M% l2 D* p+ x 17-7 ios编译并上传到蒲公英(上) (10:42)1 A; X2 H+ {5 ?
17-8 ios编译并上传到蒲公英(下) (03:07)
P7 C" o: o! o; A3 C6 V 17-9 ios编译并上传到appstore(上) (05:24)
( w: O$ n0 Z) f% _1 N: k5 R/ o# I 17-10 ios编译并上传到appstore(下) (10:02): P" i. K1 y! Q, i) r6 ] [6 {
第18章 课程总结# q& x/ K# e6 B; ~4 e, E
本章将带大家回顾总结本门课程,有问题欢迎大家到课程问答区提问。希望大家缺工作的找到工作,有工作的涨工资。1 J5 {9 r: o, v7 e$ m& z5 o+ w
共 1 节 (7分钟) 1 s1 w: M7 [) }( a
18-1 课后总结 (06:20)/ } v7 @0 v2 ^
〖视频截图〗: 〖百度网盘下载地址〗: ---------------------------------华丽分割线-----------------------------------华丽分割线--------------------------华丽分割线-------------------------华丽分割线-----------------------
) J4 L* l. e0 m7 F0 U# ^' w" Y, a
5 G8 t: g3 j( o8 E# c〖下载地址失效反馈〗:7 ?% h) Y) U0 U k; `
如果下载地址失效,请尽快反馈给我们,我们尽快修复。反馈地址:https://www.itspxx.com/forum-85-1.html' p! Z' i i( B9 _* ~& Y I& O6 h
3 C; k6 k$ _% f, n, k
〖赞助VIP免学币下载全站资源〗:% X7 T- y1 C6 y7 B% b( V
全站资源高清无密,每天更新,vip特权了解一下:https://www.itspxx.com/plugin.php?id=threed_vip#vip_info
+ Q; a' y5 z9 Z0 v$ [ R9 w
0 p- ^" Z _0 k/ L# U2 }# ~〖客服24小时咨询〗: C, j! Y% ^% M- |: i, r. ?
有任何问题,请点击右侧QQ咨询。 |
|