贯穿全栈 React Native开发App

贯穿全栈 React Native开发App课程介绍(A000008): 技术转型 开源跨平台React Native前沿技术,让你快速…

贯穿全栈 React Native开发App课程介绍(A000008):

技术转型

贯穿全栈 React Native开发App

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

贯穿前后端

涵盖前端(RN)、后台(Node.js、MongoDB)开发,一站式学习全栈技术

开发( y | #高效

使用组件式架构、熟悉的JS类库即可完成整个原生App的开发? 1 1 A [ 3 ),加速项目开发进度

入门容易

使用 ES5 语法,用 React 基2 r N ) C /础语

课程目录:

  • 第1章 课程预热3 节 | 15分钟
  • React 与 React Native的区别,为什么学习% R & k F 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 项目代码结构 (1: P ] y L 2 \ 7 \1:35)
  • 第3章 RN+ E Z & T 入门知识学习4 节 | 69分钟
  • 学习React 的组件概念,E– H 6 OS5/ES6 两种组件形态,父子组件通信以及组件生命周期。
  • 视频:3-1 如何选择 RN 版本 (04:50)
  • 视频:3-2 React 的组件生命周期 (21:36)
  • 视频:3-3 父子组件撕逼大战 (2D \ G Y _ I n3:09)
  • 视频:3-4 ES6 与 ES5 两种组件形态 (18v \ u & ~ [ @ ~:48)
  • 第4章 升级 React Native 重要补录6 节 | 94分钟
  • 这一章节是讲师针对课程上线以来,学生的常见问答,讲师做了一些总结补充视频。
  • 视频:4-1 升级 React Native 之重要补录 1-一期答疑总结 (16:58)
  • 视频:4-2 升级 React Native 之重要补录 2-Run 起来课程源代码 (18:[ s d \ A 4 T r +52)
  • 视频:4-3 升级 React Native 之重要补录 3-暴力升级到 0.36 新手必看(上) (10:20)
  • 视频:4-4 升级 React Natd 9 B Zive 之重要补录 3-暴力升级到 0.36 新手必看(下) (13:54)
  • 视频:4-5 升级 React Native 之重要补录 4-课程进阶拥抱 ES6 新手必看(上) (15:3) w # O e `1)
  • 视频:4-6 升级 React Native 之C 1 # n 9 a /重要补录 4-课程进阶拥抱 ES6 新手必看(下) (17:27)
  • 第5章 项目初始准备6 节 | 86分钟
  • 作为实战编程的上手篇,需要又快又猛的. : A W / \ x 1 ]串联起来前后端,首先评审课程要实现的 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)
  • 视频:& 3 o . g e _ T5-4 App流程结构及开发计划 (15:43)
  • 视频:5-S z / P5 飞速创建后台和 Mock 假数据(1) (05:42)
  • 视频:5-6 飞速创建后台和 Mock 假数据(2) (23:13)
  • 第6章 开发y x N视频配音页面17 节 | 244分钟
  • 开发 App 的核心业务功能 – 视频配0 F E +音页面,学习在 RN 中选取本地的视频文件,上传到七牛,控制录音过程,上传录音到云空间,同时在后台了解如何在 Koa 中抽象中间件,以及利用 Mongoose来建立各种对应的视频,音频数据模型,存储视频和音频并且封装回调的请– @ ^ m求为 Promise ,通过各种异步8 2 ~ r _ * ! ) R的过程来检查,Y v O y Y m } r &最终…
  • 视频:6-1 视频列表页挖坑开^ l ` 6 E发(1) (09:18)
  • 视频:6-2 视频列表页挖坑开发(2) (18:34)
  • 视频:6-3 RN 的异步请求与封装 (27n h k . i =:21)
  • 视频:6-4 列表页$ 0 T – L A \ !上滑预加载和下拉刷新效果(1) (17:4 : x s R O56)
  • 视频:6-5 列表页上滑预加载和下拉刷新效果(2) (12:10)
  • 视频:6-6 iOS 屏幕尺寸及分辨率知识点解析 (08:20)
  • 视频:6-7 列表页点赞功能 (13:53)
  • 视频:6-8 RN 导航器 NavigaM $ ? . P ) Qtor 的用法 (12:29)
  • 视频:6-9 详情页视频播放控制 (16:01)
  • 视频:6-10 详情页视频播放控制loading-进度I o } : R i I条-重播功能 (19:37)
  • 视频:6-11 详情页视频播放控制–暂停、播放控制 (07:49)
  • 视频E C z m ) ~ T } j6-12 详情页视频播放控制–容错处理、返回导航 (11:11)
  • 视频:6-13 详情页视频信息补全 (09:12)
  • 视频:6-14\ N ^ y A , 获取视频评论列表(1) (18:13)
  • 视频:6-15 获取视频评论列表(2) (07:54)
  • 视频:6-16 RN 里面提交评论表单(1) (17:3o Q A ) Z5)
  • 视频:6-17 RN 里面提交评论表单(2) (15:32)
  • 第7章 RN 知识进阶串讲7 节 | 87分钟
  • 以第五章为基础,来拔高技能点升级技能树,学习 Flexbox 的各种布局知识,批量了解 RN 的30 多个组件的功能和基本使用方式,演示如何使用 RN 的异步F B @ S x ]存储模块,并且了解如何甄选生态圈里面的第三方组件,最终研究下如何把本地的 RN 项目安装到手机里面运行。…
  • 视频:7-1 React 与 MVC (02:37)
  • 视频:7-2 RN 的 30+组件 (18:07)
  • 视频:7-3 Flexbox 弹性布局的魔法属性(1) (16:03)
  • 视频:7-4 Flexbox 弹性布局的魔法属性(2) (% x 7 ( I G11: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:F y W 6 S ] x i13)
  • 视频:8-3 实现注册登录页面2(倒记时) (12:44)
  • ] u # (频:8-4 本地管理应用登录状态 (11:54)
  • 第9章 用户账户页面9 节 | 139分钟
  • a # r d \ 1 b x讲在 RN 里面调用本地的相机以及选取相册的照片,构建 FormData 来 XHR 异步上传图片,监控图片上传进度,以E 9 S : k l | Z及用户的基本资料的编辑和保存,以及用户的退出登录功能。
  • 视频:9-1 头像展示与相册选取(1) (16:08)
  • 视频:9-2 头像展示与相册选取(2) (12:06)
  • 视频:9-3 头像展示= I w ] J t q y ^与相册选取(3) (17:05)
  • 视频:9+ b s \ c = V-4 XHR 异步上传图片到 cloudinary 图床(1x ~ F =) (15:54)
  • 视频:9-5 XHR 异步上传图片到 cloudinary 图床(2) (17:35)
  • 视频:9-6 饼状r 2 4 h * y图显示图片上传进度(1) (13:525 % y)
  • 视频:9-7 饼状图显示图片上传进度x @ 1 ? B(2) (14:05)
  • 视频:9-8 编辑和保存用户资料(1) (19:24)
  • 视频:9-9 编辑v c ] ^ Z R ~ ( L和保存用户资料(2) (12:31)
  • 第10章 用 Koa 开发本地 API 后台10 节L + d P / u | 154分钟
  • 基于前八章构建的 App 原型,首先安装u @ M MongoDB 数据库,利用 Koa 框架搭建 Nodejs 后台项目,配置接入 MongoDB 数据库,为 App 提供各种 API 接口,比如在后台发送短信验证码,同时了解使l U t g O Q用 DHC 插件快速验V v k C t d b 0证接X m w口正确性,最后在后台实现图床的签名,异步返会给 App 作为票据上传到 Cloudinaryg N \ : * r 0 : 或者 七…
  • 视频:10-1 本地安装 Mongodb 数据库 (07:08)
  • 视频:10-2 搭建 Koa 初始项目架E V +构 (20:53)
  • 视频:10-3 Koa 中配置使用 MS b R 4 a { s ?ongodb 数据库(1) (14:03)
  • 视频:10-4 Koa 中配置使用 Mongodb 数据库(2) (1O / ( I o + \0:10)
  • 视频:10-5 用螺丝} – } R帽在 Koa 中发送短信(1) (14:22)
  • 视频:10-6 用螺丝帽在 Koa 中发送短信(2) (15:21)
  • 视频:10-7 用 DHC 插件快速测试本地 API 服务 (18:49)
  • 视频:10-8 服务器端实现图床签名接口 (14:38)E g f R ^ H x
  • 视频:10-9 用七牛上传图片资源(1) (20:39)
  • 视频:10-10 用七牛上传图片资源(2d p 4) (16:55)
  • 第11章 开发视频配音页{ : +面19 节 | 291分钟
  • 开发 App 的核心业务功能 – 视频配音页面,学习在 RN 中选取本地的视频文件,上传到七牛,控制录音过程,上传录音到云空间,同时在后台了解如何在 Koa 中抽象中间件= y k ) } , P,以及利用 Mongoose来\ # w y W 建立各种对应的视频,音频数据模型,存储视频和音频并且封装回调的请求为 Promise ,通过各种异; L 1 V f b步的过程来检查,…
  • 视频:11-V \ h ~ ? #1 视C W x { # I r频选择器与视频预览(1) (15:49)
  • 视频:11-2 视频选择器与视频预览(2) (12:00)
  • 视频:11-3 用七牛上传视频资源(1) (13:32)
  • 视频:11-4 用七牛上传视频资源(2) (14:20)
  • 视频:11-5 服务器端存储视频信息(1) (1) T w .5:35)
  • 视频:11-6 服务器端存储视频信息(2) (10:10)
  • 视频:11-7 控制录音倒计时 (19:35)
  • 视频:11-8 实现视频录音功能(1) (20:49)
  • 视频:11-9 实现视频录音功能(2) (08:47)
  • 视频:11-10 上传音频到云空间(1) (& U 4 E + o p T16:54)
  • 视频:11-11 上传音频到云. ? $ x } Q 5 L空间(2d f e | Y) (12:50)
  • 视频:11X d l X v i t s-12 服务E % \器端存储音频数据 (12:46)
  • 视频:11-13 合并音频视5 _ ! N { =频并同步封面图到七牛(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:$ D _ D ^ . 2 $ r07)
  • 视频:11-19 完善评论和点赞后台 (24:17)
  • 第12章 App 上线准, O \ R G备工作5 节 | 84分钟
  • 在 App 初步开发结P 7 ?束后,各种上线前的准备工作,比如制作导出不同尺寸的应用图标,启动画面,介绍 App 的轮播图,以及打包编译和导出b n f用来内测的安装程序;
  • 视频:12-1 制作导出 App 各尺寸图标 (23:09)^ R \ R z S } k
  • 视频:12-2 配置启动过渡画面和 App 名字 (09:01)
  • 视频:12-3 为 App 开发轮播图功能 (22:26)
  • 视频:12-4 打包 App 安装文件并借助蒲公英分发测试 (19:04)
  • 视频:12-5 利用蒲公英做 BUG 探索测试 (10:17)
  • 第13章 二期课程–初识 Redux 框架3 节 | 76分钟
  • } I ! f l识 Redux 框架,React 蛋疼的数据通信,理解 Redux 的工x N h作原理和基本用法\ ] /
  • 视频:13-1 先了解下 Immutable Data (22:51)
  • 视频:13-2 React 蛋疼的数据通信 (22:21)
  • 视频:13-3 理解k b M D a 1 { Redux 的工作原理和基本用法 (30:33)
  • 第14章 二期课程–React Native 升o K u w n $级到 0.42.317 节 | 354分钟
  • 获取* r % @ i 1 期源码进行升级降级。
  • 视频:14-1 获取 1 期源码进行升级降` 7 L N r + z级 (11:18)
  • 视频:14-2( ? ) X q Q 依赖模块升级\ y w w , 9与 Link (12:42)
  • 视频:14-3 重新划分项目e = t ; 9 6 g j 3目录结构 (07m g 0 F:43)
  • 视频:14-4 利用 Redux 组装 store (15:07)
  • 视频:14-5 重构主控页面引入 connect 连接组件 (18:37)
  • f 0 8频:14-6 dispatch 异步请求控制1 % K S P Y z k = App 加载次序 (25:47)
  • 视频:14-7 引入 React Navigation 解决导d l A ( q R航及嵌套路由跳转 (31:35)
  • 视频:14-8 抽象列表页容器组件重构数据流 (45:15)
  • 视频:1D M n + = ( q D o4-9 完善列表页功能成功D m s运行 Redux 集成效果 (21:28)
  • 视频:u e 5 g 3 J [ {14-10 重构详情页进行代码减肥 (i v ]14:24 D `0)
  • 视频:14-11 抽象主要页面的容器组件 (35:13)
  • 视频:14-12 实现评论与详情页的跳转和数据更新 (16:07)
  • 视频:14-13 重新配置注册登录的数据状态同步 (08:04)
  • 视频:14-14 抽离信息提示组件9 g f 9 H状态到全局完善评论 (14:48)
  • 视频:14-15 抽象升级配音页面及导航容器 (33:08)
  • 视频:14-16 重新组织账户页面 (16:30)
  • 视频:14-17 升级账户更新页同步新数据 (26:10)
  • 第15K r 9 r A章 二期课程–兼容开发 Android A5 L o k 0pp4 节% h [ 1 B j F | 8e D i d ?2分钟
  • 兼容开发 Androf | [idw i , % – ^ r h ~ App
  • @ U ! L频:15-1 配置 Android 本地开发环境 (22:36)
  • 视频:15-2 第一次尝试运行 Android RN 项目 (10:F 4 W d F25)
  • 视频:15-3 兼容 Android 平台样式 (26:09)
  • 视频V e q ,15-4 兼容 Android 录制功能 (22:15)

文件L P 4 7 3 ; y目录:

贯穿全栈React Native开发APP​
│ coding.zip
├─第01章 课程预热
│ 1-1.mp4
│ 1j b 7-2 为何选u ; 0 2 – – + 2择 React N/ 8 T eative.mp4
│ 1-3 RN 适合3 9 z P [你么.mp4
├─第02章 初始 React Native
│ 2-1 本地环境搭建.mp4
│ 2-2 忍不住尝尝鲜.mp4
│ 2-3 了解 RN 项目代1 7 D I & v } e码结构 .mp4
9 # m S @─第03章 RN 入门知识学习
│ 3-1 如何选择 RN 版本.mp4
│ 3-2 React的组件生命周期.mp4
│ 3-3 父子组件死逼大战.mp4
│ 3-4 EY H O 9 \ #S5 与 ES6 两种组件形态.mp4
├─第05章 项目初始准备
│ 4-1 狗狗说 AY ^ L ; 4 C h $pp 功能介绍.mp4
│ 4-2 TabBarIOS 开启 App 首页(1.mp4
│ 4-3 TabBarIOS 开启 App 首页(2).mp4
│ 4-4 App流程结r ( 6 a 9 1 m I构及开发计划.mp4
│ 4-5 飞速创建后台和Mock假数据(1).mp4
│ 4-6 飞速创建后台和Mock假数据(2).mp4
V , R / D ` z ^ s─第06章 开发视频配音页面
│ 5-01 视频列表页挖坑开发 (1).mp4
│ 5-02 视频列表页挖坑开发 (2).mp4
│ 5-03 RN 的异步请求与封装 .mp4
│ 5-04 列表页上滑预加载和下拉刷新效果 (1).mp4
│ 5-05 列表页上滑预加载和下拉刷新效果 (2).mp4
│ 5-06 iOS 屏幕尺寸及分辨率5 7 ! :知识点解析4 y / O.mp4
│ 5-07 列表页点赞功能 .mp4a _ = 4 ;
│ 5-08 RN 导航器 Navigator 的用法.mp4
│ 5-09 详情页视频播放控制.mp4
│ 5-10 详情页视频播放控制loading-进度条-重播功能.mp4
│ 5-11 详情页视频播放控制-暂停、播放控制.mp4
│ 5-12 详情页视频播放控制-容错处理、返回导航.mp4
│ 5-13 详情页视频信息补全.mp4
│ 5-14 获取视频评论列表(1).mp4
│ 5-15 获取视频和评论列表(2).mp4
│ 5-16 RN里示提交评论表单(1).mp4
│ 5-17 RN里面提交评论表单(2).mp4
├─第? W c c 5 [ &07章 RN 知识进阶串讲
│ 6-1 React 与 MVC .mp4
│ 6-2 RN 的 30+组` N 8 h @ q p R件.mp4
│ 6-3 Flexboxs W G ~ a 弹性布局的魔法属性(1).mp4
│ 6-4 FlexU , A ] 7boxv W f R ! 1 _ N 弹性布局的魔法属性(2).mp4
│ 6-5 如何甄选第三方组件.mp4
│ 6-6 RN 的 AU p 0syncStorage 异步存储.mp4
│ 6-7 如何在手机上} ] Z [ n )安装显示 RN 原型项目.mp4
├─第08章 App 内注册登录
│ 7-1 伪造 Rap 注册登录接口.mp4
│ 7-2 实现注册登录页面1 (输入验R x ` h w R A ;证码).mp4
│ 7-3 实现注册登G ~ ^ i _ d * d录页面2 (倒计时) .mp4
│ 7-4 本地管理应用登录状态.mp4
├─第09章 用户账户页面
│ 8-1 头像展示与相册选取(1).mp4
│ 8-2 头像展示与相册选取(2).mp4
│ 8-3 头像展示与相册选取\ C + ! ` q – V Q(3) .mp4
│ 8-4 XHR 异步上传图片到cloudinary图床(1)~1.mp4
│ 8-5 XHR 异步上传图片到cloudinary图床(2).mp4
│ 8-6 饼状图显示图片上床进度(1)~1.mp4
│ 8-7 饼状图显示图片j $ 7 H ` b j上床进度(2)~1.mp4
│ 8-8 编辑和保存用户资料(1).mp4
│ 8-9 编辑和保存用户资料(2)~1.mp4
├─第10章 用 Koa 开发本地 APIB \ y 后台
│ 9-01 本地安装Mongdb.mp4
│ 9-02 搭建 Koa 初始项目架构.mp4
│ 9-t # 0 L %03 Koa 中配置使用Mongdb数据库d 5 5 .mp4
│ 9-04 koa中配置使用mongdb数据库(2).mp4
│ 9-05 用螺丝帽在Koa中发4 p 0 | N p B )送短信(1).mp4
│ 9-06 用螺丝帽在koa中发送短信(2).mp4
│ 9-07 用DHC插件快速测试本地API服务.mp4
│ 9-08 服务器端实现图床签名接口.mp4
│ 9-09 用七牛上传图片资源(1) .mp4
│ 9-10 用七牛上传图片资源(2).mp4
├─第11章 开发视频配音页面
│ 10-01 视频选择器与视频预览(1).mp4
│ 10-02 视频选择器与视频预览(2).mp4
│ 10-03 用七牛上传视B R 9频资源(1).mp4
│ 10-04 用七牛上传视频资源(2a s A ? L w E).mp4
│ 10-05 服务器端存储视频信息(1).mp4
│ 10-06 服务器端存储视频信息(2).mp4
│ 10-07 控制录音倒计时.mp4
│ 10-08 实现视频录音功能(1).k f x 6 Q f V J ^mp4
│ 10-09 实现视频录音功能(2).mp4
│ 10-10 上传b u d q k音频到云空间K x t {(1).mp4
│ 10-8 _ 5 I V \ r j i11 上传音频到云空间(2).mp4
│ 10-12 服务器端存储音频数据.mp4
│ 10-13 合并音频视频并同步封面图到七牛(1).mp4
│ 10-14 合并音频视频并同步到封面图七牛(2).mp4
│ 10-15 发布整个视频音频创意(1).mp4
│ 10-16 发布整个视频音频创意(2)R v S | P.mp4
│ 10-17 发布整个视频音频创意(3).mp4
└─第12章 App 上线准备工作
11-1! O ? i ; ~ r M 制作导出App各尺寸图标.mp4
11-22 V = L : H 配置启动过度画面和APP名字.mp4
11-3 为APP开发轮播图功能.mp4
11-4 打包APP安装文件并借助蒲公英分发测试.mp4
11-5 利用蒲公英做bug探索测试.mp4
  • wechat

    朋友圈不定时发福利(开通会员免费获取资源)

  • 微信号

    wqxzvip

    点击我自动复制
资源失效反馈地址
贯穿全栈 React Native开发App-51自学联盟
贯穿全栈 React Native开发App
此内容为付费资源,请付费后查看
会员专属资源
您暂无购买权限,请先开通会员
开通会员
付费资源
© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容