查看原文
其他

React/React-Native/Flux/Redux/跨平台项目实战 6天魔鬼训练

2017-02-13 黎跃春 一起众创

React/React-Native/Flux/Redux/跨平台项目实战 6天魔鬼训练

:bowtie::Wish you have a happy learning!

在这趟旅程中,你可以学到

  1. React

  2. Gulp

  3. JSPM

  4. Webpack

  5. Flux

  6. Redux

  7. ImmutableJS

  8. ES6/ES7 语法

  9. React Native Windows/Mac开发环境搭建

  10. React/React-Native 快速布局

  11. React/React-Native调试技巧

  12. React-Native项目适配

  13. 搜索

  14. 分享

  15. 主题切换

  16. 自定义订阅关键字

  17. 文字大小自定义

  18. 夜间模式

  19. 数据库

  20. 授权登陆

  21. 国际化

  22. React-Native 如何和OC/Swift/Android混编

  23. React-Native iOS/Android打包上线

  24. React-Native热更新

教学关卡

React快入入门

  • Level 01. React简易环境安装

  • Level 02. React项目结构

  • Level 03. 使用JSX印出“Hello World!”

  • Level 04. ReactDOM.render()函数

  • Level 05. JSX语法讲解

  • Level 06. map函数

  • Level 07. 使用ES5创建第一个组建

  • Level 08. ES5和ES6创建组建代码对比

  • Level 09. 导入导出

  • Level 10. 组建和props之间的关系

  • Level 11. 给属性设置默认值

  • Level 12. 给属性设置类型

  • Level 13. 状态机State

  • Level 14. this && 箭头函数

  • Level 15. 组建的生命周期

项目效果图

章节一. 从模仿开始,完成第一個 React 应用 TodoApp

  • Level 16. 用元件思维设计应用程式

  • Level 17. 配置简易的开发环境

  • Level 18. 使用 JSX 印出 hello, world

  • Level 19. 完成第一個 React 元件

  • Level 20. 组合多个 React 元件

  • Level 21. 使用 props 传递元件参数

  • Level 22. 培养好习惯,设计防呆的 React 元件

  • Level 23. 动态产生多個 React 元件

  • Level 24. 管理 React 元件的內部状态

  • Level 25. 使用 React 表单元件

  • Level 26. 深刻理解 React 元件的生命周期

章节二. 往实战再迈向一步,完成 React + Flux 的应用

  • Level 27. 深入浅出 Flux

  • Level 28. 完成 Dispatcher:Flux 最重要的角色

  • Level 29. 完成 Actions:集中所有应用行为

  • Level 30. 完成 Stores:统一管理业务逻辑和资料

  • Level 31. 完成 Controller View:让元件同步资料狀态

  • Level 32. 引进 Container Pattern:必学的设计模式

  • Level 33. 使用 Flux 提供的 Utils

章节三. 完成业界最夯的 React + Redux 的应用

  • Level 34. 深入浅出 Redux

  • Level 35. 完成 Reducers:让状态的改变可预测化

  • Level 36. 完成 Store:Redux 的重要角色

  • Level 37. 修改 Actions:让它们做更简单的事

  • Level 38. 加入 Middlewares:动态扩充 dispatch 行为

  • Level 39. 让 React 应用连接 Redux 系统

  • Level 40. 整合 ImmutableJS

章节四. React /ES 6 / Gulp / JSPM

  • Level 41. Introduction into ES6 and React

  • Level 42. React Classes and ES7 Property Initializers

  • Level 43. Binding to methods of React class (ES7 included)

  • Level 44. React and ES6 - Part 4, React Mixins when using ES6 and React

  • Level 45. React and ES6 - Part 5, React and ES6 Workflow with JSPM

  • Level 46. React and ES6 - Part 6, React and ES6 Workflow with Webpack

章节五. Flexbox布局

  • Level 47. CSS介绍

  • Level 48. 盒子模型

  • Level 49. flex布局是什么

  • Level 50. flex-direction

  • Level 51. flex-wrap

  • Level 52. flex-flow

  • Level 53. justify-content

  • Level 54. align-items

  • Level 55. align-content

  • Level 56. order

  • Level 57. flex-grow

  • Level 58. flex-shrink

  • Level 59. flex-basis

  • Level 60. flex

  • Level 61. align-self

  • Level 62. 骰子布局

  • Level 63. 价格表项目

章节六. React Native基础

  • Level 64. Mac环境搭建

  • Level 65. Windows开发环境搭建

  • Level 66. React Native项目结构分解

  • Level 67. React Native 360度调试技巧

章节七. React Native Flexbox布局项目

  • Level 68. 模仿去哪儿网(跨平台)

  • Level 69. 登陆(跨平台)

章节八. TodoApp For React-Native(跨平台)

  • 效果图

  • Level 70. 环境搭建

  • Level 71. 导航适配

  • Level 72. ListView

  • Level 73. TodoApp逻辑处理

  • Level 74. TodoApp跨平台适配

章节九. TodoAppTodoApp For React-Native with Flux

  • Level 75. 完成 Dispatcher:Flux 最重要的角色

  • Level 76. 完成 Actions:集中所有应用行为

  • Level 77. 完成 Stores:统一管理业务逻辑和资料

  • Level 78. 完成 Controller View:让元件同步资料狀态

  • Level 79. 引进 Container Pattern:必学的设计模式

  • Level 80. 使用 Flux 提供的 Utils

章节十. 完成业界最夯的 React Native+ Redux 的应用

  • Level 81. 深入浅出 Redux

  • Level 82. 完成 Reducers:让状态的改变可预测化

  • Level 83. 完成 Store:Redux 的重要角色

  • Level 84. 修改 Actions:让它们做更简单的事

  • Level 85. 加入 Middlewares:动态扩充 dispatch 行为

  • Level 86. 让 React 应用连接 Redux 系统

  • Level 87. 整合 ImmutableJS

项目实战 天气预报(支持iOS、Android)

功能和特性

  • Level 88. App skeleton

  • Level 89. 基本 UI 原型

  • Level 90. react-native-parallax-scroll-view

  • Level 91. react-swipeable-views

  • Level 92. 读取天气预报数据并解析

  • Level 93. 集成Redux Store

  • Level 94. 创建actions, reducers

  • Level 95. 实现 天气 service

  • Level 96. 添加滚动动画

  • Level 97. 添加下拉刷新

  • Level 98. 实现基本UI原型

  • Level 99. 定位

  • Level 100. Realm数据缓存

  • Level 101. 设置

  • Level 102. iOS、Android适配

效果图

Pocket WeatherReact Weather

GitBucket客户端

功能与特性

  • Level 103. 支持订阅 50 多种编程语言;

  • Level 104. 支持添加/删除编程语言,并支持自定义它们的排序;

  • Level 105. 支持收藏喜欢的项目;

  • Level 106. 支持多种颜色主题自由切换;

  • Level 107. 支持搜索,并自持自定义订阅关键字;

  • Level 108. 支持分享,轻松将自己喜欢的项目分享给好友;

  • Level 109. 上滑自动隐藏NavBar

  • Level 110. 文字支持大、中、小

  • Level 111. 夜间模式

  • Level 112. 使用Redux

  • Level 113. i18国际化

效果图

福利打包大赠送

  • Level 114. React-Native 和OC混编

  • Level 115. React-Native 和Swift混编

  • Level 116. React-Native 和Android混编

  • Level 117. React-Native Android打包

  • Level 118. React-Native iOS打包

  • Level 119. React-Native 热更新

讲师介绍

  • 姓名: 春哥

  • TEL & 微信: 13331184066

  • 北京从零到壹科技有限公司 创始人

  • 一起众创社群发起人

  • 一起众创产品 && 技术负责人

  • 壹分享产品 && 技术负责人

  • 孔壹学院 教学总监

课程时间

  • 2017.03.18(周六) 上午 10:00-12:00 下午 14:00-17:00

  • 2017.03.19(周日) 上午 10:00-12:00 下午 14:00-17:00

  • 2017.03.25(周六) 上午 10:00-12:00 下午 14:00-17:00

  • 2017.03.26(周日) 上午 10:00-12:00 下午 14:00-17:00

  • 2017.04.08(周六) 上午 10:00-12:00 下午 14:00-17:00

  • 2017.04.09(周日) 上午 10:00-12:00 下午 14:00-17:00

班级人数

  • 40人,第40名以后的参加下一期

价格

  • 原价 2333RMB/人

  • 现价 1888RMB/人 (前20名1668RMB/人

报名方式21

  • 北京从零到壹科技有限公司支付宝账号(liyuechun2009@163.com)支付1888/人

  • 搜索微信号s13366647737并添加沈老师为好友

  • 付款截图姓名电话发送给沈老师登记

  • 如果你是前20名,沈老师会立即给你退款220元

培训地点 北京


线上直播报名添加沈老师微信号(s13366647737)咨询。


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存