【课程介绍】

使用RN + TS开发听书App,从需求分析,到功能实现,一步步带领大家完成功能,学会如何解决实际开发问题,是一个完整的项目开发实例。通过导航器、dva状态管理、图标生成组件、自定义导航器、动画效果、音视频的播放、动态导航和动态model、本地数据持久化等一系列的功能,帮助大家具备独立开发完整的RN应用的能力


【课程目录】

第1章 课程介绍

本课程主要介绍为什么要使用React Native + TypeScript开发应用。

1-1 课程导学


第2章 ES6、React、React Native基础知识串讲

本章会讲解学习这门课程之前必备的基础知识,主要讲解ES6、RN等必备知识点,专门为新手学员准备的,这些内容在后面的实战中都会用到。

2-1 环境搭建

2-2 Android开发环境搭建

2-3 创建项目

2-4 ES6之简介及变量声明

2-5 ES6之模板字符串和函数默认参数

2-6 ES6之箭头函数

2-7 ES6之解构赋值、对象字面量、展开语法、剩余语法

2-8 ES6之class

2-9 ES6之class继承

2-10 promise知识讲解

2-11 ES6之generator

2-12 ES6之模块

2-13 React基础

2-14 RN基础知识之RN介绍

2-15 RN基础知识之宽高

2-16 RN基础知识之基础组件与样式

2-17 RN布局(1)

2-18 RN布局(2)

2-19 RN基础之触摸事件

2-20 RN基础之网络请求


第3章 TypeScript基础知识

本章会讲解学习这门课程之前必备的基础知识,主要讲解TS的必备知识点,专门为新手学员准备的,这些内容在后面的实战中都会用到。

3-1 TypeScript之简介

3-2 TypeScript之非原始类型

3-3 TypeScript之函数

3-4 TypeScript之接口

3-5 TypeScript之泛型


第4章 项目分析

本章主要对这门课程需要制作的听书应用的分析,讲解整个项目的流程,对本门课程的应用进行需求、模块、技术的分析

4-1 项目分析


第5章 项目初始化

本章才算是正式开始应用的开发了。还有我在工作中用到的两个非常好的第三方项目,可以做到多环境设置和绝对路径的设置,能帮助我们减少一些繁琐枯燥又容易出错的工作。

5-1 项目初始化

5-2 多环境

5-3 绝对路径


第6章 接口管理工具

本章主要学习如何在本地部署yapi,以及yapi的基本使用方法

6-1 接口文档


第7章 新版导航器React-Navigation5.0

本章主要讲解5.0版本的react-navigation,堆栈式和底部标签导航器的基本配置和使用

7-1 导航器基本介绍

7-2 安装导航器

7-3 堆栈式导航器(1)

7-4 堆栈式导航器(2)

7-5 标签导航器


第8章 状态管理Dva

本章主要讲解redux和redux-saga的封装库dva,以及dva和react-native的集成以及插件loading

8-1 状态管理基础介绍(redux)

8-2 状态管理基础介绍(redux-saga)

8-3 集成Dva-core

8-4 Dva基础使用方法

8-5 Dva异步操作

8-6 Dva插件dva-loading


第9章 首页模块

这一章才算是正式开始了业务逻辑的开发,本章会教大家完成首页模块的功能,如轮播图、渐变色,接口请求、自定义顶部标签导航器的标签栏

9-1 首页展示与功能分析

9-2 底部标签导航器字体图标

9-3 顶部标签导航器

9-4 轮播图 上

9-5 轮播图 下

9-6 网络请求到数据,通过dva映射到组件

9-7 猜你喜欢 上

9-8 猜你喜欢 下

9-9 首页列表(1)

9-10 首页列表(2)

9-11 首页列表优化与课后作业

9-12 上拉加载更多

9-13 下拉刷新

9-14 自定义顶部标签组件

9-15 自定义顶部标签组件布局

9-16 自定义顶部标签组件渐变色效果

9-17 自定义顶部标签渐变色组件显隐

9-18 自定义组件的完善


第10章 分类模块

本章主要会通过dva状态管理库来完成类别的增删改查功能以及拓展排序的功能,通过这几个经典业务逻辑帮助大家更好的掌握dva库,另外会学习动态的顶部标签导航器和动态的生成dva的model的功能。

10-1 类别模块功能演示和分析

10-2 数据结构和本地数据存储

10-3 类别模块的model

10-4 类别页面的布局和样式(1)

10-5 类别页面的布局和样式(2)

10-6 添加标题栏右上角按钮以及切换编辑状态

10-7 新增类别和删除类别(1)

10-8 新增类别和删除类别(2)

10-9 类别的拖拽功能

10-10 动态生成标签导航器和model(1)

10-11 动态生成标签导航器和model(2)

10-12 课后作业


第11章 频道模块

本章主要学习手势响应系统,通过手势响应系统实现当头部可见时,手指向上滑动时,tab标签组件中的FlatList无法滚动,逐渐滑动到头部组件不可见时,tab标签组件中的FlatList才能滚动的效果;当头部不可见时,手指向下滑动时,直到FlatList滚动到最顶部时,头部才可以滑动的效果,而且根据这个滚动,标签栏也会有淡入淡出的动...

11-1 频道模块的功能演示和分析

11-2 yapi创建接口和model

11-3 频道信息组件(上)

11-4 频道信息组件(下)

11-5 频道页面Tab标签(上)

11-6 频道页面Tab标签(下)

11-7 react-native的动画

11-8 手势响应系统(1)

11-9 手势响应系统(2)

11-10 手势响应系统(3)

11-11 手势响应系统(4)

11-12 react-native-tab-view组件的优化以及课后作业


第12章 频道详情模块

本章主要学习音频的播放,而且通过进度条显示当前音频的播放时长,以及上一首、下一首、播放、暂停的功能和弹幕

12-1 频道详情页面的功能介绍和分析

12-2 导航器的全屏模式(上)

12-3 导航器的全屏模式(下)

12-4 音频播放(1)

12-5 音频播放(2)

12-6 音频播放(3)

12-7 音频播放(4)

12-8 暂停以及进度条展示播放时间(上)

12-9 暂停以及进度条展示播放时间(下)

12-10 上一首下一首功能(上)

12-11 上一首下一首功能(下)

12-12 图片的缩放和渐变色

12-13 弹幕 (1)

12-14 弹幕(2)

12-15 弹幕(3)

12-16 弹幕(4)

12-17 课后练习


第13章 底部标签导航器的播放标签以及脱离导航器之外的播放按钮

本章主要学习如何在导航器之外展示一个独立的组件,而且有播放动画效果。并且会根据页面和播放的状态判断是否显示

13-1 底部标签播放按钮的功能介绍和分析

13-2 自定义底部标签按钮(上)

13-3 自定义底部标签按钮(下)

13-4 页面之外的播放按钮

13-5 播放按钮的跳转功能

13-6 课后练习


第14章 我听模块

本章主要学习本地数据持久化,realmjs的使用,通过记录用户曾经播放过的音频以及播放到的时间,然后以列表的形式展示出来。

14-1 我听模块的功能展示和分析

14-2 安装realm

14-3 保存播放的音频

14-4 查询realm数据

14-5 删除realm数据

14-6 更新表结构以及迁移数据


第15章 发现模块

本章主要学习在FlatList中展示视频,以及视频的播放功能。并且同一时间只能播放一个视频,需要做一些优化,并且在播放视频时需要暂停音频。

15-1 发现页面的功能介绍和分析

15-2 发现模块的model

15-3 FlatList展示视频

15-4 暂停其他视频和音频的播放

15-5 课后练习


第16章 账号模块

本章主要学习表单的校验和提交,并且需要保存登录状态,这样用户在以后进入应用时,就不会再次提醒需要登录了。

16-1 账号模块的功能展示和分析

16-2 账号模块的model

16-3 我的页面ui以及跳转功能

16-4 登录页面表单组件Formik

16-5 表单校验库yup

16-6 封装表单输入框

16-7 显示用户信息以及保存登录状态(上)

16-8 显示用户信息以及保存登录状态(下)

16-9 功能完善和课后练习


第17章 打包发布

本章主要学习应用的打包和发布。

17-1 启动页之android配置

17-2 启动页之ios配置

17-3 Android应用图标以及配置

17-4 android打包发布到蒲公英以及豌豆荚(上)

17-5 android打包发布到蒲公英以及豌豆荚(下)

17-6 ios端配置

17-7 ios编译并上传到蒲公英(上)

17-8 ios编译并上传到蒲公英(下)

17-9 ios编译并上传到appstore(上)

17-10 ios编译并上传到appstore(下)


第18章 课程总结

本章将带大家回顾总结本门课程,有问题欢迎大家到课程问答区提问。希望大家缺工作的找到工作,有工作的涨工资。

18-1 课后总结

本站所发布的一切视频课程仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站所有课程来自网络,版权争议与本站无关。如有侵权请联系邮箱:[email protected] 或者QQ 3863518080 ,我们将第一时间处理!