Hybrid混合移動開發，讓你只有JS基礎也能輕鬆做出自己的app

Hybrid混合移動開發

隨著技術開發體系的不斷進步， 我們從以往開發純的Native App中有了更多的選擇， 其中最為突出的莫過於現在很多企業選擇的混合式開發。

混合式開發兼有native的性能， 更有web app的開發速度。 作為移動開發工作者， 或者想要自己做APP的學習者， 混合開發都是非常不錯的選擇。

視頻截圖

今天給大家帶來的這套北風網視頻教程就重點圍繞目前業界兩大開發框架， Cordova+Ionic以及Facebook力推的ReactNative做了全面的講解。

從零起步對他們的使用、常用元件、與native app的混合， 做了全面的介紹。 課程最後仍然有一個典型的電商課程案例， 希望大家只需要用比native app三分之一甚至更少的學習成本， 也能開發出一款和native app媲美的應用程式。

代碼截圖

本套視頻教程由北風網合作講師葉聞老師錄製，

葉聞講師：10年IT從業經歷， 從工程師做起、後來做過PM， 帶隊做過千萬級的CallCenter項目， 也在最年輕的時候創過業， 更長的時間服務過國內知名的教育機構。 始終認為互聯網是時代的潮流， 是給80後90後實現夢想的好方式。 熱愛互聯網產品和技術， 從最早的網頁JAVASSH框架， 到現如今的Android移動端， 都廣泛涉足過。 做過的項目多與電信、通信、OA、電商為主， 最熱愛的還是電商業務。 帶過的學生有上百， 有很多位居公司技術團隊核心， 極個別也有創業成功的。 享受不斷研究新產品新技術的過程， 也享受教書育人的樂趣。 認為不要一味鑽研技術， 堅持技術是為產品而生的觀點。 所以建議大家有做產品哪怕初期模仿別人產品的想法再來學習， 會有更奇妙的效果。

仿京東佈局

課程研發環境

開發工具:IonicLab、Sublimetext、AndroidStudio;

伺服器端:PHP+MySQL

其他工具:Genymotion模擬器

視頻截圖

教程試看及完整大綱目錄如下， 後續會更新一部分視頻在小編頭條號中， 對IT程式設計、系統架構、大資料、資料分析、人工智慧感興趣的朋友們可以訪問北風網官網或關注小編瞭解更多哦！也可以加群142991222一起分享學習跟多開發經驗資料。

視頻載入中...

01.01_Hybrid概念和框架介紹

02.01_Cordova介紹與安裝(一)

02.02_Cordova介紹與安裝(二)

02.03_IDE、Genymotion安裝說明(三)

02.04_Cordova Windows安裝配置(四)

03.01_Cordova訪問設備資訊

04.01_Cordova對話方塊

05.01_Cordova地理位置(一)

05.02_Cordova地理位置(二)

06.01_Cordova網路資訊

07.01_Cordova後退按鈕

08.01_Cordova多媒體

09.01_Cordova捕捉視頻和圖像

10.01_Cordova照相機

11.01_Cordova資料存儲

12.01_Cordova事件類型

13.01_Cordova開機動畫

14.01_Cordova檔案傳輸上傳1

14.02_Cordova檔案傳輸下載2

15.01_Cordova檔案系統1-創建文件

15.02_Cordova檔案系統2-寫文件

15.03_Cordova檔案系統3-讀取文件

15.04_Cordova檔案系統4-移除檔

16.01_Cordova資料夾操作

17.01_Cordova二進位檔案操作-保存

18.01_Cordova二進位檔案操作-讀取

19.01_Cordova顯示圖片

20.01_Cordova國際化

21.01_ReactNative簡介

21.02_ReactNative環境搭建1

21.03_ReactNative環境搭建2

22.01_React安裝入門

23.01_React之JSX

24.01_React之組件(1)

24.02_React元件(2)元件的狀態

24.03_React元件(3)元件的props

24.04_React之組件(4)獲取真實的DOM節點

25.01_React之組件生命週期(1)

25.02_React之組件生命週期(2)

26.01_React之表單(1)

26.02_React之表單(2)

27.01_React之AJAX

28.01_ReactNative之HelloWorld

29.01_ReactNative之屬性

29.02_ReactNative之狀態

30.01_ReactNative之樣式

30.02_ReactNative之寬高度

31.01_ReactNative之ScrollView

32.01_ReactNative之ListView

33.01_ReactNative之網路訪問(1)

33.02_ReactNative之網路訪問(2)

34.01_ReactNative之導航器(01)

34.01_ReactNative之導航器(02)

35.01_ReactNative之處理文本輸入和圖片

36.01_ReactNative之處理觸摸事件

37.01_ReactNative之嵌入到原生應用

38.01_ReactNative之調試和打包

39.01_ReactNative之熱更新部署

40.01_ReactNative實例之TabbarNavigator

40.02_ReactNative實例之PullListView

40.03_ReactNative實例之ListView仿京東佈局

40.04_ReactNative實例之ListView網路部分

40.05_ReactNative實例之ListView網路部分

40.06_ReactNative實例之ListView網路部分

40.07_ReactNative實例之頁面整合

41.01_Cordova+Ionic實例開發之入門加Tab導航

41.02_Cordova+Ionic實例開發之清單頁面

08.01_Cordova多媒體

09.01_Cordova捕捉視頻和圖像

10.01_Cordova照相機

11.01_Cordova資料存儲

12.01_Cordova事件類型

13.01_Cordova開機動畫

14.01_Cordova檔案傳輸上傳1

14.02_Cordova檔案傳輸下載2

15.01_Cordova檔案系統1-創建文件

15.02_Cordova檔案系統2-寫文件

15.03_Cordova檔案系統3-讀取文件

15.04_Cordova檔案系統4-移除檔

16.01_Cordova資料夾操作

17.01_Cordova二進位檔案操作-保存

18.01_Cordova二進位檔案操作-讀取

19.01_Cordova顯示圖片

20.01_Cordova國際化

21.01_ReactNative簡介

21.02_ReactNative環境搭建1

21.03_ReactNative環境搭建2

22.01_React安裝入門

23.01_React之JSX

24.01_React之組件(1)

24.02_React元件(2)元件的狀態

24.03_React元件(3)元件的props

24.04_React之組件(4)獲取真實的DOM節點

25.01_React之組件生命週期(1)

25.02_React之組件生命週期(2)

26.01_React之表單(1)

26.02_React之表單(2)

27.01_React之AJAX

28.01_ReactNative之HelloWorld

29.01_ReactNative之屬性

29.02_ReactNative之狀態

30.01_ReactNative之樣式

30.02_ReactNative之寬高度

31.01_ReactNative之ScrollView

32.01_ReactNative之ListView

33.01_ReactNative之網路訪問(1)

33.02_ReactNative之網路訪問(2)

34.01_ReactNative之導航器(01)

34.01_ReactNative之導航器(02)

35.01_ReactNative之處理文本輸入和圖片

36.01_ReactNative之處理觸摸事件

37.01_ReactNative之嵌入到原生應用

38.01_ReactNative之調試和打包

39.01_ReactNative之熱更新部署

40.01_ReactNative實例之TabbarNavigator

40.02_ReactNative實例之PullListView

40.03_ReactNative實例之ListView仿京東佈局

40.04_ReactNative實例之ListView網路部分

40.05_ReactNative實例之ListView網路部分

40.06_ReactNative實例之ListView網路部分

40.07_ReactNative實例之頁面整合

41.01_Cordova+Ionic實例開發之入門加Tab導航

41.02_Cordova+Ionic實例開發之清單頁面