>在這個套課程里,推薦您先要有 JavaScript 的基礎,知道基本的語法就行,這會減小學習的痛苦。因為 JavaScript 新的標準來了,加了不少新的特性,比如箭頭函數,模塊,類等等 .. 所以您需要接著了解一下這些新特性,學一下 ECMAScript 6 新功能,再可以開始學習 React 框架,去創建一個簡單的可以在瀏覽器上運行的小應用,然后是 React Native ,這個東西可以讓您用 JavaScript 去開發真正本地的可以運行在 Android 或 iOS 平臺的應用。
【課程內容】
JavaScript基礎
1.介紹
2.在網頁中嵌入腳本代碼的方法
3.注釋
4.變量-給東西起個名字
5.數據的類型 – 數字,文字,真與假 .
6.文本字符串的處理
7.Array數組
8.流程控制-if..else..
9.流程控制-switch..
10.流程控制-while循環
11.流程控制-for循環
12.function 函數
13.定義一個函數
14.函數表達式
15.變量的范圍
16.Object對象
17.創建一個對象
18.對象里的數組
19.更新與刪除對象里的屬性
20.為對象添加方法
21.循環輸出對象里的屬性
22.DOM操作文檔的接口
23.文檔樹
24.獲取文檔中的元素getElementById
25.getElementsByTagName
26.querySelector 與 querySelectorAll
27.訪問元素的屬性
28.在文檔中創建并插入新的節點
29.insertBefore – 在指定的位置插入節點
30.Event-處理發生的事情
31.處理事件的方法
32.用對象的事件處理程序處理發生的事件
33.addEventListener-為對象綁定事件
34.事件的傳播
35.更改事件傳播方式
36.停止傳播事件
ECMAScript 新功能
1.課程介紹-ECMAScript 新功能
2.塊的作用域-let
3.恒量-const
4.解構數組-Array Destructuring
5.解構對象-Object Destructuring
6.模版字符串-Template Strings
7.帶標簽的模版字符串-Tagged Templates
8.判斷字符串里是否包含其他字符串
9.默認參數 – Default Parameter Values
10.展開操作符-Spread
11.剩余操作符Rest
12.解構參數 – Destructured Parameters
13.函數的名字-name屬性
14.箭頭函數-Arrow Fuctions
15.對象表達式
16.對象屬性名
17.對比兩個值是否相等-Object.is()
18.把對象的值復制到另一個對象里 – Object.assign()
19.設置對象的 prototype – Object.setPrototypeOf()
20.proto
21.super
22.迭代器 – Iterators
23.生成器 – Generators
24.Classes – 類
25.get 與 set
26.靜態方法-staitc
27.繼承-extends
28.Set
29.Map
30.Module
31.重命名導出與導入的東西
32.導出與導入默認
React 基礎
01.React 課程介紹
02.安裝React
03.定義組件
04.顯示 – ReactDOM.render
05.組合組件
06.屬性-props
07.從爸爸那里得到數據
08.從服務器端得到數據
09.狀態
10.更新組件的狀態
11.事件 – 使用發生在組件上的事件
12.得到在瀏覽器上顯示的元素 – refs
13.兒子把數據交給爸爸
14.更新狀態重新顯示組件
React 路由
1.React Router 課程介紹
2.安裝 React Router
3.準備 React 組件
4.定義路由
5.得到地址里的參數
6.索引 – IndexRoute
7.路由里的絕對路徑與重定向
8.進入與離開 – onEnter, onLeave
9.查詢符 – query
10.組件的生命周期與路由
React Native基礎知識
1.安裝 React Native – OS X
2.配置 Android 開發環境
3.初始化項目
4.在 Android 上運行應用
5.項目的開發菜單
6.在項目里使用ES6
7.初識 React Native 項目
8.創建與應用樣式
9.常用樣式
10.文字樣式
11.布局 – 準備
12.布局 – Flexbox
13.視圖組件 – View
14.文本組件 – Text
15.自定義顯示文本的組件
16.圖像組件 – Image
17.背景圖像
18.列表視圖 – ListView
19.重新整理列表的顯示 – 內容
20.重新整理列表的顯示 – 樣式
21.加載中 …
React Native進階
01.組織應用的樣式
02.組織應用的組件
03.帶動畫的加載指示 – ActivityIndicatorIOS
04.觸摸高亮顯示 – TouchableHighlight
05.標簽欄 – TabBarIOS – 準備
06.標簽欄里的項目
07.切換顯示標簽項目
08.自定義標簽欄
09.導航 – NavigatorIOS – 準備
10.使用導航與自定義導航的樣式
11.內容的詳細頁面 – 準備
12.內容的詳細頁面 – 實施
13.內容的詳細頁面 – 內容
14.內容的詳細頁面 – 加載中
15.內容的詳細頁面 – 文字的樣式
16.分段顯示電影簡介里的內容
17.北美票房頁面
React Native高級
01.搜索頁面-準備
02.除錯:屬性里的布爾值
03.文本框組件 – TextInput
04.文本框的樣式
05.文本框上的屬性
06.文本框上的屬性 – iOS
07.文本框上的事件
08.搜索
09.顯示搜索結果
10.等待搜索結果時顯示加載指示器
ECMAScript(es6)






