ReactNative高级实战课程

课程内容:

1. 理解React Native架构

2. 熟悉React Native组件/布局/动画

3. 加深对redux, react.js调和算法(reconciliation)的认识

4. 学会使用第三方组件和native组件

5. 介绍一些新的前端方向 : cycle.js/graphql/ramda...等

6. 理解开源社区的生存模式,引导学员去贡献代码,有组员已经贡献过react native 代码

7. 提升学员的学习能力

开课方式:

实体加在线,在线地址: https://zhufeng.ke.qq.com/#tab=0&category=-1

开课时间:

珠峰大前端全栈课程的一部分,每周晚上内部公开课,不对外

开课性质:

公开课

开课周期:

不定期开课

课程大纲如下:
第一课
Introduction To React Native

1. React Native知识体系

2. React Native学习资料汇总(掌握正确的学习方法)

3. 如何在开源社区中提升自己的水平

4. React Native Hello World(Mac/Windows/Linux)

5. React Native架构初探(为什么React Native制作的APP很流畅)

6. Modular Javascript和就业 (React、React Native和AngularJS)

第二课
React.js重点知识Fast Forward

1. JSX

2. ES6

3. React.JS组件生命周期

4. VirtualDOM和React.js 调和算法(Reconciliation)

第三课
React Native关键组件(一)

1. Facebook的RN组件展示项目——UIExplorer

2. View, ScrollView,ListView, MapView,

3. Text,TextInput,Picker,Image, Switch

4. TouchableX

第四课
React Native关键组件(二)

1. Slider

2. Navigator, StatusBar

3. TabBarIOS, DrawerLayoutAndroid,ViewPagerAndroid

第五课
React Native 关键组件(三)

1. ActivityIndicatorIOS,RefreshControl

2. DatePickerIOS

3. Modal

4. ProgressBarAndroid, ProgressViewIOS

5. ToolbarAndroid

第六课
Redux & React Native

1. Redux整体架构

2. Action – Reducer – Store

3. Middleware

4. 什么时候使用Redux

5. Redux 和其他状态库的比较(Redux vs Flux, Redux & Rx.js …)

第七课
布局、样式

1. Css快速一览

2. FlexBox布局

第八课
结合Facebook在F8大会上的开源App

1. F8App整体架构

2. F8App整体布局

3. Navigator使用

4. F8App Tabbar

5. F8App登录和用户状态同步

6. F8App的列表

7. 正确阅读源代码的方法

第九课
测试的重要性和正确进行接口联调

1. 使用第三方原生组件

2. 编写原生组件

3. 正确使用github和npm

第十课
总结

1. 谈Open Standard 和社区发展

2. 进阶学习推荐——Cycle.js(比Redux 更出色的架构)

3. 进阶学习推荐——Graphql(比Rest设计更好的前后端接口方案)

4. 进阶学习推荐——Ramda.js(函数式、柯里化、Monoid设计)

5. Final Test(测试学习成果)

在线直播地址 点击进入学习

上一篇: 返回列表

下一篇: Angular.js高级实战课