• QQ咨詢:4001806960
  • 咨詢熱線:400-180-6960

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高級實戰課