做web大概有八年的時間，今天主要給新手想要做HTML5開發的新手簡單說下HTML5能做為什么以及未來的發展和一個系統的學習規劃，目前HTML5有多火，不用我說大家都清楚，很多其他行業想轉行做HTML5開發，想要在以后有一個好的發展前景，HTML5技術的不斷的成熟，各大瀏覽器不斷兼容HTML5最新技術，HTML5被稱為可以改變人們生活的東西。而現在HTML5的競爭也是非常的大，所以說我想要做HTML5開發一定要先把技術學好才能去找工作。

HTML5都能做什么？

第一：剛出現不久的小程序，很流行，在開發的過程，HTML5技術就會應用的很多。

第二：移動端是HTML5不可缺少的技術，現在都是移動端的市場，人們手機的一些功能，緩存，音樂，視頻，地位，Canvas繪圖還有大量的特效，好看的效果，都是不可能離開HTML5技術。

第三：現手游的火爆程度，PC端游戲受到了沖擊，比如LOL被王者榮耀沖擊，這是時代的變化，HTML5可以做手機游戲，前景光明。

第四：互聯網的各種應用，在如今變化多端的互聯網，好像任何東西都仿佛離不開了HTML5的技術。

下面我說下HTML5的學習路線：

第一階段：HTML+CSS+JS

第一階段要學習基礎的靜態布局，HTML+CSS，特別提出一定要下功夫攻破JS，JS是最難的，也是前端開發的工資標準，見過很多人學不懂JS，因為JS的邏輯非常強，要跟著大量的案例進行學習，學習JS方法非常重要，很多在學的時候感覺沒有效率是沒有良好的學習方案

第二階段：HTML5+CSS3+JQ

了解HTML5新特性，CSS3新屬性，換句話說HTML5就是另一個，我上面說的，如果JS學不好，HTML5也很難，本HTML5要和JS完美的配合，而JQ是JS框架，只要原生JS掌握的不錯，學習JQ不是難事。

第三階段：主流框架

前端框架是我們必須要學習的，每一個公司都會用到，但是框架學起來不容易，這些框架都是用原生JS封裝的，再一次強調一下JS的重要性，只要一直做前端永遠都不會離開JS，就是需要JavaScript，所以一定要學好JavaScript，一個好的學習方法非常重要。

剛接觸HTML5的新伙伴多了解這些行情才是學習HTML5開發的關鍵，找到一個有效率的學習方式才是最重要的，方法不對在努力也是白費，少走彎路就是學習HTML5開發的捷徑，前端我做開發將近十年，這些懂得還是很多，有不懂的問題隨時可以請教我，下面有我的HTML5新手學習裙，對于學習方法，學習效率，以后行業發展的都可以問我，群里也有很多比較精品的HTML5學習視頻免費分享給新人，希望新手少走彎路。

端實際工作不是做炫酷的特效，炫酷的特效只是鍛煉開發者的，而工作實際其實往往用不到多少，比如公司的網站頁面、登陸界面，網站界面如何設計，還有前后端交互等！

下面我截了幾個我這幾天寫的前端界面圖，看看自己有需要的沒，這幾個版本文件和上面的球體旋轉特效源碼已經上傳群文件了250777811，有需要的可以申請下載。

1、公司網站的首頁模板文件，首頁網頁文件，包括了CSS和images資源文件，Div+CSS布局，美工不好的可拿去應急。

2、HTML格式用戶登錄界面，一看就是很個性的風格，像是用繩子吊了一個手機的樣子，這個模板是早幾年設計的，若對HTML5比較熟悉，可輕松修改成HTML5的登錄模板使用在手機上，界面效果如截圖所示

四個模板項目源碼已經上傳HTML5進階群250777811，有需要的可以直接下載！只要想學習前端的都可以進來，不過你是大佬還是剛開始學習的。

3、一套國內流行的網站后臺模板+登錄窗口，網站風格漂亮，HTML格式的模板，是從國內一款CMS系統中整現出來的，包括左側菜單、管理員登錄表單、文章列表、圖像資源等，還有完整的JS文件、images和Css文件，用時候下載看示例就可。

4、163郵箱風格的后臺管理界面模板下載，當然作郵箱系統的用戶操作界面最合適了，不過做郵箱的站長很少吧，所以本界面模板經過簡單修改就可用于各種網站的用戶中心、網站控制臺等處了，是一個清新的網站后臺管理界面模板

如果幫助了你，可以關注【悟空前端】頭條號，每天提供前端干貨！