〖课程介绍〗:

开源跨平台React Native前沿技术，让
你快速从Web环境切换到APP应用开发，
助你在前后端和移动端实现完美转型，
在就业、技术提升和升职上快人一步

〖课程目录〗:

• 第1章 课程预热3 节 | 15分钟

• React 与 React Native的区别，为什么学习 React Native。

• 收起列表

• 视频：1-1 React 与 React Native (04:07)

• 视频：1-2 为何选择 React Native (08:31)

• 视频：1-3 RN 适合你么 (02:04)

• 第2章 初识 React Native3 节 | 43分钟

• 快速搭建一个 React Native，了解 RN 的项目代码结构。

• 收起列表

• 视频：2-1 本地环境搭建 (12:32)

• 视频：2-2 忍不住尝尝鲜 (18:48)

• 视频：2-3 了解 RN 项目代码结构 (11:35)

• 第3章 RN 入门知识学习4 节 | 69分钟

• 学习React 的组件概念，ES5/ES6 两种组件形态，父子组件通信以及组件生命周期。

• 收起列表

• 视频：3-1 如何选择 RN 版本 (04:50)

• 视频：3-2 React 的组件生命周期 (21:36)

• 视频：3-3 父子组件撕逼大战 (23:09)

• 视频：3-4 ES6 与 ES5 两种组件形态 (18:48)

• 第4章 升级 React Native 重要补录6 节 | 94分钟

• 这一章节是讲师针对课程上线以来，学生的常见问答，讲师做了一些总结补充视频。

• 收起列表

• 视频：4-1 升级 React Native 之重要补录 1-一期答疑总结 (16:58)

• 视频：4-2 升级 React Native 之重要补录 2-Run 起来课程源代码 (18:52)

• 视频：4-3 升级 React Native 之重要补录 3-暴力升级到 0.36 新手必看（上） (10:20)

• 视频：4-4 升级 React Native 之重要补录 3-暴力升级到 0.36 新手必看（下） (13:54)

• 视频：4-5 升级 React Native 之重要补录 4-课程进阶拥抱 ES6 新手必看（上） (15:31)

• 视频：4-6 升级 React Native 之重要补录 4-课程进阶拥抱 ES6 新手必看（下） (17:27)

• 第5章 项目初始准备6 节 | 86分钟

• 作为实战编程的上手篇，需要又快又猛的串联起来前后端，首先评审课程要实现的 APP 视觉效果，形成项目推进的思路，制定 APP 开发计划，然后搭建项目原型框架，开发 APP 首页视图结构，同时利用 Rap 服务来模拟无后台的 HTTP API 接口，以及 Mockjs 加工生成伪数据。…

• 收起列表

• 视频：5-1 狗狗说 APP 功能介绍 (13:54)

• 视频：5-2 TabBarios 开启 APP 首页（1） (14:01)

• 视频：5-3 TabBarios 开启 APP 首页（2） (13:17)

• 视频：5-4 APP流程结构及开发计划 (15:43)

• 视频：5-5 飞速创建后台和 Mock 假数据（1） (05:42)

• 视频：5-6 飞速创建后台和 Mock 假数据（2） (23:13)

• 第6章 开发视频配音页面17 节 | 244分钟

• 开发 APP 的核心业务功能 – 视频配音页面，学习在 RN 中选取本地的视频文件，上传到七牛，控制录音过程，上传录音到云空间，同时在后台了解如何在 Koa 中抽象中间件，以及利用 MonGoose来建立各种对应的视频，音频数据模型，存储视频和音频并且封装回调的请求为 Promise ，通过各种异步的过程来检查，最终…

• 收起列表

• 视频：6-1 视频列表页挖坑开发（1） (09:18)

• 视频：6-2 视频列表页挖坑开发（2） (18:34)

• 视频：6-3 RN 的异步请求与封装 (27:21)

• 视频：6-4 列表页上滑预加载和下拉刷新效果（1） (17:56)

• 视频：6-5 列表页上滑预加载和下拉刷新效果（2） (12:10)

• 视频：6-6 ios 屏幕尺寸及分辨率知识点解析 (08:20)

• 视频：6-7 列表页点赞功能 (13:53)

• 视频：6-8 RN 导航器 Navigator 的用法 (12:29)

• 视频：6-9 详情页视频播放控制 (16:01)

• 视频：6-10 详情页视频播放控制loADing-进度条-重播功能 (19:37)

• 视频：6-11 详情页视频播放控制–暂停、播放控制 (07:49)

• 视频：6-12 详情页视频播放控制–容错处理、返回导航 (11:11)

• 视频：6-13 详情页视频信息补全 (09:12)

• 视频：6-14 获取视频评论列表（1） (18:13)

• 视频：6-15 获取视频评论列表（2） (07:54)

• 视频：6-16 RN 里面提交评论表单（1） (17:35)

• 视频：6-17 RN 里面提交评论表单（2） (15:32)

• 第7章 RN 知识进阶串讲7 节 | 87分钟

• 以第五章为基础，来拔高技能点升级技能树，学习 Flexbox 的各种布局知识，批量了解 RN 的30 多个组件的功能和基本使用方式，演示如何使用 RN 的异步存储模块，并且了解如何甄选生态圈里面的第三方组件，最终研究下如何把本地的 RN 项目安装到手机里面运行。…

• 收起列表

• 视频：7-1 React 与 MVC (02:37)

• 视频：7-2 RN 的 30+组件 (18:07)

• 视频：7-3 Flexbox 弹性布局的魔法属性（1） (16:03)

• 视频：7-4 Flexbox 弹性布局的魔法属性（2） (11:41)

• 视频：7-5 如何甄选第三方组件 (09:59)

• 视频：7-6 RN 的 AsyncStoRAGe 异步存储 (22:39)

• 视频：7-7 如何在手机上安装演示 RN 原型项目 (05:35)

• 第8章 App 内注册登录4 节 | 53分钟

• 精讲在 RN 里面实现注册登录页面，如何发出注册请求，以验证码的方式实现登录过程，如何管理应用中的登录状态；

• 收起列表

• 视频：8-1 伪造 Rap 注册登录接口 (07:10)

• 视频：8-2 实现注册登录页面1（输入验证码） (20:13)

• 视频：8-3 实现注册登录页面2（倒记时） (12:44)

• 视频：8-4 本地管理应用登录状态 (11:54)

• 第9章 用户账户页面9 节 | 139分钟

• 精讲在 RN 里面调用本地的相机以及选取相册的照片，构建 FormData 来 XHR 异步上传图片，监控图片上传进度，以及用户的基本资料的编辑和保存，以及用户的退出登录功能。

• 收起列表

• 视频：9-1 头像展示与相册选取（1） (16:08)

• 视频：9-2 头像展示与相册选取（2） (12:06)

• 视频：9-3 头像展示与相册选取（3） (17:05)

• 视频：9-4 XHR 异步上传图片到 cloudinary 图床（1） (15:54)

• 视频：9-5 XHR 异步上传图片到 cloudinary 图床（2） (17:35)

• 视频：9-6 饼状图显示图片上传进度（1） (13:52)

• 视频：9-7 饼状图显示图片上传进度（2） (14:05)

• 视频：9-8 编辑和保存用户资料（1） (19:24)

• 视频：9-9 编辑和保存用户资料（2） (12:31)

• 第10章 用 Koa 开发本地 API 后台10 节 | 154分钟

• 基于前八章构建的 APP 原型，首先安装 MonGoDB 数据库，利用 Koa 框架搭建 Nodejs 后台项目，配置接入 MonGoDB 数据库，为 APP 提供各种 API 接口，比如在后台发送短信验证码，同时了解使用 DHC 插件快速验证接口正确性，最后在后台实现图床的签名，异步返会给 APP 作为票据上传到 Cloudinary 或者 七…

• 收起列表

• 视频：10-1 本地安装 MonGodb 数据库 (07:08)

• 视频：10-2 搭建 Koa 初始项目架构 (20:53)

• 视频：10-3 Koa 中配置使用 MonGodb 数据库（1） (14:03)

• 视频：10-4 Koa 中配置使用 MonGodb 数据库（2） (10:10)

• 视频：10-5 用螺丝帽在 Koa 中发送短信（1） (14:22)

• 视频：10-6 用螺丝帽在 Koa 中发送短信（2） (15:21)

• 视频：10-7 用 DHC 插件快速测试本地 API 服务 (18:49)

• 视频：10-8 服务器端实现图床签名接口 (14:38)

• 视频：10-9 用七牛上传图片资源（1） (20:39)

• 视频：10-10 用七牛上传图片资源（2） (16:55)

• 第11章 开发视频配音页面19 节 | 291分钟

• 开发 APP 的核心业务功能 – 视频配音页面，学习在 RN 中选取本地的视频文件，上传到七牛，控制录音过程，上传录音到云空间，同时在后台了解如何在 Koa 中抽象中间件，以及利用 MonGoose来 建立各种对应的视频，音频数据模型，存储视频和音频并且封装回调的请求为 Promise ，通过各种异步的过程来检查，…

• 收起列表

• 视频：11-1 视频选择器与视频预览（1） (15:49)

• 视频：11-2 视频选择器与视频预览（2） (12:00)

• 视频：11-3 用七牛上传视频资源（1） (13:32)

• 视频：11-4 用七牛上传视频资源（2） (14:20)

• 视频：11-5 服务器端存储视频信息（1） (15:35)

• 视频：11-6 服务器端存储视频信息（2） (10:10)

• 视频：11-7 控制录音倒计时 (19:35)

• 视频：11-8 实现视频录音功能（1） (20:49)

• 视频：11-9 实现视频录音功能（2） (08:47)

• 视频：11-10 上传音频到云空间（1） (16:54)

• 视频：11-11 上传音频到云空间（2） (12:50)

• 视频：11-12 服务器端存储音频数据 (12:46)

• 视频：11-13 合并音频视频并同步封面图到七牛（1） (12:14)

• 视频：11-14 合并音频视频并同步封面图到七牛（2） (13:12)

• 视频：11-15 发布整个视频音频创意（1） (10:19)

• 视频：11-16 发布整个视频音频创意（2） (11:32)

• 视频：11-17 服务器端保存视频创意 (21:34)

• 视频：11-18 视频列表页对接后台数据 (24:07)

• 视频：11-19 完善评论和点赞后台 (24:17)

• 第12章 App 上线准备工作5 节 | 84分钟

• 在 APP 初步开发结束后，各种上线前的准备工作，比如制作导出不同尺寸的应用图标，启动画面，介绍 APP 的轮播图，以及打包编译和导出用来内测的安装程序；

• 收起列表

• 视频：12-1 制作导出 APP 各尺寸图标 (23:09)

• 视频：12-2 配置启动过渡画面和 APP 名字 (09:01)

• 视频：12-3 为 APP 开发轮播图功能 (22:26)

• 视频：12-4 打包 APP 安装文件并借助蒲公英分发测试 (19:04)

• 视频：12-5 利用蒲公英做 BUG 探索测试 (10:17)

• 第13章 二期课程–初识 Redux 框架3 节 | 76分钟

• 初识 Redux 框架，React 蛋疼的数据通信，理解 Redux 的工作原理和基本用法。

• 收起列表

• 视频：13-1 先了解下 IMmutable Data (22:51)

• 视频：13-2 React 蛋疼的数据通信 (22:21)

• 视频：13-3 理解 Redux 的工作原理和基本用法 (30:33)

• 第14章 二期课程–React Native 升级到 0.42.317 节 | 354分钟

• 获取 1 期源码进行升级降级。

• 收起列表

• 视频：14-1 获取 1 期源码进行升级降级 (11:18)

• 视频：14-2 依赖模块升级与 Link (12:42)

• 视频：14-3 重新划分项目目录结构 (07:43)

• 视频：14-4 利用 Redux 组装 store (15:07)

• 视频：14-5 重构主控页面引入 connect 连接组件 (18:37)

• 视频：14-6 dispatch 异步请求控制 APP 加载次序 (25:47)

• 视频：14-7 引入 React Navigation 解决导航及嵌套路由跳转 (31:35)

• 视频：14-8 抽象列表页容器组件重构数据流 (45:15)

• 视频：14-9 完善列表页功能成功运行 Redux 集成效果 (21:28)

• 视频：14-10 重构详情页进行代码减肥 (14:20)

• 视频：14-11 抽象主要页面的容器组件 (35:13)

• 视频：14-12 实现评论与详情页的跳转和数据更新 (16:07)

• 视频：14-13 重新配置注册登录的数据状态同步 (08:04)

• 视频：14-14 抽离信息提示组件状态到全局完善评论 (14:48)

• 视频：14-15 抽象升级配音页面及导航容器 (33:08)

• 视频：14-16 重新组织账户页面 (16:30)

• 视频：14-17 升级账户更新页同步新数据 (26:10)

• 第15章 二期课程–兼容开发 Android App4 节 | 82分钟

• 兼容开发 android APP

• 收起列表

• 视频：15-1 配置 android 本地开发环境 (22:36)

• 视频：15-2 第一次尝试运行 android RN 项目 (10:25)

• 视频：15-3 兼容 android 平台样式 (26:09)

• 视频：15-4 兼容 android 录制功能 (22:15)

*声明：课程资源购自网络，版权归原作者所有，仅供参考学习使用，严禁外传及商用，若侵犯到您的权益请联系客服删除。