1. 程式人生 > >完全征服React Native-李寧-專題視訊課程

完全征服React Native-李寧-專題視訊課程

完全征服React Native—53755人已學習
課程介紹    
201608221144245103.png
    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
大家可以點選【檢視詳情】檢視我的課程