前言

伴隨著HTML5技術的普及力度與日俱增， 混合應用開發已經備受關注， 百家爭鳴的技術框架，如何做好技術選型，搭建最穩健的架構，快速的持續整合，是一個跨平臺App開發的關鍵所在，所以本套視訊教程憑藉實戰App開發做實驗講解，帶您共同學習基於Cordova平臺的混合應用開發。

效果展示

Cordova整合

Cordova作為最跨平臺開發框架，已經變得越來越普及，已然成為各個平臺開發的首選框架，Cordova獨居一下特色：

• 開源的框架，免費整合
• 豐富的底層外掛以及第三方支援
• 快速整合的終端命令
• 多平臺支援（ios android windows…）
• 支援自定義介面

React整合

React是facebook開發的一款HTML5框架，現如今已經成為主流的框架，雖然定位只是MVC中的一個view， 但是獨居特色的虛擬DOM, 元件化的思想，能夠整合Redux框架做資料管理，使其迅速普及開來，同時React也衍生處理驅動原生的技術框架React-Native, 火熱程度已經不言而喻。

那麼我們本套教程，將會結合React的技術框架做整理業務邏輯編寫。

OnsenUI整合

如果一個技術框架，想提高使用者體驗，一個好的UX設計也是至關重要的，所以本套教程，將會推薦並講解OnsenUI的在React中的整合，逐步搭建一個新聞App。

OnsenUI有如下特點：

• 支援多個框架平臺比如：Angular 1.x , Angular 2.x React, VUE
• 豐富的元件支援
• 支援ES6的整合語法
• 輕量級的UX框架

Redux整合

做為Flux單向資料流的一個精簡實現，Redux框架成為了React（View）的首選資料管理框架。單向的資料流動，大資料量的管理， 豐富的中介軟體整合，讓React的開發更加靈活便捷。

總結

總體來講，本套課程，會以實戰的方式，講解混合應用開發的整個流程，包括架構設計，框架整合，模組分解，產品釋出；技術框架包括NodeJS， Webpack, npm, yarn, cordova, react, onsenui, redux系列中間價。

教程中會以Nodejs作為基礎，搭建整合化的指令碼檔案，簡化Cordova App釋出的流程，使其更加方便快捷。

如果您想了解混合應用開發，那麼本套教程一定是一個不二之選。

個人公眾號

（ID： tianwaiyecao）

視訊教程地址