课程内容:
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(测试学习成果) |
在线直播地址 | 点击进入学习 |