贯穿全栈 React Native开发App【已完结 8G】

  • 第1章 课程预热

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

    •  1-1 React 与 React Native
    •  1-2 为何选择 React Native
    •  1-3 RN 适合你么
  • 第2章 初识 React Native

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

    •  2-1 本地环境搭建
    •  2-2 忍不住尝尝鲜
    •  2-3 了解 RN 项目代码结构
  • 第3章 RN 入门知识学习

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

    •  3-1 如何选择 RN 版本
    •  3-2 React 的组件生命周期
    •  3-3 父子组件撕逼大战
    •  3-4 ES6 与 ES5 两种组件形态
  • 第4章 升级 React Native 重要补录

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

    •  4-1 升级 React Native 之重要补录 1-一期答疑总结
    •  4-2 升级 React Native 之重要补录 2-Run 起来课程源代码
    •  4-3 升级 React Native 之重要补录 3-暴力升级到 0.36 新手必看(上)
    •  4-4 升级 React Native 之重要补录 3-暴力升级到 0.36 新手必看(下)
    •  4-5 升级 React Native 之重要补录 4-课程进阶拥抱 ES6 新手必看(上)
    •  4-6 升级 React Native 之重要补录 4-课程进阶拥抱 ES6 新手必看(下)
  • 第5章 项目初始准备

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

    •  5-1 狗狗说 App 功能介绍
    •  5-2 TabBarIOS 开启 App 首页(1)
    •  5-3 TabBarIOS 开启 App 首页(2)
    •  5-4 App流程结构及开发计划
    •  5-5 飞速创建后台和 Mock 假数据(1)
    •  5-6 飞速创建后台和 Mock 假数据(2)
  • 第6章 开发视频配音页面

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

    •  6-1 视频列表页挖坑开发(1)
    •  6-2 视频列表页挖坑开发(2)
    •  6-3 RN 的异步请求与封装
    •  6-4 列表页上滑预加载和下拉刷新效果(1)
    •  6-5 列表页上滑预加载和下拉刷新效果(2)
    •  6-6 iOS 屏幕尺寸及分辨率知识点解析
    •  6-7 列表页点赞功能
    •  6-8 RN 导航器 Navigator 的用法
    •  6-9 详情页视频播放控制
    •  6-10 详情页视频播放控制loading-进度条-重播功能
    •  6-11 详情页视频播放控制–暂停、播放控制
    •  6-12 详情页视频播放控制–容错处理、返回导航
    •  6-13 详情页视频信息补全
    •  6-14 获取视频评论列表(1)
    •  6-15 获取视频评论列表(2)
    •  6-16 RN 里面提交评论表单(1)
    •  6-17 RN 里面提交评论表单(2)
  • 第7章 RN 知识进阶串讲

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

    •  7-1 React 与 MVC
    •  7-2 RN 的 30+组件
    •  7-3 Flexbox 弹性布局的魔法属性(1)
    •  7-4 Flexbox 弹性布局的魔法属性(2)
    •  7-5 如何甄选第三方组件
    •  7-6 RN 的 AsyncStorage 异步存储
    •  7-7 如何在手机上安装演示 RN 原型项目
  • 第8章 App 内注册登录

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

    •  8-1 伪造 Rap 注册登录接口
    •  8-2 实现注册登录页面1(输入验证码)
    •  8-3 实现注册登录页面2(倒记时)
    •  8-4 本地管理应用登录状态
  • 第9章 用户账户页面

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

    •  9-1 头像展示与相册选取(1)
    •  9-2 头像展示与相册选取(2)
    •  9-3 头像展示与相册选取(3)
    •  9-4 XHR 异步上传图片到 cloudinary 图床(1)
    •  9-5 XHR 异步上传图片到 cloudinary 图床(2)
    •  9-6 饼状图显示图片上传进度(1)
    •  9-7 饼状图显示图片上传进度(2)
    •  9-8 编辑和保存用户资料(1)
    •  9-9 编辑和保存用户资料(2)
  • 第10章 用 Koa 开发本地 API 后台

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

    •  10-1 本地安装 Mongodb 数据库
    •  10-2 搭建 Koa 初始项目架构
    •  10-3 Koa 中配置使用 Mongodb 数据库(1)
    •  10-4 Koa 中配置使用 Mongodb 数据库(2)
    •  10-5 用螺丝帽在 Koa 中发送短信(1)
    •  10-6 用螺丝帽在 Koa 中发送短信(2)
    •  10-7 用 DHC 插件快速测试本地 API 服务
    •  10-8 服务器端实现图床签名接口
    •  10-9 用七牛上传图片资源(1)
    •  10-10 用七牛上传图片资源(2)
  • 第11章 开发视频配音页面

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

    •  11-1 视频选择器与视频预览(1)
    •  11-2 视频选择器与视频预览(2)
    •  11-3 用七牛上传视频资源(1)
    •  11-4 用七牛上传视频资源(2)
    •  11-5 服务器端存储视频信息(1)
    •  11-6 服务器端存储视频信息(2)
    •  11-7 控制录音倒计时
    •  11-8 实现视频录音功能(1)
    •  11-9 实现视频录音功能(2)
    •  11-10 上传音频到云空间(1)
    •  11-11 上传音频到云空间(2)
    •  11-12 服务器端存储音频数据
    •  11-13 合并音频视频并同步封面图到七牛(1)
    •  11-14 合并音频视频并同步封面图到七牛(2)
    •  11-15 发布整个视频音频创意(1)
    •  11-16 发布整个视频音频创意(2)
    •  11-17 服务器端保存视频创意
    •  11-18 视频列表页对接后台数据
    •  11-19 完善评论和点赞后台
  • 第12章 App 上线准备工作

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

    •  12-1 制作导出 App 各尺寸图标
    •  12-2 配置启动过渡画面和 App 名字
    •  12-3 为 App 开发轮播图功能
    •  12-4 打包 App 安装文件并借助蒲公英分发测试
    •  12-5 利用蒲公英做 BUG 探索测试
  • 第13章 二期课程–初识 Redux 框架

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

    •  13-1 先了解下 Immutable Data
    •  13-2 React 蛋疼的数据通信
    •  13-3 理解 Redux 的工作原理和基本用法
  • 第14章 二期课程–React Native 升级到 0.42.3

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

    •  14-1 获取 1 期源码进行升级降级
    •  14-2 依赖模块升级与 Link
    •  14-3 重新划分项目目录结构
    •  14-4 利用 Redux 组装 store
    •  14-5 重构主控页面引入 connect 连接组件
    •  14-6 dispatch 异步请求控制 App 加载次序
    •  14-7 引入 React Navigation 解决导航及嵌套路由跳转
    •  14-8 抽象列表页容器组件重构数据流
    •  14-9 完善列表页功能成功运行 Redux 集成效果
    •  14-10 重构详情页进行代码减肥
    •  14-11 抽象主要页面的容器组件
    •  14-12 实现评论与详情页的跳转和数据更新
    •  14-13 重新配置注册登录的数据状态同步
    •  14-14 抽离信息提示组件状态到全局完善评论
    •  14-15 抽象升级配音页面及导航容器
    •  14-16 重新组织账户页面
    •  14-17 升级账户更新页同步新数据
  • 第15章 二期课程–兼容开发 Android App

    兼容开发 Android App

    •  15-1 配置 Android 本地开发环境
    •  15-2 第一次尝试运行 Android RN 项目
    •  15-3 兼容 Android 平台样式
    •  15-4 兼容 Android 录制功能

发表评论