如今移動端開發領域H5勢頭越來越猛，不管是H5小應用、小游戲，還是hybrid混合開發都有不少市場。原生端APP開發越來越不能滿足快速迭代的訴求。而隨著手機硬件配置的不斷增強。以前抱怨的手機端web app性能低下聲音也越來越少了。下面隨小編一起來看下，這么多年來喬老爺子推崇的HTML5進化到了哪種程度。炸裂推薦50+款流行框架，不論新舊，總有一款適合你。

RAD.js

rad.js是一個快速建立移動應用程序的框架。優化iOS，Android和Windows Phone 8，以及支持所有主流的Web瀏覽器。

查看地址：http://rad-js.com/

Ionic

Ionic是一款接近原生體驗的Html5移動APP開發框架。Ionic既是一個CSS框架也是一個JavaScript UI庫。通過SASS + AngularJS + Cordova 來構建應用程序，它提供了很多UI組件來幫助開發者開發強大的應用。能想到的基礎組件都能在這里找到。結合豐富的Cordova插件，提升與原生交互功能。在iOS和Android端用戶體驗上有不錯的表現。

查看地址：http://ionicframework.com/

LungoJS

一款向需要設計構建跨終端應用的開發者提供的HTML5框架。

查看地址：http://lungo.tapquo.com/

Mobile Angula UI

一款基于Bootstrap3和Angular的手機端HTML5 UI框架。

查看地址：http://mobileangularui.com/

NativeScript

使用Angular,TypeScript或者原生JavaScript來構建真正原生手機APP的開源框架。

查看地址：https://www.nativescript.org/

Sencha Touch

如果你使用過Ext，easyUI這類框架來構建web2.0時代管理臺的話，那么你使用Sencha Touch時一定不會感到陌生。一款基于html5和JavaScript的跨平臺手機應用框架。

查看地址：http://www.sencha.com/products/touch/#overview

PhoneGap

要想將制作好大web app放到手機里，逃不開應用打包的過程。大名鼎鼎PhoneGap就是加殼工程的鼻祖。現如今開源部分改名為Cordova。強大的插件機制，讓web前端開發者有機會體會原生組件的魅力。想要自己封裝hybrid應用，學習Cordova源碼里的優化設計代碼是一個非常重要的部分。

查看地址：http://phonegap.com/

RhoMobile

面向消費者與企業開發人員的移動應用程序平臺。

查看地址：http://rhomobile.com/

jQuery Mobile Framework

jQuery大名不用小編介紹了，jQuery mobile是一款早期推出的手機端跨終端UI組件庫。和jQuery UI風格類似。喜歡使用jQuery的朋友不要錯過。

查看地址：https://jquerymobile.com/

Onsen UI

基于自定義元素構建移動前端的HTML5框架。

查看地址：http://onsen.io/

Apache Flex

一款構建web與手機應用的開源項目框架。從早期adobe Flash中分離出來，出使用action script或者h5的方式構建富客戶端，以flash player，或者adobe air運行時環境。

查看地址：https://flex.apache.org/

Agate Mobile Application Framework

一款跨平臺開發ios、Android原生應用，不能用于開發web app。

查看地址：http://applusform.com/en/

eMobc

用XML來開發生成web、手機和原生端應用的開源框架。

查看地址：http://www.emobc.com/

AppGyver Steroids

構建混合應用程序所需的工具集，提供iOS和Android的測試人員和開發人員。

查看地址：http://www.appgyver.eu/

Application Craft

一整套的跨平臺應用開發解決方案，從設計到開發，各種方便的IDE。不過是收費的。

查看地址：https://www.applicationcraft.com/

ChocolateChip-UI

chocolatechip UI是一個開發移動Web應用程序框架。你只需要了解三種東西：語義化的HTML5標簽、CSS和JavaScript。

查看地址：http://chocolatechip-ui.com/

DHTMLX Touch

同樣老牌的組件庫框架，從桌面端轉到移動端，提供同樣可靠及豐富的組件。

查看地址：http://dhtmlx.com/docs/products/dhtmlxTouch/

Corona Labs

強大的跨平臺手機端框架之一，使用Lua腳本語言作為開發語言，有自己的2D的游戲引擎。主要適用于開發游戲。

查看地址：https://coronalabs.com/

Framework7

完美還原原生端組件的H5框架。

查看地址：http://www.idangero.us/framework7/

Gideros

Gideros是一個免費的并且開源的框架，提供了跨平臺開發優質游戲的方式。你只需要幾個小時就可以構建出你的偉大游戲。開發語言是Lua。

查看地址：http://giderosmobile.com/

未完待續。。。更多精彩實用的框架請看下集~

eb前端與HTML5有什么區別？相信很多初學前端的人都會有這個困惑，在學習之初很多人都會把HTML5和前端的概念弄混淆了。例如，H5是HTML5的簡稱，而現在好多人把HTML5看成了是前端開發的總稱。所以今天小編就為大家準備了這篇文章，讓我們一起來看一看Web前端與HTML5技術的區別有哪些?

一、什么是Web前端開發

以一個網站為例包括網站設計、前端開發、程序開發等。網站設計就是網站的外觀，平面的東西，程序開發也好理解就是功能實現。而前端開發，簡單來說，就是把平面效果圖轉換成網頁，把靜態轉換成動態。它的工作包括了:切圖、寫樣式、做鼠標效果和圖片切換效果等。而優秀的前端開發可以保障實現這些效果的同時，即不能影響網站的打開速度、瀏覽器兼容性還有搜索引擎的收錄，還可以讓用戶體驗更加舒適，使網站在訪問中顯得更精細、更用心。訪客使用起來更簡便。另外，現在前端工作還不僅僅只是網頁的制作，還有微網站、APP的制作，游戲制作，例如可以將你開發的Web頁面直接打包成手機使用的APP應用，游戲的互動界面更是以前端開發技術為主。

二、Web前端開發學習什么?

學習HTML、CSS和DIV+CSS技術用來制作Web頁面;學習Java、DOM、BOM等用建立開發基礎;學習 photoshop和Axure等軟件應用，完成頁面UI設計;也要認識一下NodeJS和PHP加上數據庫等這樣的后端語言，方便前后端開發配合;學習 HTML5、CSS3、響應式頁面布局、微網站制作等開發移動互聯網的應用；像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端開發必學的高級技術;HTML5地理位置應用、離線應用、Webworker多線程實現、Websocket、跨平臺開發技術和WebAPP開發等，這些企業級應用技術也是現在開發的主流；現在前端開發最熱門、要人最多，就是使用canvas開發網頁游戲動畫，以及會用 Cocos2d-js制作游戲等開發。

三、什么是HTML5?

HTML5就是HTML最新標準，是現在Web程序開發的核心、標準通用標記語言下的一個應用HTML的第五次重大修改，這是一項推薦標準。雖然 CSS3和HTML5是兩個語言，但通常說HTML5也都泛指包括CSS3，因為它們兩個常在一起配合使用的。當然還不指這些，從技術本身分析來看，現在完成一些頁面制作、WebAPP、微網站開發以及網頁游戲等，現在都是使用HTML5標準完成的。雖然開發這類的應用其實是以JS為主，但因為HTML5 這個概念很流行，所以微網站開發、WebAPP或是微網站等應用，很多人都會說使用HTML5開發。

四、前端與HTML5的區別?

現在好多人都把HTML5和前端的概念弄混淆了。例如，H5是HTML5的簡稱，而現在好多人把HTML5看成了是前端開發的總稱。HTML5其實只是前端開發中重要的一部分技術，是現在前端開發的標準組件，特別是在移動端的特效開發、游戲開發，以及APP的開發方向上非常流行。如果把前端開發比作要建設的一座“大廈”，HTML5就相當于“鋼筋水泥”。現在好多人都說開發“XX功能”使用“HTML5”技術，其實理解的有一些問題，他們所說的HTML5其實說的就是前端技術，只不過HTML5這個詞比較活躍也比較流行，所以多數人都將前端技術叫成了HTML5了。

所以現在你清楚了前端和HTML5的區別了嗎？如果你有一顆想轉行的心，Web前端無疑是一個很好的選擇，如今IT行業發展形勢大好，軟件開發人員匱乏，未來幾年前端開發都將是高薪行業。關注“武漢千鋒”微信公眾號，即有機會領取兩周免費試聽名額。

作為一名新媒體當你準備跳槽的時候你會發現，你不光是一個新媒體，也有可能是運營、推廣、競價、新媒體。說實話有些hr并不能真正地分辨起其中的關系，正如一般HR不能分辨HTML5與前端。自HTML5火熱出爐，好像目前網上招聘的大部分前端開發一般是指html5開發，那么HTML5和前端有什么區別呢？下面，千鋒武漢HTML5全棧培訓小編來為你詳細分析一下。

HTML5開發

HTML5，超文本標記語言HTML新標準，主要用于前端開發及游戲制作。從技術本身分析來看，現在完成一些頁面制作、WebAPP、微網站開發以及網頁游戲等，現在都是使用HTML5標準完成的。雖然開發這類的應用其實是以JS為主，但因為HTML5這個概念很流行，所以微網站開發、小游戲開發、WebAPP或是公眾號等應用，很多人都會說使用HTML5開發。

前端開發

前端開發一般指網頁開發，學好CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀。學習JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發人員的個人技能。了解Unix和Linux的基本知識雖然這兩點很基礎，但是開發人員了解Unix和Linux的基本知識是有益無害的。了解Web服務器當你對Apache的基本配置，htaccess配置技巧有一些掌握的話，將來必定受益，而且這方面的知識學起來也相對容易。學習Java、DOM、BOM等用建立開發基礎。學習 photoshop和Axure等軟件應用，完成頁面UI設計。也要認識一下NodeJS和PHP加上數據庫等這樣的后端語言，方便前后端開發配合;學習 HTML5、CSS3、響應式頁面布局、微網站制作等開發移動互聯網的應用。像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端開發必學的高級技術。

前端包含HTML5

當然，HTML5其實只是前端開發中重要的一部分技術，是現在前端開發的標準組件，特別是在移動端的特效開發、游戲開發，以及APP的開發方向上非常流行。如果把前端開發比作要建設的一座“大廈”，HTML5就相當于“鋼筋水泥”。現在好多人都說開發“XX功能”使用“HTML5”技術，其實理解的有一些問題，他們所說的HTML5其實說的就是前端技術，只不過HTML5這個詞比較活躍也比較流行，所以多數人都將前端技術叫成了HTML5了。

那么，一個HR如何正確區分前端還是H5，最好的方法就是程序員全棧，這樣HR就不用分辨啦。全棧工程師（英文全程是Full Stack developer），也可以叫全端工程師，無論是前端知識，還是后端技術你都需要了解。甚至有些調皮的程序員這樣理解全棧工程師：全棧工程師=屌絲戰斗機=系統+網絡+研發+DBA+架構+安全=沒女朋友。HTML5全棧開發目前正當紅，學好HTML5全棧對日后的發展肯定有幫助，讓HTML5全棧來點亮你的高薪人生吧！