HTML5來了，7個混合式移動開發框架

在這個時間開始學習移動開發真是最好不過了，每一個人應該都有一些移動應用的創意，並且你並不須要任何的原生應用編程經驗，你只須要一些HTML的相關知識，懂一些CSS和JavaScript就夠了。若是你總聽別人說HTML5的移動應用太慢，我只能告訴你應該有一些主見，首先HTML5會愈來愈好，移動端的硬件也會愈來愈強，怎麼說呢，你仔細看一看你手機上的應用吧，不少應用已經悄悄的使用混合式開發了，若是像你說的它們很慢，你發現它們了嗎？

目前已經有不少的框架能夠幫助你開發跨平臺的移動應用，在這篇文章中，咱們只介紹最牛的7個。

IONIC

IONIC 是目前最有潛力的一款HTML5手機應用開發框架。經過SASS構建應用程序，它提供了不少UI組件來幫助開發者開發強大的應用。它使用JavaScript MVVM框架和 AngularJS來加強應用。提供數據的雙向綁定，使用它成爲Web和移動開發者的共同選擇。即將發佈的AngularJS 2.0將會專一於移動開發，相信IONIC必定會取得不錯的成就 。

IONIC的開發團隊將盡快開發出一種經過IONIC creator提供開發者快速建立IONIC應用的方式。咱們將很快就會看到一個支持拖拉功能的可視化開發工具，幾分鐘內開發一個app將再也不只是吹xx。 

若是對IONIC感興趣，能夠看一看本站的IONIC教程 。

Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應式移動開發HTML5框架。

Mobile Angular UI的關鍵字有：

• Bootstrap 3

• AngularJS

• Bootstrap 3 Mobile組件，好比switches, overlays和sidebars，這些都是bootstrap中沒有的。

• AngularJS modules， 好比 angular-route, angular-touch 和 angular-animate

響應式媒體查詢是將bootstrap做爲單獨的文件，你只須要包含你所須要的東西。Mobile Angular UIu並不包含任何jQuery依賴，你須要作的只是經過一些AngularJS指令建立友好的用戶體驗。

詳細瞭解能夠看一看 the Mobile Angular UI demo page，上面有Mobile Angular UI的實踐，若是你想了解的更深刻一些，我建議你讀一讀 getting started with Mobile Angular UI。

Intel XDK

Intel XDK 是Inter開發的一款跨平臺開發工具，咱們能夠很容易的經過Intel XDK開發應用，你須要作的只是下載他們的應用開發工具 ，有Linux、Windows和Mac版，它還提供了不少個開發框架，好比Twitter bootstrap, jQuery Mobile 和 Topcoat.

相關的APP frameworks的開發使用教程：移動開發實戰：App frameworks開發支持移動設備全屏滾動應用

在以前我寫過關於Intel XDK很詳細的教程，沒有看過的同窗能夠看一看：

經過Intel XDK編寫跨平臺app(一)

經過Intel XDK編寫跨平臺app(二)

Appcelerator Titanium

Appcelerator’s Titanium 不一樣於其它框架的是，它是一個開源的框架。

Titanium是混合式移動應用開發的一站式解決方案，你只須要下載 Titanium studio就能夠解決全部的事情，Titanium SDK包含了不少手機平臺的APIs和後端雲服務。

Titanium使用 Alloy，Alloy是一個快速開發的手機應用MVC框架， 模塊式開發能夠大大減少開發時間，提升代碼複用。

Titanium studio 還提供了一些code模板。你能夠熟悉一下這些模板，相關的教程也很快會推出。

Sencha Touch

Sencha Touch 一樣也是HTML5手機應用跨平臺開發框架，運行iOS/Android/Blackberry。它已經誕生不少年了，如今已經成爲很經常使用的混合式編程開發框架。

Sencha Touch可讓你的Web App看起來像Native App。美麗的用戶界面組件和豐富的數據管理，所有基於最新的HTML5和CSS3的 WEB標準，全面兼容Android和Apple iOS設備。

下面是Sencha官方給出的幾點特性

• 基於最新的WEB標準 – HTML5，CSS3，JavaScript。整個庫在壓縮和gzip後大約80KB，經過禁用一些組件還會使它更小。

• 支持世界上最好的設備。Beta版兼容Android和iOS，Android上的開發人員還可使用一些專爲Android定製的主題。

• 加強的觸摸事件。在touchstart、touchend等標準事件基礎上，增長了一組自定義事件數據集成，如tap、swipe、pinch、rotate等。

• 數據集成。提供了強大的數據包，經過Ajax、JSONp、YQL等方式綁定到組件模板，寫入本地離線存儲。

Kendo UI

Telerik’s Kendo UI 是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML五、CSS3和JavaScript標準。

Kendo UI包含了開發現代JavaScript開發所須要的全部一切，包括：強大的數據源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

PhoneGap

PhoneGap 恐怕是最老的一個框架了，相信不少人都已經據說過甚至使用過它，可是PhoneGap是基於開源的 Cordova 商業版本。

第一段PhoneGap代碼是在2008年8月的iPhoneDevCamp上寫成的。建立它的一個主要動力是基於一個幾乎每個單獨的iPhone開發新手都要面對的簡單事實：Objective-C是一個對Web開發人員來講很是陌生的環境，而且Web開發人員的數量遠遠多於Objective-C開發人員的數量。

問題是，是否有人能夠開發一個框架，讓Web開發人員能夠利用他們全部的HTML、CSS和JavaScript知識，並且仍舊能夠同iPhone的重要本地應用程序(如攝像頭和通信錄)交互呢？

就在那一年，PhoneGap獲了獎並開始支持Android平臺，對人數不斷增加的移動開發人員變得愈來愈有用，這些人員須要在更多的平臺上得到代碼支持。

你們能夠到PhoneGap documentation官方文檔開始對PhoneGap的學習。

結論

在這篇文章中，咱們討論了一些HTML5的移動開發框架，HTML5正式發佈以後，不少開發者對HTML5又重燃了但願，相信這是個美好的時代，相信它會給咱們帶來更多的驚喜。