第一階段：HTML和CSS的學習

HTML就不多說了，基礎中的基礎，這個都不會的小夥伴請參見HTML手冊，認真學習千鋒課程，稍有基礎之後可以跟著影片學習《HTML+CSS基礎課程》。

歐克！薦書開始！

1、《CSS權威指南》第三版

這本書實在太適合小白使用者了，是一本為初學者清掃障礙的書籍。同行一致認為這本書是學習CSS基礎的首選。CSS界權威Meyer大師的作品，翻譯水平也灰常贊！

2、《CSS那些事兒》

不用於一般技術類書籍的枯燥乏味，這本書很有意思。作者是藍色理想經典論壇標準版榮譽版主林小志，具有多年網站設計和網站重構經驗，在CSS、XHTML等前臺技術方面有著深厚功底。

全書以傳達CSS佈局思維為中心，透過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面佈局方式的使用，使讀者能深入瞭解到如何在頁面中更好地運用CSS佈局。閱讀本書之後將會發現，原來CSS樣式居然是這麼好玩的東西。

3、《精通CSS：高階Web標準解決方案》第二版

前段學習必備書籍，作者Andy Budd是國際頂尖的網頁設計師，著名的Web標準倡導者，網頁諮詢公司Clearleft的創始人之一。

4、《CSS禪意花園》

這是一本令人驚歎的書！必須用一個字形容的話，那就是：美！內容編排合理,文字生動有趣引人入勝,透過一個個例項引導讀者閱讀，強烈推薦！

作者是世界著名的網站設計師，書中的範例來自網站設計領域最著名的網站——CSS Zen Garden（CSS禪意花園）。童鞋們自己去領略吧。

第二階段——JavaScript的學習

Javascript的書籍當然還是要看老外的，你懂得~

5、《JavaScriptDOM程式設計藝術》

此書絕對是入門好書，簡潔優美的文筆簡直是工具書中的典範啊有木有！

這本書講述了JavaScript和DOM的基礎知識，但重點放在DOM程式設計技術背後的思路和原則，然後將這些概念貫穿在書中的所有程式碼示例中，使你看到用來建立圖片庫頁面的指令碼、用來建立動畫效果的指令碼和用來豐富頁面元素呈現效果的指令碼，最後結合所講述的內容建立了一個實際的網站。

6、《JavaScript權威指南》第6版

這本書非常適合初級、中級程式設計師，是學習核心JavaScript語言和由Web瀏覽器定義的JavaScript API的指南和綜合參考手冊。

第6版涵蓋HTML 5和ECMAScript 5。很多章節完全重寫，緊跟當今最佳Web開發實踐。本書新增章節描述了jQuery和伺服器端JavaScript。

7、《JavaScript高階程式設計》第三版

《javascript權威指南》比較像一本字典，而這本《javascript高階程式設計》可以算是一本由淺入深的好讀物。這兩本書看完後，對javascript一定會有較為深入的瞭解。

作者Nicholas C. Zakas是世界頂級Web技術專家，現為雅虎公司介面呈現架構師，負責My Yahoo!和雅虎首頁等大訪問量站點的設計。這本書，看一遍不能算看過，至少讀兩三遍，每一遍都會讓你有新的收穫。

8、《高效能JavaScript》

本書從效能角度全面分析js，含金量非常大，很多知識都是作者透過實踐總結出來的，都是經驗的積累，強烈推薦！

同是Nicholas C. Zakas所寫，如果看《JS高階程式設計》覺得理解不太透徹，學習較為吃力，那麼我強烈建議你看看這本書，真的是極好的一本實踐類書籍，言簡意賅，灰常實用！

9、《JavaScript王者歸來》

這本《JavaScript王者歸來》不僅是一本傳播知識的書，更是一本求道的書。O(∩_∩)O 有追求的程式設計師一定不要錯過！願神力與你同在！

它揭開了JavaScript的面紗，繞過誤解和虛幻的表象，引領你探索程式王國的奧妙。這是一本探尋程式設計思想本源的“魔法典籍”，也是一本Web開發工程師們需要的案頭參考書。

10、《JavaScript模式》

它絕對不是一本入門級別的書，適用於希望將自身的Javascript技巧提高到一個新層次的專業的開發人員和程式設計師。

11、《JavaScript設計模式》

進階教程，得有一定功底才能看懂。反之，如果你輕而易舉就能拿下此書，說明你已非等閒之輩~

本書共有兩部分。第一部分給出了實現具體設計模式所需要的面向物件特性的基礎知識，第二部分則專注於各種具體的設計模式及其在JavaScript語言中的應用，主要介紹了工廠模式、橋接模式、組合模式、門面模式等幾種常見的模式。

第三階段——jQUery的學習

12、《鋒利的jQuery》第二版

入門首選，簡單易懂，非常實在。《鋒利的jQuery(第2版)》循序漸進地對jQuery的各種函式和方法呼叫進行了介紹，對jQuery分析的邏輯非常值得學習。

第四階段—學無止境！

如果以上書籍你全都搞定了，那麼，恭喜你，你真的很厲害！到這種程度，相信你也不太需要別人推薦書籍了，不過我還是厚著臉皮推薦兩本吧。

13、《高效能網站建設指南》

前端開發可以最佳化網站剩餘70%~80%效能，這本書不算厚，幾個小時就能看完，推薦前端開發工程師看看。在《高效能網站建設指南》中，作者給出了14條具體的最佳化原則，每一條原則都配以範例佐證，並提供了線上支援。

14、《Web開發敏捷之道》第二版

想成為優秀的前端工程師，強烈建議閱讀此書！

《Web開發敏捷之道》曾榮獲Jolt大獎“最佳技術圖書”獎。在第1版的內容架構基礎上，第2版增加了對Rails 1.2中新特性和最佳實踐的介紹。此書覆蓋了rails1.2的方方面面，其本身也很"敏捷"，翻譯也非常好。

想要自學好HTML5前端開發，有好的學習資料自然是必不可少的，但現在市面上的學習書籍十分繁多，大家在挑選時也難免會挑花眼，把所有書都看一遍固然是個辦法，但是時間成本太高，那麼哪些書比較適合自學的時候翻閱呢？

1、《HTML5從入門到精通》

本書是HTML5初學者入門教材之一，適合初學者和中等水平的HTML5開發人員，以及高等院校、培訓學校的師生使用。內容包括標籤語義化、標籤使用規範、選擇器型別、盒模型、標籤分類、樣式重置、CSS最佳化、Photoshop切圖處理、整頁製作、CSS3新樣式、HTML5新功能等。

書籍特點：案例簡潔形象；重點內容突出，節省學習成本；本書不僅僅侷限知識點講解，還包含開發工具、開發流程、整站製作、精確切圖等詳細介紹；更多新版本內容，對新的CSS3和HTML5知識點都有所涉及。

2、《JavaScript高階程式設計(第3版)》

作者Nicholas C. Zakas是世界級Web技術專家，負責雅虎首頁等大訪問量站點的設計。《JavaScript高階程式設計(第3版)》適合有一定程式設計經驗的Web應用開發人員閱讀，也可作為高校及社會實用技術培訓相關專業課程的教材。

3、《JavaScript權威指南（第6版）》

作者：David Flanagan是一名程式設計師，也是一名作家。他在O’Reilly出版的其他暢銷書還包括《JavaScript Pocket Reference》、《The Ruby Programming Language》、以及《Java in a Nutshell》。

本書不僅適合初學者系統學習，也適合有經驗的JavaScript開發者隨手翻閱。

3、《深入淺出Node.js》

他活躍於CNode社群，是線下會議NodeParty的組織者和JSConfChina（滬JS和京JS）的組織者之一。熱愛開源，多個Node.js模組的作者。叩首問路，碼夢為生。附錄還介紹了Node的安裝、除錯、編碼規範和NPM倉庫等事宜。

4、《鋒利的jQuery（第2版）》

5、《JavaScript DOM程式設計藝術 （第2版）》

作者：Jeremy Keith 國際知名的Web設計師，Web標準專案組成員，DOM Scripting任務組負責人之一，任職於Web諮詢公司Clearleft。除本書外，還著有HTML5 for Web Designers、Bulletproof Ajax。Jeffrey Sambells 資深平面設計師，Web開發人員，創辦了軟體公司We-Create並擔任研發總監。

本書是超級暢銷書的升級版，由倡導Web標準的領軍人物執筆，揭示了前端開發的真諦，是學習JavaScript和DOM開發的必讀之作。

6、《Head First HTML與CSS（第2版）》

如果你曾經讀過任何一本HeadFirst系列書籍，你就會知道其中的奧秘：豐富、活潑的設計調動你的頭腦，讓思維活躍起來。透過採用神經生物學、認識心理學以及學習理論的全新研究成果，這本書將激發你學習HTML和CSS的興趣。

HTML5透過書籍自學的時候，千萬不能看過就看過了，一定要自己動手編寫程式碼，只有自己能夠動手把程式碼寫出來才能說自己掌握了這門技術。