|
〖课程介绍〗:9 v H8 I; H) k- z, ]. \8 C
使用RN + TS开发听书App,从需求分析,到功能实现,一步步带领大家完成功能,学会如何解决实际开发问题,是一个完整的项目开发实例。通过导航器、dva状态管理、图标生成组件、自定义导航器、动画效果、音视频的播放、动态导航和动态model、本地数据持久化等一系列的功能,帮助大家具备独立开发完整的RN应用的能力5 U6 j9 |# B% m/ d% H* I1 n
) _8 J! S [" L, C〖课程目录〗:: _7 M% e9 `# W1 B4 V. l7 s$ D9 T
第1章 课程介绍 试看: C; D, T! K, J3 |+ a7 ^0 M
本课程主要介绍为什么要使用React Native + TypeScript开发应用。
' |( V d: O. b1 ?9 \5 I' v8 K 共 1 节 (17分钟) % i( d, s1 G3 N7 y5 B4 _2 p) [/ \
1-1 课程导学 (16:17)试看
3 a/ {. O1 H( ~; }+ Z 第2章 ES6、React、React Native基础知识串讲4 U7 \0 \5 W4 I! ~! f
本章会讲解学习这门课程之前必备的基础知识,主要讲解ES6、RN等必备知识点,专门为新手学员准备的,这些内容在后面的实战中都会用到。- W2 p% P' _5 h# m2 I% G5 f
共 20 节 (287分钟)
5 Z: P8 S( R9 Y# p1 u; P 2-1 环境搭建 (13:04)
- Q8 x$ i: M$ h0 }1 l 2-2 Android开发环境搭建 (12:25)
: B1 @( }/ T1 q3 T/ p v 2-3 创建项目 (09:20)
# Z3 Z% B" f0 O) o/ }, | 2-4 ES6之简介及变量声明 (14:00)
$ P) r- K7 f+ |! q8 l 2-5 ES6之模板字符串和函数默认参数 (21:19)( ]! F4 t. D9 v7 |$ O0 N: t
2-6 ES6之箭头函数 (09:35) m3 c, @! u9 _ e
2-7 ES6之解构赋值、对象字面量、展开语法、剩余语法 (17:34): m K5 X: K5 p. N. k' ]
2-8 ES6之class (28:42)
% T: I/ R8 r; ]! r 2-9 ES6之class继承 (15:14)
- V( @" A2 V2 S) k8 y 2-10 promise知识讲解 (28:40)) n5 x# @5 Z8 C ^9 z5 B6 Y
2-11 ES6之generator (23:29)
$ K* Q$ |' d" e, h1 f3 q 2-12 ES6之模块 (03:51)
) {, X" L; l3 X& l- r 2-13 React基础 (16:26)
) X1 y/ A) h# O& q 2-14 RN基础知识之RN介绍 (12:10), l/ G# t3 a; \
2-15 RN基础知识之宽高 (03:27)8 T3 c2 w2 ~5 b/ A& b0 [. E
2-16 RN基础知识之基础组件与样式 (07:32)
0 H) p9 S8 t% O2 z) g! W& N$ S 2-17 RN布局(1) (11:22)
0 y @" A* e7 c; Z" @5 H 2-18 RN布局(2) (14:04)3 k6 T8 S8 V/ Y. p0 E/ L2 Z
2-19 RN基础之触摸事件 (12:38). r$ F z) v, |9 B" w" i. I4 p; u
2-20 RN基础之网络请求 (12:03)
# O' e, s' W$ S 第3章 TypeScript基础知识
) ~6 z* @1 L0 P6 ?2 Q5 H% g 本章会讲解学习这门课程之前必备的基础知识,主要讲解TS的必备知识点,专门为新手学员准备的,这些内容在后面的实战中都会用到。
7 r8 h( C, }1 T& q3 r 共 5 节 (43分钟) ) v- ]# b: K5 \
3-1 TypeScript之简介 (11:35): F8 W9 l" e% U5 v3 T2 {+ }5 b% c
3-2 TypeScript之非原始类型 (08:25)
$ \( c6 H* U# Y2 c 3-3 TypeScript之函数 (05:14)- ?1 I( f% n; b8 {' o8 e0 `
3-4 TypeScript之接口 (13:31)
& j4 n8 d0 T. x& }4 v9 j$ b" h 3-5 TypeScript之泛型 (03:41)
. O( L2 N5 H2 e+ G9 q+ V 第4章 项目分析
- | {. l3 q e9 @4 Z( Y 本章主要对这门课程需要制作的听书应用的分析,讲解整个项目的流程,对本门课程的应用进行需求、模块、技术的分析
; Y* M3 n, J' ~ 共 1 节 (11分钟)
' A: O3 X$ U: w+ z 4-1 项目分析 (10:03)
! I9 w1 U6 M" t: M6 b 第5章 项目初始化) {2 N H5 T+ E8 `
本章才算是正式开始应用的开发了。还有我在工作中用到的两个非常好的第三方项目,可以做到多环境设置和绝对路径的设置,能帮助我们减少一些繁琐枯燥又容易出错的工作。
' S; E5 U ], d* @" r" J2 W4 O% ` 共 3 节 (27分钟) : C _% w# N& d9 ^) ~; U$ k% i
5-1 项目初始化 (05:48)2 B# B/ V7 V. y5 u# Z+ o5 z
5-2 多环境 (07:43)
- @6 R# v0 z$ E6 J 5-3 绝对路径 (13:26)9 ^ Q' }- z& o9 F
第6章 接口管理工具
3 C: @& [' V+ n0 v8 H; _9 U 本章主要学习如何在本地部署yapi,以及yapi的基本使用方法
. u- `; U7 |% _. P2 }; i8 _ 共 1 节 (17分钟) 5 i; e3 e+ L* k4 u6 N6 J3 d
6-1 接口文档 (16:06)" k; ^. U9 J* h, a7 z2 m4 m6 a
第7章 新版导航器React-Navigation5.0! K; J' Z' f5 l) I. k
本章主要讲解5.0版本的react-navigation,堆栈式和底部标签导航器的基本配置和使用
G2 n& m/ ~" x 共 5 节 (73分钟)
, a( a6 O* o, X( A6 q 7-1 导航器基本介绍 (03:48)4 B8 t3 j1 _7 B' {/ |) o8 v
7-2 安装导航器 (08:23)1 D @" L0 F. t9 W) K5 U
7-3 堆栈式导航器(1) (18:12)
$ i9 E! A7 g1 G5 O, _5 H 7-4 堆栈式导航器(2) (18:12)
; j2 }9 N, S8 Z3 }* X+ B3 I 7-5 标签导航器 (24:06)# B- x) Z* z$ x+ l0 M4 m
第8章 状态管理Dva 试看
3 Q- \3 i6 m( E- G/ W 本章主要讲解redux和redux-saga的封装库dva,以及dva和react-native的集成以及插件loading
7 @3 e4 N1 \/ I# H 共 6 节 (69分钟)
; A) r5 Z5 O9 y; f# T% L 8-1 状态管理基础介绍(redux) (19:42)试看 {+ ?& b2 X1 m) |. I
8-2 状态管理基础介绍(redux-saga) (10:30)试看
8 j4 T$ F. A( \, `7 f" A$ @ 8-3 集成Dva-core (15:51)
, W6 z6 A& ]' i. y& h9 I 8-4 Dva基础使用方法 (10:12)
2 F- x( j+ |$ g 8-5 Dva异步操作 (04:29)% f L5 c8 d( O
8-6 Dva插件dva-loading (07:46)
" h! X9 ?2 X& L1 z- M 第9章 首页模块
6 Z: |, [8 o$ I- M% U3 ~ y 这一章才算是正式开始了业务逻辑的开发,本章会教大家完成首页模块的功能,如轮播图、渐变色,接口请求、自定义顶部标签导航器的标签栏6 r& v) v8 U8 z# S+ ?! d4 a
共 18 节 (278分钟)
8 @# P5 [6 _# O 9-1 首页展示与功能分析 (03:29)
2 x' M/ L: a/ w g; H. s 9-2 底部标签导航器字体图标 (13:05)4 n5 h$ b( w' |9 t# z$ K
9-3 顶部标签导航器 (13:20)
; r; x1 o) |- K5 G o5 ~3 q6 B. s1 u 9-4 轮播图 上 (18:00)0 k( _8 j$ _4 }1 d- ^
9-5 轮播图 下 (16:26)& C+ b" D' S2 m& O
9-6 网络请求到数据,通过dva映射到组件 (28:11)3 k! F( ?) E! z( I- X% v& k
9-7 猜你喜欢 上 (21:27)# ? ]9 Q5 ^) T \
9-8 猜你喜欢 下 (20:08)+ o& }8 b0 Z( B3 I4 p
9-9 首页列表(1) (14:00)6 U0 ? X. |1 m: `2 V6 s6 g8 R
9-10 首页列表(2) (19:41); U( R: z$ c# l
9-11 首页列表优化与课后作业 (11:49)
; e+ t- z, T) U2 \& r 9-12 上拉加载更多 (23:53)! w! F0 _, Y6 o, u4 t
9-13 下拉刷新 (07:44)
* F2 r- ?: \ X; _ 9-14 自定义顶部标签组件 (13:37)
) e& d8 z9 C1 \8 R- b! d3 I 9-15 自定义顶部标签组件布局 (12:16)
t4 x$ r3 B$ |7 |0 y: X2 Y 9-16 自定义顶部标签组件渐变色效果 (16:21). Q; k$ G3 O6 w8 X7 z, U
9-17 自定义顶部标签渐变色组件显隐 (17:36); x( x+ q! H- E2 R. P* u
9-18 自定义组件的完善 (06:54) a" R" o9 U8 Q
第10章 分类模块! ~* M$ i/ Y/ }8 M
本章主要会通过dva状态管理库来完成类别的增删改查功能以及拓展排序的功能,通过这几个经典业务逻辑帮助大家更好的掌握dva库,另外会学习动态的顶部标签导航器和动态的生成dva的model的功能。
. q" R8 Z1 ^8 m& z0 H& m8 h# [ 共 12 节 (136分钟) : U J4 W) O- j/ d; W
10-1 类别模块功能演示和分析 (01:56)- m6 m0 P* y5 s/ M+ w
10-2 数据结构和本地数据存储 (09:18)
' M" _' F# N) l) G 10-3 类别模块的model (16:34)& f* I$ T3 I5 c
10-4 类别页面的布局和样式(1) (17:29)
) M1 B$ Z# I" q3 b( U- f 10-5 类别页面的布局和样式(2) (11:53)
7 l+ I+ w$ b$ B" @0 T: k" z! w 10-6 添加标题栏右上角按钮以及切换编辑状态 (18:17)$ m- z: c" f) @7 O( k
10-7 新增类别和删除类别(1) (11:38)8 |9 e5 H9 r4 x/ z) n4 W4 L: y
10-8 新增类别和删除类别(2) (10:21)
) V: _+ G+ Z, z. @5 j) w 10-9 类别的拖拽功能 (11:22)2 S: l. O" ~9 k' I
10-10 动态生成标签导航器和model(1) (12:11)$ g1 \- {1 R [' z6 C6 L; j( ^7 C
10-11 动态生成标签导航器和model(2) (13:07)
2 Q+ r; Y' c; U/ B 10-12 课后作业 (01:11)
6 |- |/ F' l, i; `) g# i" | N 第11章 频道模块7 X6 e# h7 S) `* v1 B
本章主要学习手势响应系统,通过手势响应系统实现当头部可见时,手指向上滑动时,tab标签组件中的FlatList无法滚动,逐渐滑动到头部组件不可见时,tab标签组件中的FlatList才能滚动的效果;当头部不可见时,手指向下滑动时,直到FlatList滚动到最顶部时,头部才可以滑动的效果,而且根据这个滚动,标签栏也会有淡入淡出的动...
; P/ i, ?/ i7 d 共 12 节 (186分钟)
9 I9 o4 @7 C6 I B0 l 11-1 频道模块的功能演示和分析 (01:54)5 m0 e1 p( W* L
11-2 yapi创建接口和model (16:45)+ ?6 l: o( @, U8 T- c2 v0 Y
11-3 频道信息组件(上) (20:59)1 h- ~: O& U+ j8 `" {, I
11-4 频道信息组件(下) (24:22)% X. G( C1 w' H1 M4 c9 Y8 w
11-5 频道页面Tab标签(上) (17:32)
6 I! _0 { G, W/ o' F V6 m 11-6 频道页面Tab标签(下) (24:57)
) K6 K( [ }( e0 c 11-7 react-native的动画 (10:12)
% p: P. s: _1 u8 D/ I 11-8 手势响应系统(1) (16:07)3 o: n0 [# r# q% B
11-9 手势响应系统(2) (07:38)
: @$ w- x( O; N 11-10 手势响应系统(3) (13:12)6 O4 i6 A. ^3 x# T5 C3 G2 b
11-11 手势响应系统(4) (21:15). }+ O4 h6 v; Y
11-12 react-native-tab-view组件的优化以及课后作业 (10:12)- o2 e! t* E8 a4 I7 z
第12章 频道详情模块
9 }$ G1 A5 [" V% y 本章主要学习音频的播放,而且通过进度条显示当前音频的播放时长,以及上一首、下一首、播放、暂停的功能和弹幕
& _1 m. d2 s& F3 M+ c& ` 共 17 节 (184分钟)
* Z/ { R' ?* s4 r 12-1 频道详情页面的功能介绍和分析 (01:35)
4 V) B. y$ h2 F* f# ` 12-2 导航器的全屏模式(上) (12:08)) R& q0 e* _# M; B `, i5 m( A' R
12-3 导航器的全屏模式(下) (09:37)6 v6 c' L" z4 U( N7 N. J: x
12-4 音频播放(1) (09:14)
" l! @5 D! f. A/ Q8 o: b' b 12-5 音频播放(2) (10:19)% V" i* @6 w# |9 H3 n2 `9 t' T
12-6 音频播放(3) (09:25); y* g2 v4 P4 ~ q% M7 s3 M" P
12-7 音频播放(4) (09:30)$ D" H, l/ Q. L) Y
12-8 暂停以及进度条展示播放时间(上) (13:27)& B6 s% [/ [/ l! S. g
12-9 暂停以及进度条展示播放时间(下) (14:32)
5 _5 Y3 l( ^+ i5 h3 P 12-10 上一首下一首功能(上) (12:26)% p2 E$ u. h7 h! C( d0 e1 h9 F
12-11 上一首下一首功能(下) (15:11)
, w) G7 F4 p. m+ Y- `4 v, l/ \- p 12-12 图片的缩放和渐变色 (18:42)
9 m. O; r* e( M; \/ m 12-13 弹幕 (1) (11:18)$ C! Y; P( E! f$ y/ n/ d' U+ V
12-14 弹幕(2) (11:16)
7 D4 Q5 D+ u- I8 V- P0 Q 12-15 弹幕(3) (10:39)
- _- ^, v p8 { 12-16 弹幕(4) (13:06)
6 Z6 [: n( G/ z2 d4 y* O 12-17 课后练习 (00:38)
; a( @% E- e1 Q- |) h- Q 第13章 底部标签导航器的播放标签以及脱离导航器之外的播放按钮
. s1 a* {2 M! m0 |/ z 本章主要学习如何在导航器之外展示一个独立的组件,而且有播放动画效果。并且会根据页面和播放的状态判断是否显示
$ ^. j- `$ s" M' y7 M+ k 共 6 节 (59分钟)
( P2 i* X ^' b' o3 T 13-1 底部标签播放按钮的功能介绍和分析 (01:10)- t* j, q( s# ^" k4 p3 E; d
13-2 自定义底部标签按钮(上) (14:23)
% L- D) o- b! t9 Q 13-3 自定义底部标签按钮(下) (12:20)
- M' ~- u. N. E4 v& O! _ o 13-4 页面之外的播放按钮 (17:38)
, Q2 B ]) Q& V ^ 13-5 播放按钮的跳转功能 (12:18)
3 _: P+ T$ g y0 q0 J% F 13-6 课后练习 (00:23)
8 Q6 a% }# S# X/ V' H! i8 |, \/ [ 第14章 我听模块
9 _, a" w% M/ Z% p! t 本章主要学习本地数据持久化,realmjs的使用,通过记录用户曾经播放过的音频以及播放到的时间,然后以列表的形式展示出来。
. j, B( u3 [) S ? 共 6 节 (47分钟)
4 L* B3 j, D1 K; z 14-1 我听模块的功能展示和分析 (02:41)0 j, B& o; S$ U) S* D) u
14-2 安装realm (13:04)4 o% J( B/ L) ^- P! M
14-3 保存播放的音频 (07:06); {+ p! B1 ^0 p( g( a
14-4 查询realm数据 (13:26)
0 c+ a! {# [* j1 ^; Y `3 l 14-5 删除realm数据 (04:16)
9 I2 N% G8 i; n; }5 X- \ 14-6 更新表结构以及迁移数据 (06:22)0 j$ t# q' }* x' X5 D/ n7 R3 C( A
第15章 发现模块
. i8 n- J* z+ [1 S8 f8 K 本章主要学习在FlatList中展示视频,以及视频的播放功能。并且同一时间只能播放一个视频,需要做一些优化,并且在播放视频时需要暂停音频。3 g- e6 J8 ~. l S1 I) r
共 5 节 (30分钟)
' e! ?; O9 m0 E' m) x$ ^ 15-1 发现页面的功能介绍和分析 (00:37)
6 S. w' h" J6 k5 x 15-2 发现模块的model (06:18)' v( J# b$ _7 f
15-3 FlatList展示视频 (14:12)* S( ]" S" v- [5 d; U% x0 e, Q
15-4 暂停其他视频和音频的播放 (08:14)' j. i" [+ e3 C# z
15-5 课后练习 (00:39)4 M2 D+ c# V: O" t4 w# h/ `; S
第16章 账号模块
/ r9 I5 i1 J" a1 I+ n 本章主要学习表单的校验和提交,并且需要保存登录状态,这样用户在以后进入应用时,就不会再次提醒需要登录了。
2 R0 z! h; ]9 X1 h2 k 共 9 节 (106分钟) * I; \: x8 Y: u1 R0 L
16-1 账号模块的功能展示和分析 (02:26)0 @9 w L* f, F8 |. K: M
16-2 账号模块的model (08:41)
- l. k. R! ^0 U; O& d 16-3 我的页面ui以及跳转功能 (14:29); O J; t" k) i, Z
16-4 登录页面表单组件Formik (14:25)3 d n; ^: P! J: k* b
16-5 表单校验库yup (07:04)7 N( u) _7 p2 Z E! T4 d
16-6 封装表单输入框 (15:37)
6 l" m8 X @2 _! g4 O f- K1 r 16-7 显示用户信息以及保存登录状态(上) (13:30)! M3 l' u$ Z- o# r" w! j( O9 @
16-8 显示用户信息以及保存登录状态(下) (13:23)6 J$ [2 a7 X P! t b/ Q- b9 q _3 l
16-9 功能完善和课后练习 (16:05)# ~& A* Z0 _& q& H$ s
第17章 打包发布! j+ D* K( h2 k( E+ ?! A ` t
本章主要学习应用的打包和发布。+ J! Q- B+ ^- L
共 10 节 (98分钟)
' q% i6 K! }5 p2 @2 ? 17-1 启动页之android配置 (16:45)
2 X2 g* o4 }. |, N% a* z 17-2 启动页之ios配置 (06:31)
9 w0 M2 R, f% X) i: b7 A 17-3 Android应用图标以及配置 (16:30)1 O% H; l0 m# B1 H; h# a% C+ C* l
17-4 android打包发布到蒲公英以及豌豆荚(上) (08:33)" b5 P6 L# t* g# B" {8 U3 l
17-5 android打包发布到蒲公英以及豌豆荚(下) (14:07)) ?* t: Y' L" p) V8 t
17-6 ios端配置 (05:47)
7 ^2 C) X* ~! [: t" x 17-7 ios编译并上传到蒲公英(上) (10:42): o3 C( [5 q7 l. F* K, Q5 z
17-8 ios编译并上传到蒲公英(下) (03:07)* i% b- f8 V/ m- t3 q3 T
17-9 ios编译并上传到appstore(上) (05:24)
1 d+ L- G% c+ r5 c7 A' P9 S 17-10 ios编译并上传到appstore(下) (10:02)% j, E. \( n8 t4 u5 D# s* P) J
第18章 课程总结0 @. c* Y! k0 l' i& M3 @. h g$ K
本章将带大家回顾总结本门课程,有问题欢迎大家到课程问答区提问。希望大家缺工作的找到工作,有工作的涨工资。
/ R1 X; ]3 m2 @1 F 共 1 节 (7分钟)
& l K* }6 a7 T4 i j# q; g# c9 q ~ 18-1 课后总结 (06:20)
) W9 |, [% ]( ?# E! `" h/ e〖视频截图〗: 〖百度网盘下载地址〗: ---------------------------------华丽分割线-----------------------------------华丽分割线--------------------------华丽分割线-------------------------华丽分割线-----------------------
6 x1 G0 q2 I0 U$ Q0 o0 P. [7 D! J0 S8 i+ B
〖下载地址失效反馈〗:; Q8 t. v+ X8 k$ y1 a/ C# G
如果下载地址失效,请尽快反馈给我们,我们尽快修复。反馈地址:https://www.itspxx.com/forum-85-1.html
$ ^: q) e5 b) r) |( u2 r& @# r7 J* E& X9 e9 Q( ?" A2 @! R
〖赞助VIP免学币下载全站资源〗:/ F. q- \4 a. S2 K: o+ i- z r( |
全站资源高清无密,每天更新,vip特权了解一下:https://www.itspxx.com/plugin.php?id=threed_vip#vip_info4 u8 T: `1 ], ~ g5 [
8 ~7 h9 K8 b3 e' B
〖客服24小时咨询〗:
) H- W$ j+ m3 {7 u" X有任何问题,请点击右侧QQ咨询。 |
|