7個HTML5移動開發框架,初學HTML5必看
目前已經有很多的框架可以幫助你開發跨平臺的移動應用,在這篇文章中,小千只介紹最牛的7個HTML5移動開發框架,初學HTML5的你一定要看喲。
1、IONIC
IONIC是目前最有潛力的一款HTML5手機應用開發框架。透過SASS構建應用程式,它提供了很多UI元件來幫助開發者開發強大的應用。它使用JavaScript MVVM框架和 AngularJS來增強應用。提供資料的雙向繫結,使用它成為Web和移動開發者的共同選擇。即將釋出的AngularJS 2.0將會專注於移動開發,相信IONIC一定會取得不錯的成就。
IONIC的開發團隊將盡快開發出一種透過IONIC creator提供開發者快速建立IONIC應用的方式。我們將很快就會看到一個支援拖拉功能的視覺化開發工具,幾分鐘內開發一個app將成為可能。
2、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。
3、Intel XDK
Intel XDK 是Inter開發的一款跨平臺開發工具,我們可以很容易的透過Intel XDK開發應用,你需要做的只是下載他們的應用開發工具,有Linux、Windows和Mac版,它還提供了很多個開發框架,比如Twitter bootstrap, jQuery Mobile和Topcoat。
4、AppceleratorTitanium
Appcelerator’s Titanium不同於其它框架的是,它是一個開源的框架。
Titanium是混合式移動應用開發的一站式解決方案,你只需要下載Titanium studio就可以解決所有的事情,Titanium SDK包含了很多手機平臺的APIs和後端雲服務。
Titanium使用 Alloy,Alloy是一個快速開發的手機應用MVC框架,模組式開發可以大大減小開發時間,提高程式碼複用。
Titanium studio 還提供了一些code模板。
5、 Sencha Touch
Sencha Touch同樣也是HTML5手機應用跨平臺開發框架,執行iOS/Android/Blackberry。它已經誕生很多年了,現在已經成為很常用的混合式程式設計開發框架。
Sencha Touch可以讓你的Web App看起來像Native App。美麗的使用者介面元件和豐富的資料管理,全部基於新的HTML5和CSS3的 WEB標準,全面相容Android和Apple iOS裝置。
6、Kendo UI
Telerik’s Kendo UI 是一個強大的框架用於快速HTML5 UI開發。基於新的HTML5、CSS3和JavaScript標準。
Kendo UI包含了開發現代JavaScript開發所需要的所有一切,包括:強大的資料來源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控制元件。
7、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技術知識!
本文來自千鋒教育,轉載請註明出處。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2846410/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- PhoneJS - HTML5 JavaScript 移動開發框架JSHTMLJavaScript移動開發框架
- 11個移動應用開發的HTML5框架和應用HTML框架
- HTML5移動Web開發指南HTMLWeb
- HTML5 開發框架HTML框架
- HTML5遊戲開發進階 7 :單位智慧移動HTML遊戲開發
- 為HTML5開發人員量身打造的7個Web框架HTMLWeb框架
- 《HTML5移動開發》——1.3 測試工具HTML移動開發
- 《jQuery移動開發》——2.1 語義HTML5jQuery移動開發HTML
- HTML5移動開發指南(筆記概要)HTML移動開發筆記
- html5移動前端框架 UI webappHTML前端框架UIWebAPP
- HTML5在移動開發中的現狀HTML移動開發
- 移動端HTML5頁面開發備忘錄HTML
- HTML5簡化移動應用開發過程HTML
- HTML5移動應用開發的12大特性HTML
- HTML5 移動開發的叢林: 叢林指南HTML移動開發
- kendo ui:開源的html5開發框架UIHTML框架
- MyEclipse移動開發教程:遷移HTML5移動專案到PhoneGap(二)Eclipse移動開發HTML
- HTML5、Web引擎與跨平臺移動App開發HTMLWebAPP
- 8款實用HTML5開發框架HTML框架
- HTML5開發學習教程,學習HTML5還是學習HTML5的製作工具?HTML
- 《HTML5移動應用開發入門經典》——1.1 瞭解HTML5的由來HTML
- 《HTML5移動應用開發入門經典》——2.5 HTML5標籤及屬性對移動裝置的支援HTML
- 《HTML5移動網站與App開發實戰》簡介HTML網站APP
- 《HTML5移動開發》——2.2 HTML元素/屬性的語法HTML移動開發
- 《HTML5移動Web開發實戰》——第1章 移動Web設計趨勢HTMLWeb
- 10個Web移動開發JavaScript框架Web移動開發JavaScript框架
- 前端開發必看的幾個開源框架!前端框架
- 設計師必看的10個HTML5動畫工具HTML動畫
- 《HTML5移動應用開發入門經典》——2.9 測驗HTML
- 加速Web開發的9款知名HTML5框架WebHTML框架
- HTML5開發都要學習什麼?HTML
- HTML5移動遊戲開發高階程式設計 3:試飛結束,向移動進發HTML遊戲開發程式設計
- HTML5 殺不死移動應用HTML
- HTML5初學者福利!11個線上學習網站推薦HTML學習網站
- 遷移HTML5移動專案到PhoneGapHTML
- 移動 Web 開發的10個最佳 JavaScript 框架WebJavaScript框架
- 初學HTML5,可以看的6本書!HTML
- HTML5 移動Web App閱讀器-4(頁面基本結構開發)HTMLWebAPP