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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 移動端HTML5頁面開發備忘錄HTML
- HTML5開發學習教程,學習HTML5還是學習HTML5的製作工具?HTML
- 《HTML5移動網站與App開發實戰》簡介HTML網站APP
- 7 個讓人驚歎的 HTML5 滑鼠動畫HTML動畫
- HTML5開發都要學習什麼?HTML
- 初學HTML5,可以看的6本書!HTML
- 前端開發必看的幾個開源框架!前端框架
- HTML5開發工程師HTML工程師
- HTML5如何學?HTML5該學什麼?HTML
- 基於HTML5的移動Web應用HTMLWeb
- HTML5如何學?學HTML5要注意什麼?HTML
- 初識HTML5 Web Audio APIHTMLWebAPI
- 阿里開源HTML5小遊戲開發框架Hilo實戰教程阿里HTML遊戲開發框架
- Html5實現移動端、PC端 刮刮卡效果HTML
- 移動端網站必須要用html5做嗎?網站HTML
- 網站移動端一定要用html5嗎?網站HTML
- HTML5 移動端自適應方案與踩坑HTML
- web前端教程分享初學HTML5的幾點建議Web前端HTML
- HTML5基礎入門之常見的HTML5框架有哪些?HTML框架
- 什麼是HTML5?HTML5發展前景如何?HTML
- 學習HTML5還是學習HTML5的製作工具?HTML
- HTML5開發前景如何?從這四個方面來看HTML
- 移動APP開發框架盤點2:Web移動前端框架大全APP框架Web前端
- HTML5 Geolocation學習HTML
- html5好學嗎HTML
- 基於HTML5的移動Web應用——檔案操作HTMLWeb
- 第六課 Html5常用標籤 html5學習1HTML
- HTML5開發的發展趨勢有哪些?HTML
- HTML5動畫API—— requestAnimationFrameHTML動畫APIrequestAnimationFrame
- HTML5 學習小結HTML
- HTML5學習筆記HTML筆記
- 基於HTML5的移動Web應用——Geolocation地理定位HTMLWeb
- HTML5前端程式設計常用的框架HTML前端程式設計框架
- HTML5遊戲開發(一):3分鐘建立一個hello worldHTML遊戲開發
- 零基礎html5網站開發學習步驟方法HTML網站
- 初學者Python和C先學哪個好?小白必看!Python
- HTML5HTML
- 當動態桌面遇上 HTML5HTML