課程目錄 :
(內容與授課時間) 授課總時數:
18:47:48
課程大綱:
第1章 課程預熱
React 與 React Native的區別,為什麼學習 React Native。
課時01 1-1 →時長:00:04:30
課時02 1-2 為何選擇 React Native →時長:00:08:29
課時03 1-3 RN 適合你麼 →時長:00:01:54
第2章 初識 React Native
快速搭建一個 React Native,瞭解 RN 的項目代碼結構。
課時04 2-1 本地環境搭建 →時長:00:12:30
課時05 2-2 忍不住嘗嘗鮮 →時長:00:18:46
課時06 2-3 瞭解 RN 項目代碼結構 →時長:00:11:32
第3章 RN 入門知識學習
學習React 的組件概念,ES5/ES6 兩種組件形態,父子組件通信以及組件生命週期。
課時07 3-1 如何選擇 RN 版本 →時長:00:04:47
課時08 3-2 React的組件生命週期 →時長:00:21:30
課時09 3-3 父子組件死逼大戰 →時長:00:23:05
課時10 3-4 ES5 與 ES6 兩種組件形態 →時長:00:18:42
第4章 升級 React Native 重要補錄
這一章節是講師針對課程上線以來,學生的常見問答,講師做了一些總結補充視頻。
課時11 4-1 狗狗說 App 功能介紹 →時長:00:13:49
課時12 4-2 TabBarIOS 開啟 App 首頁(1 →時長:00:13:58
課時13 4-3 TabBarIOS 開啟 App 首頁(2) →時長:00:13:16
課時14 4-4 App流程結構及開發計劃 →時長:00:15:41
課時15 4-5 飛速創建後台和Mock假數據(1) →時長:00:05:39
課時16 4-6 飛速創建後台和Mock假數據(2) →時長:00:23:10
第5章 項目初始準備
作為實戰編程的上手篇,需要又快又猛的串聯起來前後端,首先評審課程要實現的 App 視覺效果,形成項目推進的思路,制定 App
開發計劃,然後搭建項目原型框架,開發 App 首頁視圖結構,同時利用 Rap 服務來模擬無後台的 HTTP API 接口,以及 Mockjs
加工生成偽數據。...
課時17 5-01 視頻列表頁挖坑開發 (1) →時長:00:09:14
課時18 5-02 視頻列表頁挖坑開發 (2) →時長:00:18:32
課時19 5-03 RN 的異步請求與封裝 →時長:00:30:54
課時20 5-04 列表頁上滑預加載和下拉刷新效果 (1) →時長:00:17:53
課時21 5-05 列表頁上滑預加載和下拉刷新效果 (2) →時長:00:12:06
課時22 5-06 iOS 屏幕尺寸及分辨率知識點解析 →時長:00:08:16
課時23 5-07 列表頁點贊功能 →時長:00:13:50
課時24 5-08 RN 導航器 Navigator 的用法 →時長:00:12:27
課時25 5-09 詳情頁視頻播放控制 →時長:00:15:57
課時26 5-10 詳情頁視頻播放控制loading-進度條-重播功能 →時長:00:19:36
課時27 5-11 詳情頁視頻播放控制-暫停、播放控制 →時長:00:07:47
課時28 5-12 詳情頁視頻播放控制-容錯處理、返回導航 →時長:00:11:10
課時29 5-13 詳情頁視頻信息補全 →時長:00:09:55
課時30 5-14 獲取視頻評論列表(1) →時長:00:18:12
課時31 5-15 獲取視頻和評論列表(2) →時長:00:07:52
課時32 5-16 RN裡示提交評論表單(1) →時長:00:17:33
課時33 5-17 RN裡面提交評論表單(2) →時長:00:15:30
第6章 開發視頻配音頁面
開發 App 的核心業務功能 – 視頻配音頁面,學習在 RN 中選取本地的視頻文件,上傳到七牛,控制錄音過程,上傳錄音到雲空間,同時在後台瞭解如何在 Koa
中抽像中間件,以及利用 Mongoose來建立各種對應的視頻,音頻數據模型,存儲視頻和音頻並且封裝回調的請求為 Promise
,通過各種異步的過程來檢查,最終合併...
課時34 6-1 React 與 MVC →時長:00:02:36
課時35 6-2 RN 的 30+組件 →時長:00:18:04
課時36 6-3 Flexbox 彈性佈局的魔法屬性(1) →時長:00:16:22
課時37 6-4 Flexbox 彈性佈局的魔法屬性(2) →時長:00:11:40
課時38 6-5 如何甄選第三方組件 →時長:00:09:57
課時39 6-6 RN 的 AsyncStorage 異步存儲 →時長:00:22:38
課時40 6-7 如何在手機上安裝顯示 RN 原型項目 →時長:00:05:33
第7章 RN 知識進階串講
以第五章為基礎,來拔高技能點升級技能樹,學習 Flexbox 的各種佈局知識,批量瞭解 RN 的30 多個組件的功能和基本使用方式,演示如何使用 RN
的異步存儲模塊,並且瞭解如何甄選生態圈裡面的第三方組件,最終研究下如何把本地的 RN 項目安裝到手機裡面運行。...
課時41 7-1 偽造 Rap 註冊登錄接口 →時長:00:07:07
課時42 7-2 實現註冊登錄頁面1 (輸入驗證碼) →時長:00:20:12
課時43 7-3 實現註冊登錄頁面2 (倒計時) →時長:00:12:42
課時44 7-4 本地管理應用登錄狀態 →時長:00:11:53
第8章 App 內註冊登錄
精講在 RN 裡面實現註冊登錄頁面,如何發出註冊請求,以驗證碼的方式實現登錄過程,如何管理應用中的登錄狀態;
課時45 8-1 頭像展示與相冊選取(1) →時長:00:16:52
課時46 8-2 頭像展示與相冊選取(2) →時長:00:09:41
課時47 8-3 頭像展示與相冊選取(3) →時長:00:18:38
課時48 8-4 XHR 異步上傳圖片到cloudinary圖床(1) →時長:00:17:21
課時49 8-5 XHR 異步上傳圖片到cloudinary圖床(2) →時長:00:18:55
課時50 8-6 餅狀圖顯示圖片上床進度(1) →時長:00:14:50
課時51 8-7 餅狀圖顯示圖片上床進度(2) →時長:00:14:55
課時52 8-8 編輯和保存用戶資料(1) →時長:00:20:18
課時53 8-9 編輯和保存用戶資料(2) →時長:00:13:25
第9章 用戶賬戶頁面
精講在 RN 裡面調用本地的相機以及選取相冊的照片,構建 FormData 來 XHR
異步上傳圖片,監控圖片上傳進度,以及用戶的基本資料的編輯和保存,以及用戶的退出登錄功能。
課時54 9-01 本地安裝Mongdb →時長:00:05:40
課時55 9-02 搭建 Koa 初始項目架構 →時長:00:16:45
課時56 9-03 Koa 中配置使用Mongdb數據庫 →時長:00:11:16
課時57 9-04 koa中配置使用mongdb數據庫(2) →時長:00:08:14
課時58 9-05 用螺絲帽在Koa中發送短信(1) →時長:00:11:30
課時59 9-06 用螺絲帽在koa中發送短信(2) →時長:00:12:15
課時60 9-07 用DHC插件快速測試本地API服務 →時長:00:15:02
課時61 9-08 服務器端實現圖床簽名接口 →時長:00:11:44
課時62 9-09 用七牛上傳圖片資源(1) →時長:00:16:36
課時63 9-10 用七牛上傳圖片資源(2) →時長:00:13:34
第10章 用 Koa 開發本地 API 後台
基於前八章構建的 App 原型,首先安裝 MongoDB 數據庫,利用 Koa 框架搭建 Nodejs 後台項目,配置接入 MongoDB 數據庫,為 App
提供各種 API 接口,比如在後台發送短信驗證碼,同時瞭解使用 DHC 插件快速驗證接口正確性,最後在後台實現圖床的簽名,異步返會給 App 作為票據上傳到
Cloudinary 或者 七...
課時64 10-01 視頻選擇器與視頻預覽(1) →時長:00:12:41
課時65 10-02 視頻選擇器與視頻預覽(2) →時長:00:09:40
課時66 10-03 用七牛上傳視頻資源(1) →時長:00:11:09
課時67 10-04 用七牛上傳視頻資源(2) →時長:00:11:30
課時68 10-05 服務器端存儲視頻信息(1) →時長:00:12:31
課時69 10-06 服務器端存儲視頻信息(2) →時長:00:08:10
課時70 10-07 控制錄音倒計時 →時長:00:15:41
課時71 10-08 實現視頻錄音功能(1) →時長:00:16:50
課時72 10-09 實現視頻錄音功能(2) →時長:00:07:03
課時73 10-10 上傳音頻到雲空間(1) →時長:00:13:36
課時74 10-11 上傳音頻到雲空間(2) →時長:00:10:17
課時75 10-12 服務器端存儲音頻數據 →時長:00:10:16
課時76 10-13 合併音頻視頻並同步封面圖到七牛(1) →時長:00:09:48
課時77 10-14 合併音頻視頻並同步到封面圖七牛(2) →時長:00:10:34
課時78 10-15 發佈整個視頻音頻創意(1) →時長:00:08:49
課時79 10-16 發佈整個視頻音頻創意(2) →時長:00:09:14
課時80 10-17 發佈整個視頻音頻創意(3) →時長:00:17:31
第11章 開發視頻配音頁面
開發 App 的核心業務功能 – 視頻配音頁面,學習在 RN 中選取本地的視頻文件,上傳到七牛,控制錄音過程,上傳錄音到雲空間,同時在後台瞭解如何在 Koa
中抽像中間件,以及利用 Mongoose來 建立各種對應的視頻,音頻數據模型,存儲視頻和音頻並且封裝回調的請求為 Promise
,通過各種異步的過程來檢查,最終...
課時81 11-1 製作導出App各尺寸圖標 →時長:00:18:35
課時82 11-2 配置啟動過度畫面和APP名字 →時長:00:07:14
課時83 11-3 為APP開發輪播圖功能 →時長:00:18:18
課時84 11-4 打包APP安裝文件並借助蒲公英分發測試 →時長:00:15:21
課時85 11-5 利用蒲公英做bug探索測試 →時長:00:08:16
|