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