在這個(gè)時(shí)間開(kāi)始學(xué)習(xí)移動(dòng)開(kāi)發(fā)真是最好不過(guò)ionic了ionic,每個(gè)人應(yīng)該都有一些移動(dòng)應(yīng)用的創(chuàng)意,而且你并不需要任何的原生應(yīng)用編程經(jīng)驗(yàn),你只需要一些HTML的相關(guān)知識(shí),懂一些CSS和Java就夠了。如果你總聽(tīng)別人說(shuō)HTML5的移動(dòng)應(yīng)用太慢,武漢HTML5培訓(xùn)小編只能告訴你應(yīng)該有一些主見(jiàn),首先HTML5會(huì)越來(lái)越好,移動(dòng)端的硬件也會(huì)越來(lái)越強(qiáng),怎么說(shuō)呢,你仔細(xì)看一看你手機(jī)上的應(yīng)用吧,很多應(yīng)用已經(jīng)悄悄的使用混合式開(kāi)發(fā)了,如果像你說(shuō)的它們很慢,你發(fā)現(xiàn)它們了嗎?
目前已經(jīng)有很多的框架可以幫助你開(kāi)發(fā)跨平臺(tái)的移動(dòng)應(yīng)用,在這篇文章中,小編只介紹最牛的7個(gè)。
IONIC
IONIC 是目前最有潛力的一款HTML5手機(jī)應(yīng)用開(kāi)發(fā)框架。通過(guò)SASS構(gòu)建應(yīng)用程序,它提供了很多UI組件來(lái)幫助開(kāi)發(fā)者開(kāi)發(fā)強(qiáng)大的應(yīng)用。它使用Java MVVM框架和 AngularJS來(lái)增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定,使用它成為Web和移動(dòng)開(kāi)發(fā)者的共同選擇。即將發(fā)布的AngularJS 2.0將會(huì)專(zhuān)注于移動(dòng)開(kāi)發(fā),相信IONIC一定會(huì)取得不錯(cuò)的成就 。
IONIC的開(kāi)發(fā)團(tuán)隊(duì)將盡快開(kāi)發(fā)出一種通過(guò)IONIC creator提供開(kāi)發(fā)者快速創(chuàng)建IONIC應(yīng)用的方式。我們將很快就會(huì)看到一個(gè)支持拖拉功能的可視化開(kāi)發(fā)工具,幾分鐘內(nèi)開(kāi)發(fā)一個(gè)app將不再只是吹xx。
Mobile Angular UI
Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應(yīng)式移動(dòng)開(kāi)發(fā)HTML5框架。
Mobile Angular UI的關(guān)鍵字有ionic:
Bootstrap 3
AngularJS
Bootstrap 3 Mobile組件,比如switches, overlays和sidebars,這些都是bootstrap中沒(méi)有的。
AngularJS modules, 比如 angular-route, angular-touch 和 angular-animate
響應(yīng)式媒體查詢(xún)是將bootstrap作為單獨(dú)的文件,你只需要包含你所需要的東西。Mobile Angular UIu并不包含任何jQuery依賴(lài),你需要做的只是通過(guò)一些AngularJS指令創(chuàng)建友好的用戶(hù)體驗(yàn)。
詳細(xì)了解可以看一看 the Mobile Angular UI demo page,上面有Mobile Angular UI的實(shí)踐,如果你想了解的更深入一些,我建議你讀一讀 getting started with Mobile Angular UI。
Intel XDK
Intel XDK 是Inter開(kāi)發(fā)的一款跨平臺(tái)開(kāi)發(fā)工具,我們可以很容易的通過(guò)Intel XDK開(kāi)發(fā)應(yīng)用,你需要做的只是下載他們的應(yīng)用開(kāi)發(fā)工具 ,有Linux、Windows和Mac版,它還提供了很多個(gè)開(kāi)發(fā)框架,比如Twitter bootstrap, jQuery Mobile 和 Topcoat.
Appcelerator titanium
Appcelerator’s Titanium 不同于其它框架的是,它是一個(gè)開(kāi)源的框架。
Titanium是混合式移動(dòng)應(yīng)用開(kāi)發(fā)的一站式解決方案,你只需要下載 Titanium studio就可以解決所有的事情,Titanium SDK包含了很多手機(jī)平臺(tái)的APIs和后端云服務(wù)。
Titanium使用 Alloy,Alloy是一個(gè)快速開(kāi)發(fā)的手機(jī)應(yīng)用MVC框架, 模塊式開(kāi)發(fā)可以大大減小開(kāi)發(fā)時(shí)間,提高代碼復(fù)用。
Titanium studio 還提供了一些code模板。你可以熟悉一下這些模板,相關(guān)的教程也很快會(huì)推出。
Sencha Touch
Sencha Touch 同樣也是HTML5手機(jī)應(yīng)用跨平臺(tái)開(kāi)發(fā)框架,運(yùn)行iOS/Android/Blackberry。它已經(jīng)誕生很多年了,現(xiàn)在已經(jīng)成為很常用的混合式編程開(kāi)發(fā)框架。
Sencha Touch可以讓你的Web App看起來(lái)像Native App。美麗的用戶(hù)界面組件和豐富的數(shù)據(jù)管理,全部基于最新的HTML5和CSS3的 WEB標(biāo)準(zhǔn),全面兼容Android和Apple iOS設(shè)備。
下面是Sencha官方給出的幾點(diǎn)特性
1.基于最新的WEB標(biāo)準(zhǔn) – HTML5,CSS3,Java。整個(gè)庫(kù)在壓縮和gzip后大約80KB,通過(guò)禁用一些組件還會(huì)使它更小。
2.支持世界上最好的設(shè)備。Beta版兼容Android和iOS,Android上的開(kāi)發(fā)人員還可以使用一些專(zhuān)為Android定制的主題。
3.增強(qiáng)的觸摸事件。在touchstart、touchend等標(biāo)準(zhǔn)事件基礎(chǔ)上,增加了一組自定義事件數(shù)據(jù)集成,如tap、swipe、pinch、rotate等。
4.數(shù)據(jù)集成。提供了強(qiáng)大的數(shù)據(jù)包,通過(guò)Ajax、JSONp、YQL等方式綁定到組件模板,寫(xiě)入本地離線(xiàn)存儲(chǔ)。
Kendo UI
Telerik’s Kendo UI 是一個(gè)強(qiáng)大的框架用于快速HTML5 UI開(kāi)發(fā)?;谧钚碌腍TML5、CSS3和Java標(biāo)準(zhǔn)。
Kendo UI包含了開(kāi)發(fā)現(xiàn)代Java開(kāi)發(fā)所需要的所有一切,包括:強(qiáng)大的數(shù)據(jù)源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
PhoneGap
PhoneGap 恐怕是最老的一個(gè)框架了,相信很多人都已經(jīng)聽(tīng)說(shuō)過(guò)甚至使用過(guò)它,但是PhoneGap是基于開(kāi)源的 Cordova 商業(yè)版本。
第一段PhoneGap代碼是在2008年8月的iPhoneDevCamp上寫(xiě)成的。創(chuàng)建它的一個(gè)主要?jiǎng)恿κ腔谝粋€(gè)幾乎每一個(gè)單獨(dú) 的iPhone開(kāi)發(fā)新手都要面對(duì)的簡(jiǎn)單事實(shí):Objective-C是一個(gè)對(duì)Web開(kāi)發(fā)人員來(lái)說(shuō)非常陌生的環(huán)境,并且Web開(kāi)發(fā)人員的數(shù)量遠(yuǎn)遠(yuǎn)多于 Objective-C開(kāi)發(fā)人員的數(shù)量。
問(wèn)題是,是否有人可以開(kāi)發(fā)一個(gè)框架,讓W(xué)eb開(kāi)發(fā)人員可以利用他們所有的HTML、CSS和Java知識(shí),而且仍舊可以同iPhone的重要本地應(yīng)用程序(如攝像頭和通訊錄)交互呢?
就在那一年,PhoneGap獲了獎(jiǎng)并開(kāi)始支持Android平臺(tái),對(duì)人數(shù)不斷增長(zhǎng)的移動(dòng)開(kāi)發(fā)人員變得越來(lái)越有用,這些人員需要在更多的平臺(tái)上獲得代碼支持。
大家可以到PhoneGap documentation官方文檔開(kāi)始對(duì)PhoneGap的學(xué)習(xí)。
結(jié)論
在這篇文章中,我們討論了一些HTML5的移動(dòng)開(kāi)發(fā)框架,HTML5標(biāo)準(zhǔn)正式發(fā)布之后,很多開(kāi)發(fā)者對(duì)HTML5又重燃了希望,相信這是個(gè)美好的時(shí)代,相信它會(huì)給我們帶來(lái)更多的驚喜。
藍(lán)鷗武漢中心
咨詢(xún)電話(huà):15527725790 027-59374369 (張老師)
QQ: 3467426915 微信公眾號(hào):lanouwh
網(wǎng)址:http://www.lanou3g.com