完全征服React Native-李寧-專題視訊課程
阿新 • • 發佈:2019-02-09
完全征服React Native—53755人已學習
課程介紹
React Native是Facebook於2015年推出的跨平臺開發工具,可用於開發Android和iOS App,並且同時具有混合開發的優點(熱更新,跨平臺)以及本地App的效能。 本課程採用新的ES6開發,主要內容包括ReactNative的基礎知識,ReactNative的佈局,元件,API,封裝本地API和元件,釋出ReactNative App,本地與ReactNative深度結合
課程收益
讓學員系統學習React Native的相關知識,並達到能使用React Native開發Android和iOS App的目的。
講師介紹
李寧更多講師課程
東北大學計算機專業碩士研究生,歐瑞科技創始人&CEO,曾任國內著名軟體公司專案經理,暢銷書作者,企業IT內訓講師,CSDN學院專家講師,製作視訊課程超過1000小時。擁有超過15年的企業內訓經驗和開發經驗。目前主要從事Python、人工智慧、大資料、區塊鏈、JavaScript、Java、C++等技術的研究和開發,現在正在帶領團隊開發支援區塊鏈的跨平臺開發系統。曾出版超過30多本IT暢銷書,主要著作包括《Python從菜鳥到高手》、《第一行程式碼:以太坊》等。授課風趣幽默,講解條理清晰、通俗易懂,對知識有自己獨到見解。能舉一反三,發散學生的思維,指引學生髮掘適合自己的學習方法。
課程大綱
第1章:React-Native基礎
1.視訊課程簡介 21:24
2.React Native簡介 16:48
3.安裝和配置React Native(Mac OS X) 15:03
4.安裝和配置React Native(Windows) 15:25
5.React-Native工程的建立和執行 16:35
第2章:FlexBox佈局
1.React-Native佈局簡介 9:38
2.改變主軸的方向(flexDirection) 18:25
3.水平折行(flexWrap) 3:10
4.justifyContent(伸縮專案的對齊方式) 3:27
5.alignItems(交叉軸的對齊關係) 2:39
6.flex(讓伸縮專案儘可能充滿右側空間) 6:58
第3章:元件詳解
1.View元件 23:03
2.Text元件:巢狀文字 7:55
3.Text元件:numberOfLines屬性 8:36
4.Text元件:onPress和onLongPress事件 7:34
5.Text元件:onLayout(獲取元件的尺寸和位置資訊) 6:21
6.TextInput元件:autoCapitalize屬性(字母自動大寫) 9:52
7.TextInput元件:autoCorrect【自動修正】和autoFocus【自動焦點】 5:12
8.TextInput元件:keyboardType屬性(設定軟鍵盤型別) 6:14
9.TextInput元件:returnKeyType屬性(設定返回鍵型別) 4:19
10.TextInput元件:設定最大輸入字元數和允許多行輸入 3:09
11.TextInput元件:設定提示文字和顏色 3:19
12.TextInput元件:輸入密碼、焦點選中和選中顏色 4:14
13.TextInput元件:editable、value和defaultValue屬性 3:30
14.TextInput元件:其他屬性 3:25
15.TextInput元件:文字變化事件(onChange和onChangeText) 7:12
16.TextInput元件:獲取輸入的文字 8:06
17.TextInput元件:自動提示列表 13:55
18.Image元件:從本地裝載影象 3:48
19.Image元件:螢幕適配 9:33
20.Image元件:從App中裝載影象 3:13
21.Image元件:裝載網路影象 2:13
22.TouchableHighlight元件 9:54
23.TouchableNativeFeedback元件 9:51
24.TouchableOpacity元件 5:44
25.ListView元件:基本用法 14:41
26.ListView元件:自動引數Item 3:06
27.ListView元件:實現圖文混排效果 11:18
28.ListView元件:實現圖文橫向排列 9:05
29.Switch元件 15:40
30.Picker元件 14:36
31.PickerIOS元件(實現聯動效果) 19:16
32.DatePickerIOS元件(顯示和設定日期和時間) 10:45
33.Slider元件(滑塊元件) 13:25
34.ProgressBarAndroid元件 8:42
35.ProgressViewIOS元件 3:37
36.Navigator元件1 10:43
37.Navigator元件2 5:26
38.Navigator元件:影象瀏覽 10:20
39.Navigator元件:NavigationBar 15:40
40.NavigatorIOS元件 15:40
41.StatusBar元件 5:05
42.TabBarIOS元件 24:10
43.ToolbarAndroid元件 11:28
44.ViewPagerAndroid元件 14:17
45.RefreshControl元件 14:05
46.ScrollView元件 12:03
47.DrawerLayoutAndroid元件 14:47
48.MapView元件 11:07
49.Modal元件 9:39
50.SegmentedControlIOS元件 9:17
51.WebView元件 4:22
第4章:API詳解
1.AppRegistry 7:35
2.AsyncStorage(非同步儲存) 33:01
3.AppState(監聽App的active、background和inactive狀態) 6:14
4.Alert 20:48
5.AlertIOS 9:07
6.ActionSheetIOS 13:59
7.Animated(淡入動畫) 8:52
8.Animated動畫(並行和序列組合動畫) 12:23
9.Animated動畫(混合動畫) 16:55
10.Animated動畫(迴圈動畫) 7:09
11.BackAndroid 4:43
12.Clipboard(剪貼簿) 5:49
13.DatePickerAndroid(顯示日期選擇對話方塊) 9:27
14.TimePickerAndroid(顯示時間選擇器) 7:24
15.Dimensions(獲取視窗的寬度和高度) 3:35
16.InteractionManager 6:06
17.LayoutAnimation(檢視動畫) 8:29
18.Linking(開啟不同型別的Url) 9:32
19.NetInfo(獲得與網路相關的資訊) 15:46
20.PixelRatio(獲取畫素資訊) 21:47
21.ToastAndroid 2:32
22.Vibration(震動效果) 6:37
23.XMLHttpRequest的應用 21:37
24.fetch 16:58
25.WebSocket(全雙工資料互動) 10:55
第5章:本地模組(iOS)
1.echo模組 24:35
2.如何讓本地模組方法暴露不同的名字 4:44
3.日期型別引數(入住日期和離店日期演示) 23:13
4.NSDictionary型別引數 6:53
5.通過回撥函式從OC返回值到JavaScript 13:43
6.本地API向JavaScript同步返回值 10:44
7.匯出常量 7:38
8.匯出列舉型別 7:15
9.本地API呼叫JavaScript事件 23:12
10.訪問Swift API(計算階乘) 12:35
第6章:本地模組(Android)
1.Echo 18:05
2.帶影象的Toast 19:12
3.callback(演示了日期型別引數和回撥) 13:57
4.觸發JavaScript中的事件 9:42
5.同步獲取本地模組方法的返回值 11:05
6.撥打電話(本地視窗和React Native視窗相結合) 7:12
7.顯示自定義視窗,並回去返回值 11:08
8.監測視窗(Activity)的生命週期 7:57
第7章:封裝本地元件(iOS)
1.封裝本地元件基本步驟和封裝的初步實現 34:23
2.對映同名屬性 4:32
3.對映普通屬性 11:22
4.對映物件型別的屬性 6:50
5.對映事件 11:35
第8章:封裝本地元件(Android)
1.封裝本地元件基礎 23:39
2.封裝簡單屬性 7:27
3.封裝顏色屬性(titleColor) 18:52
4.利用onTouch事件設定高亮文字顏色 7:54
5.封裝影象型別屬性 14:58
6.封裝單擊事件 12:28
第9章:釋出React Native App
1.從App中裝載React Native程式碼(iOS) 14:14
2.動態更新和裝載React Native程式碼(iOS) 9:00
3.從App中裝載React Native程式碼(Android) 9:36
4.動態更新和裝載React Native程式碼(Android) 5:41
第10章:本地與React Native的深度結合開發
1.iOS本地視窗和react native視窗結合 34:56
2.React Native如何關閉當前視窗 8:58
3.React Native如何使用不同的入口檔案 10:17
4.Android本地視窗和React Native視窗結合 6:59
5.Android如何控制React Native檢視 16:24
6.Android如何用JavaScript程式碼關閉當前視窗 5:11
7.Android使用不同的元件 5:51
第11章:其他React Native技術
1.除錯React Native App 10:40
2.直接設定元件的屬性 3:32
大家可以點選【檢視詳情】檢視我的課程
課程介紹
React Native是Facebook於2015年推出的跨平臺開發工具,可用於開發Android和iOS App,並且同時具有混合開發的優點(熱更新,跨平臺)以及本地App的效能。 本課程採用新的ES6開發,主要內容包括ReactNative的基礎知識,ReactNative的佈局,元件,API,封裝本地API和元件,釋出ReactNative App,本地與ReactNative深度結合
課程收益
讓學員系統學習React Native的相關知識,並達到能使用React Native開發Android和iOS App的目的。
講師介紹
李寧更多講師課程
東北大學計算機專業碩士研究生,歐瑞科技創始人&CEO,曾任國內著名軟體公司專案經理,暢銷書作者,企業IT內訓講師,CSDN學院專家講師,製作視訊課程超過1000小時。擁有超過15年的企業內訓經驗和開發經驗。目前主要從事Python、人工智慧、大資料、區塊鏈、JavaScript、Java、C++等技術的研究和開發,現在正在帶領團隊開發支援區塊鏈的跨平臺開發系統。曾出版超過30多本IT暢銷書,主要著作包括《Python從菜鳥到高手》、《第一行程式碼:以太坊》等。授課風趣幽默,講解條理清晰、通俗易懂,對知識有自己獨到見解。能舉一反三,發散學生的思維,指引學生髮掘適合自己的學習方法。
課程大綱
第1章:React-Native基礎
1.視訊課程簡介 21:24
2.React Native簡介 16:48
3.安裝和配置React Native(Mac OS X) 15:03
4.安裝和配置React Native(Windows) 15:25
5.React-Native工程的建立和執行 16:35
第2章:FlexBox佈局
1.React-Native佈局簡介 9:38
2.改變主軸的方向(flexDirection) 18:25
3.水平折行(flexWrap) 3:10
4.justifyContent(伸縮專案的對齊方式)
5.alignItems(交叉軸的對齊關係) 2:39
6.flex(讓伸縮專案儘可能充滿右側空間) 6:58
第3章:元件詳解
1.View元件 23:03
2.Text元件:巢狀文字 7:55
3.Text元件:numberOfLines屬性 8:36
4.Text元件:onPress和onLongPress事件 7:34
5.Text元件:onLayout(獲取元件的尺寸和位置資訊) 6:21
6.TextInput元件:autoCapitalize屬性(字母自動大寫) 9:52
7.TextInput元件:autoCorrect【自動修正】和autoFocus【自動焦點】 5:12
8.TextInput元件:keyboardType屬性(設定軟鍵盤型別) 6:14
9.TextInput元件:returnKeyType屬性(設定返回鍵型別) 4:19
10.TextInput元件:設定最大輸入字元數和允許多行輸入 3:09
11.TextInput元件:設定提示文字和顏色 3:19
12.TextInput元件:輸入密碼、焦點選中和選中顏色 4:14
13.TextInput元件:editable、value和defaultValue屬性 3:30
14.TextInput元件:其他屬性 3:25
15.TextInput元件:文字變化事件(onChange和onChangeText) 7:12
16.TextInput元件:獲取輸入的文字 8:06
17.TextInput元件:自動提示列表 13:55
18.Image元件:從本地裝載影象 3:48
19.Image元件:螢幕適配 9:33
20.Image元件:從App中裝載影象 3:13
21.Image元件:裝載網路影象 2:13
22.TouchableHighlight元件 9:54
23.TouchableNativeFeedback元件 9:51
24.TouchableOpacity元件 5:44
25.ListView元件:基本用法 14:41
26.ListView元件:自動引數Item 3:06
27.ListView元件:實現圖文混排效果 11:18
28.ListView元件:實現圖文橫向排列 9:05
29.Switch元件 15:40
30.Picker元件 14:36
31.PickerIOS元件(實現聯動效果) 19:16
32.DatePickerIOS元件(顯示和設定日期和時間) 10:45
33.Slider元件(滑塊元件) 13:25
34.ProgressBarAndroid元件 8:42
35.ProgressViewIOS元件 3:37
36.Navigator元件1 10:43
37.Navigator元件2 5:26
38.Navigator元件:影象瀏覽 10:20
39.Navigator元件:NavigationBar 15:40
40.NavigatorIOS元件 15:40
41.StatusBar元件 5:05
42.TabBarIOS元件 24:10
43.ToolbarAndroid元件 11:28
44.ViewPagerAndroid元件 14:17
45.RefreshControl元件 14:05
46.ScrollView元件 12:03
47.DrawerLayoutAndroid元件 14:47
48.MapView元件 11:07
49.Modal元件 9:39
50.SegmentedControlIOS元件 9:17
51.WebView元件 4:22
第4章:API詳解
1.AppRegistry 7:35
2.AsyncStorage(非同步儲存) 33:01
3.AppState(監聽App的active、background和inactive狀態) 6:14
4.Alert 20:48
5.AlertIOS 9:07
6.ActionSheetIOS 13:59
7.Animated(淡入動畫) 8:52
8.Animated動畫(並行和序列組合動畫) 12:23
9.Animated動畫(混合動畫) 16:55
10.Animated動畫(迴圈動畫) 7:09
11.BackAndroid 4:43
12.Clipboard(剪貼簿) 5:49
13.DatePickerAndroid(顯示日期選擇對話方塊) 9:27
14.TimePickerAndroid(顯示時間選擇器) 7:24
15.Dimensions(獲取視窗的寬度和高度) 3:35
16.InteractionManager 6:06
17.LayoutAnimation(檢視動畫) 8:29
18.Linking(開啟不同型別的Url) 9:32
19.NetInfo(獲得與網路相關的資訊) 15:46
20.PixelRatio(獲取畫素資訊) 21:47
21.ToastAndroid 2:32
22.Vibration(震動效果) 6:37
23.XMLHttpRequest的應用 21:37
24.fetch 16:58
25.WebSocket(全雙工資料互動) 10:55
第5章:本地模組(iOS)
1.echo模組 24:35
2.如何讓本地模組方法暴露不同的名字 4:44
3.日期型別引數(入住日期和離店日期演示) 23:13
4.NSDictionary型別引數 6:53
5.通過回撥函式從OC返回值到JavaScript 13:43
6.本地API向JavaScript同步返回值 10:44
7.匯出常量 7:38
8.匯出列舉型別 7:15
9.本地API呼叫JavaScript事件 23:12
10.訪問Swift API(計算階乘) 12:35
第6章:本地模組(Android)
1.Echo 18:05
2.帶影象的Toast 19:12
3.callback(演示了日期型別引數和回撥) 13:57
4.觸發JavaScript中的事件 9:42
5.同步獲取本地模組方法的返回值 11:05
6.撥打電話(本地視窗和React Native視窗相結合) 7:12
7.顯示自定義視窗,並回去返回值 11:08
8.監測視窗(Activity)的生命週期 7:57
第7章:封裝本地元件(iOS)
1.封裝本地元件基本步驟和封裝的初步實現 34:23
2.對映同名屬性 4:32
3.對映普通屬性 11:22
4.對映物件型別的屬性 6:50
5.對映事件 11:35
第8章:封裝本地元件(Android)
1.封裝本地元件基礎 23:39
2.封裝簡單屬性 7:27
3.封裝顏色屬性(titleColor) 18:52
4.利用onTouch事件設定高亮文字顏色 7:54
5.封裝影象型別屬性 14:58
6.封裝單擊事件 12:28
第9章:釋出React Native App
1.從App中裝載React Native程式碼(iOS) 14:14
2.動態更新和裝載React Native程式碼(iOS) 9:00
3.從App中裝載React Native程式碼(Android) 9:36
4.動態更新和裝載React Native程式碼(Android) 5:41
第10章:本地與React Native的深度結合開發
1.iOS本地視窗和react native視窗結合 34:56
2.React Native如何關閉當前視窗 8:58
3.React Native如何使用不同的入口檔案 10:17
4.Android本地視窗和React Native視窗結合 6:59
5.Android如何控制React Native檢視 16:24
6.Android如何用JavaScript程式碼關閉當前視窗 5:11
7.Android使用不同的元件 5:51
第11章:其他React Native技術
1.除錯React Native App 10:40
2.直接設定元件的屬性 3:32
大家可以點選【檢視詳情】檢視我的課程