聯網時代，程序員無疑是走在時代前沿，在職場十分吃香的一個群體。無論外行小白還是初級碼農，都想進階成為程序員大牛，分互聯網紅利的一杯羹。近一段時間，尤其是小程序上線以來，HTML5技術成為了掀起互聯網浪潮的主角，HTML5技術得到了更廣泛的應用，相應的，H5程序員也成了缺口極大的互聯網人才，是每個互聯網公司都樂意花重金聘請的對象。

人才爭奪大戰愈演愈烈，H5人才卻是樂哉其中，因為這對于他們來說是千載難逢的大好機會，意味著離名企高薪又進一步。圈外人卻都是羨慕嫉妒恨的目光，多想來跟你分這塊大蛋糕，可惜是個門外漢，入門難啊！初級H5程序員想進階，有什么方法嗎？

小編搜集了一些有用靠譜的方法，希望能對大家有所幫助

適合自學的網站

W3C

全稱“W3School”，被很多人成為學習網站中的“戰斗機”

Dive into HTML5

這里的內容差不多都是跟HTML5相關的文檔，知識點比較基礎，簡潔清新。在這里不僅能學習知識，還能提高你的英語閱讀能力。類似的英文網站還有woorkup。如果英文水平不夠硬，只能百度翻譯了，也就看個大概意思吧。

H5之家

據說這是裝B必進的網站，因為這里不僅有死知識，還有專家對行業的解讀和相關新聞的調侃。

HTML5案例網站

HTML5xCSS3

這里有大量的HTML5案例和模板，隨便點開一個案例都好看到讓人震驚。

360HTML5基地

這是360旗下的一個用來展示HTML5作品的網站，大部分是HTML5游戲展示，可愛有趣。

HTML5技術網站

whatwg

網絡超文本應用技術工作小組（Web Hypertext Application Technology Working Group）的博客，里面一些文章能讓人受益匪淺。

HTML5技術網

絕對滿滿的都是硬貨，甚至極其邊緣的問題你都能在這里找到答案。

HTML5測試網站

HTMLDemos

測試HTML5標簽在各瀏覽器的兼容性，還可以查看HTML5的標準Demo演示。

網站類的工具就先為大家推薦這么多，很多人可能在學習的時候如果能有工具書的輔助效果會更明顯，小編也認為，這種搭配是極其正確和明智的，理論結合實踐。那就再為大家推薦兩本入門級必備兩本教材《Head first HTML&CSS》和《JavaScript DOM編程藝術》。相信有了這兩大法寶你也可以很快進階成為技術大牛的。你有更好的方法推薦嗎？歡迎留言討論。

歡迎關注微信公眾號【中軟卓越北京EEC】

由于前端開發的火熱和一些IT巨頭公司對HTML5前端開發人員的需求旺盛，讓越來越多的人轉入前端。前端開發領域是IT技術語言領域唯一一個男女老少都可以快速入門并快速提升興趣的領域，今天千鋒武漢HTML5培訓老師就來聊聊HTML5前端到底該怎么學！

話不多說，讓我們直接進入今天的主題。HTML5前端到底怎么學？一般據千鋒武漢HTML5培訓老師的經驗，在喜歡并且決定和她戀愛之前，大多數都會做一下充分準備和調查，有必要了解和研究清楚‘她’的幾個特性和習慣。

HTML5前端的基本工作職責和基礎技能(要清楚)

HTML5前端開發必看的書籍資料(干貨重點)。

如果你已經了解清楚HTML5前端的基本工作職責和基礎技能，那就跳到后面的“HTML5前端開發 :必看的書籍資料 ”。

HTML5前端的基本工作職責

“入一行，要先知一行 ”;我們來看看HTML5前端開發職位無論什么門派都要做到的一些基本工作職責。

首先，你必須是一個合格的“頁面仔”，這個叫法不好聽，但很生動。

我們都知道，所有呈現的內容都是基于HTML網頁的。

如果你的HTML、CSS(包括現在的HTML5+CSS3)基礎不會，或者不夠扎實，都很難在有大的進步，或者你的JS很好，但布局基礎不行，還是不能算合格的HTML5前端。

其次，HTML5前端主要負責實現視覺和交互功能，以及與后端服務器通信，完成業務邏輯。現在前端的核心價值在于對用戶體驗的極致追求。

那么我們靠什么來提升用戶體驗和人性化操作，讓用戶覺得體驗牛x、舒服呢？(當然細分厲害的公司，會有專門的用戶體驗攻城獅)當然是我們自始自終的主角JavaScript了，畢竟它最初就是為瀏覽器而生的腳本語言。

然而，JS這門語言并不是一種強類型語言，更像是一種解釋型語言，所以很多屬性，在不同的瀏覽器環境解釋有很大不同導致，效果和性能千差萬別，而且很多屬性之長之多之巨都很有工作量。

之后，就出現了jQuery這種的框架神器，由于其好用，簡單，效果多樣，兼容完美，高效率等特性，迅速席卷全世界，所以如果想入門，jQuery這個東西你是逃不掉的，而且利用它簡單的語法，你會很快將一些效果實現出來，迅速提升興趣。

再后，既然涉及到視覺和用戶體驗，那么UI設計知識，你肯定要涉及或者懂一些設計方面的技能和基本素養，比如PS的一些基本操作，切圖，和顏色值(比如會改個字，隱藏個圖層，改個尺寸，變個顏色什么滴)，屏幕適配方案等，講道理說：平時并不需要我們做，但技能包里絕對要有。

最后，服務器知識+后端語言基礎，這個職責和話題就比較hight了，到后面我們會一一解釋。

總之，HTML5前端同樣是程序員，由于前端是位于后端程序和界面設計師之間的崗位，相當于中間橋梁，要完成三者的對接，涉及到廣泛的知識，規模大到工程級，也就有了HTML5前端工程師的說法(某人總結，很是到位)。

HTML5前端工程師，是一個要精通本職HTML、CSS、JavaScript，也要了解后端編程，了解界面設計，了解軟件工程的綜合人才。

看到這一大篇的職責和技能，你也別害怕，因為這些就像小孩子，會走路，會說話。只要你有興趣，只要有人領路，有教程自然而然就能掌握的技能，至于一些設計素養，反正你不是UI，有最好，沒有又有什么所謂呢？

HTML5前端開發：必看的書籍資料

HTML + CSS這部分建議邊學邊練，每個屬性后還有測試。然后過一遍之后可以模仿一些網站做些頁面。記住這個一定要多練、多練、多練 ，最重要的事兒還得我說三遍？

JavaScript要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，還是建議先通過學習一些基本語法和定義。

然后你必須要看書，然后實踐(好多人問有沒有快速捷徑，我只能告訴你：如果有捷徑，碼農們就不用天天如此苦逼了吧)。

記住：忍得住寂寞枯燥，才能拿得到高薪！

對于習慣看視頻學習的同學，以上內容也可以在千鋒網站上去搜，現在大部分基礎課程講解都還不錯。跟著敲一起學，確實可以避免看書查資料的枯燥。

以下內容都是千鋒武漢HTML5培訓老師集合自己的經驗，再整理匯總了網絡各路大神的資料，希望能幫助源源不斷入坑的新人更好的學習。

HTML5前端書籍必讀、必買

★越多，推薦等級越高，和難度無關。最好按照給的順序入門，這樣不會讓你枯燥，想放棄，如果先推薦經典的厚的，滿篇定義，我估計是害你們放棄。

1 . JavaScript

先說 JavaScript，因為前面說了，CSS最好跟著視頻練習，畢竟都是可視化的，像做藝術。

《JavaScript DOM編程藝術》

★★★★★

最好的JS入門書籍，最讓人有興趣讀完的那種書。

它通過一個幻燈片案例，從頭到尾教你實現出來，最后效果實現的同時，基本的JS常用屬性，你也就滾瓜爛熟了，很有成就感。

一目了然地告訴你如何用JS操作DOM(這是瀏覽器端編程的基本功)，還灌輸了最符合標準的編程理念。可惜有點老，最新一版是2010年的。不過不影響閱讀和實現，全部按照最新ES5屬性就行了。

《JavaScript高級程序設計》

★★★★

又稱紅寶書，雅虎首席前端架構師，YUI的作者Zakas出品。雖然書名帶了“高級”二字，但是講得都很基礎的屬性內容，事無巨細。關鍵一點是翻譯的也很到位，并不是如嚼蠟一般，這很重要。看此書，建議配著下面的犀牛書一起看效果更佳。

《JavaScript權威指南》

★★★★★

著名的淘寶前端團隊翻譯的，看譯者列表都是一堆前期大神。

這本書又叫犀牛書，被國人譽為：JavaScript開發者的圣經。網上對此書評價很多很好，大概意思是說這本書是一本JavaScript文檔手冊，更適合當作字典和備忘錄查詢來使用。

千鋒武漢HTML5培訓的老師也是對這本書有很厚的感情和依賴(忘了屬性就拿來翻翻，總有收獲)，感覺這本書還是寫得枯燥了些，畢竟是工具性質，不適合當作第一本入門來看，不過內容絕對是五顆星，無可挑剔!神書

《JavaScript語言精粹》

★★★★★

作者是大名鼎鼎的【老道】，他是 JSON格式的發明和維護者，也有很多著作和對JS這門語言的超多貢獻，可見此人功力絕對頂級!

這本書，屬于稍微入門以后看的，了解了一些中高級概念比如：閉包、原型鏈、作用域鏈、繼承封裝等以后，看此書有如神助，看一頁相當于犀牛書幾十頁的講解(不吹牛逼，當時我是這感覺的)

2 . CSS

CSS類，如果視頻看完了，練習的熟練了，你還需要一些書的推薦和查詢，也是有必要的，再來給你羅列幾本經典的收藏書，買不買均可的。

《Head first HTML&CSS》

★★★

好的入門書。看兩遍就對HTML & CSS有個大概印象了。

此時把w3cschool作為備查手冊收藏起來，結合此書，事半功倍，成就感爆棚。

《CSS權威指南(第三版)》

★★★★

最權威的CSS書籍，除了閱讀W3C的文檔外的不二選擇(就是翻譯太操蛋，可能有的詞你以為是火星語，不過不影響閱讀)。有時間可以反復看，有css3內容，并當做字典隨時查。類似犀牛書。

《圖解CSS3：核心技術與案例實踐》

★★★

這本書講解的是最新的CSS3(前幾本書停留在CSS2.1時代，2.1是基礎)，CSS3也是必學的，不然真的跟不上時代了。

《CSS禪意花園》

★★★★

這本書很值得期待，看過PDF版本的，那時候還沒翻譯出來，翻譯的也一般，不過作者是巨牛逼的，聽說對css理解的就像自己的左右手，光靠寫CSS他年薪就輕松百萬了。。汗顏!思路清晰，圖文并茂，還解決一些疑難雜癥和高級技巧，類似于JS的語言精粹了，大神級別。

好了，差不多就推薦到這里，CSS這基本是基于情懷，羅列一下，買不買都沒必要。真正起到決定作用的，還是JS語言的掌握和實踐，JS能力越強基礎越穩固，你的前端能力就會越好，自然薪資越高，所以現實點說大家，大家一起努力吧，讓money都到碗里來!

有些童鞋認為：從來不需要買紙質書，我全程PDF就行了嘛，不過千鋒武漢HTML5培訓的老師建議有些書還是要紙質的，這樣有感覺，也可以做筆記，甚至隨時當工具書字典來查詢，由于前端的特殊性和js語言的屬性之繁多龐雜，建議你還是要買紙質的書，幫助很大。

以上就是千鋒武漢HTML5培訓老師整理的HTML5前端的基本工作職責及必讀的書籍！HTML5又作為移動互聯網主流前端開發語言，那么從事HTML5相關開發工作，就業前景一片光明，這一點從千鋒HTML5學員平均薪資1萬+就能得到很好體現。所以，想學HTML5前端的就趁早吧！

讀：跨平臺、免費、開源，谷歌又搞“大新聞”？谷歌最新前端開發框架Flutter1.0版本已發布，可以極速構建漂亮的原生應用。各位前端大神都在用什么開發？下面八本書會幫助你快速入門，成為頂尖前端！

01 《Flutter技術入門與實戰》

推薦語：國內首本谷歌開源移動UI框架Flutter零基礎快遞入門讀物。資深架構師撰寫，從基礎組件的詳解到綜合案例，從工具使用到插件開發。書中包含大量精選案例、詳細實操步驟以及配套視頻課程。關于作者：亢少軍，捷智云視頻會議系統聯合創始人，從事流媒體技術研發工作多年，對于Android、iOS等開發技術有比較深入的研究和應用，作為主要程序員開發了多個應用項目，涉及醫療、交通、銀行等領域。

02 《React Native 精解與實戰》

推薦語：梳理大數據生態與技術棧，準確定位技能與路線；鎖定離線和實時場景典型開發需求和方案，實用而高效；難點突破融入案例，示例代碼可復用度高；作者來自阿里巴巴智慧服務事業部，多場景、高復雜度數據開發與處理經驗分享。關于作者：邱鵬源，商業數據提供商咕咕數據創始人，前咕咕監控、飯媽媽創始人。從事軟件研發一線工作已 10 年，擁有豐富的前端、后端以及移動 App 開發經驗，主導過多款基于 React Native 框架的商業 App 設計與研發工作。慕課網實戰課程講師，出品視頻課程《React.js 入門與實戰》等。一直堅持在個人技術博客中分享大量的軟件開發文章與視頻教程。

03 《深入淺出React和Redux》

推薦語：資深架構師十余年工程經驗結晶，由淺入深介紹如何用React和Redux構建前端項目，產出高質量易維護代碼。關于作者：程墨，資深架構師，曾任職于摩托羅拉、雅虎和微軟，云鳥配送平臺聯合創始人，目前服務于美國視頻服務公司Hulu。

04 《Vue.js項目開發實戰》

推薦語：本書不僅是Vue.js框架圖書，更是JavaScript全棧圖書：大案例全流程展示NoSQL數據庫搭建、后端API編寫、前端UI設計；涵蓋HTML 5、CSS 3、Node.js、Express、Webpack、Babel、ES6、MongoDB等技術整合。關于作者：張帆，資深全棧“碼農”。有多年的項目設計和Web開發經驗，熟悉各種主流前端和后端開發工具，長期從事新技術的研究與項目實踐。現專注于JavaScript全棧開發，以及微信小程序和小游戲的開發實踐與探索。

05 《Angular從零到一》

推薦語：本書基于Angular 2，深入講解基本概念的背后原理，以及眾多優秀的設計模式和編程范式，擺脫復雜配置，帶你從無到有地搭建前端應用，講解開門見山，語言風趣幽默。關于作者：王芃，資深開發人員、創業者，曾經在多家軟件公司歷任項目經理、項目總監、部門經理，后創立成都索課科技有限公司。在多年的開發經歷中用Java等語言開發了多種類型的項目，積累了豐富的開發經驗。樂于分享，寫了大量技術文章。

06 《高效前端：Web高效編程與優化實踐》

推薦語：資深前端工程師、知乎著名前端專欄作者兼前端類話題優秀答主經驗總結；從思想提升和內容修煉兩個維度，圍繞前端工程師必備的前端技術和編程基礎，總結出高效編程和應用優化的34個最佳實踐。關于作者：李銀城，資深前端工程師，現就職于人人網。知乎著名的專欄作者，前端類話題知名答主，在知乎前端圈有一定的影響力。樂于分享。喜歡寫博客，他的知乎專欄“Effective前端”，累計已經超過20萬字，文章被大量轉發和轉載。

07 《Web前端自動化構建》

推薦語：國內第一本全面講解Web前端自動化構建的實用指南，涵蓋前端開發所需的各種工具，全方位梳理前端構建的整體概念和思路，深入探索使用Gulp、Bower和Yeoman等工具自動高效開發完整工作流的各種方法和技巧。關于作者：斯特凡·鮑姆加特納（Stefan Baumgartner）在奧地利林茨生活和工作。他是一位非常熱情的Web開發者和技術布道師，他經常在當地組織技術分享和會議。他的研究領域涵蓋Web性能、自動化、架構和漸進式增強。

08 《JavaScript權威指南（原書第6版）》

推薦語：最權威的JavaScript工具書，從1996年以來，本書已經成為 JavaScript 程序員的《圣經》，前端開發工程師必備的“犀牛書”。該書已經印刷了50多萬冊，是程序員學習核心JavaScript語言和由Web瀏覽器定義的JavaScript API的指南和綜合參考。第6版涵蓋HTML5和ECMAScript 5。很多章節完全重寫，以便跟得上當今的最佳Web開發實踐。該版本的新增章節描述了jQuery和服務器端JavaScript。關于作者：David Flanagan是一名程序員,也是一名技術書籍作家，其他作品包括《JavaScript Pocket Reference》、《The Ruby Programming Language》以及《Java in a Nutshell》。

華章科技原創，轉載請聯系我們。