在學習web開闢的程序中，實踐是出真知的有力武器，但在邏輯頭腦的訓練和擼程式碼的實踐程序中，書籍無疑是最有力的參考東西。以下是學習前端四個個階段所學習經典書目，前端的朋友們，趕快收好！

月薪20K的前端程式設計師讀過哪些書籍呢？

第一階段：HTML和CSS的學習

HTML就不多說了，根本中的根本，這個都不會的小搭檔請參見HTML手冊，認真學習W3C課程，稍有根本之後可以跟著視訊學習HTML+CSS基礎知識的課程。

歐克！推薦開始！

在這裡相信有許多想要學習前端的同學，關注小編文章最後面欄位，可領取一整套系統的web前端學習教程！

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

這本書著實太得當小白去閱讀了，是一本為初學者排除停滯的書籍。同行們都認為這本書是學習CSS根本的首選。CSS界權勢鉅子Meyer各人的作品，翻譯水平也灰常贊！

2、《CSS那些事兒》

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

全書以轉達CSS佈局頭腦為中間，議決頁面中的文字、圖片、表格、表單等常見元素的處理懲罰及種種頁面佈局要領的利用，使讀者能深入相識到怎樣在頁面中更好地運用CSS佈局。閱讀本書之後將會發明，原來CSS樣式居然是這麼好玩的東西。

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

前段學習必備冊本，作者Andy Budd是國際頂尖的網頁計劃師，著名的Web尺度提倡者，網頁諮詢公司Clearleft的首創人之一。

本書將最有用的CSS技能彙總在一起，總結了CSS計劃中的最佳實踐，討論相識決種種實際問題的技能，重點講授了一系列的css開闢本領，是前端開闢人員必備的手冊。

4、《CSS禪意花園》

這是一本令人齰舌的書！必須用一個字形容的話，那便是：美！內容編排合理,文字生動風趣引人入勝,議決一個個例項引導讀者閱讀，強力推薦！

作者是天下著名的網站計劃師，書中的典範來自網站計劃範疇最著名的網站——CSS Zen Garden（CSS禪意花園）。朋友們自己去領悟吧。

第二階段——JavaScript的學習

Javascript的書籍雖然還是要看老外的

5、《JavaScriptDOM程式設計藝術》

此書絕對是入門好書，輕便精美的文筆的確是東西書中的典範啊有木有！

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

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

這本書非常的適合初級、中級web開發工作者閱讀，是學習核心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本領提高到一個新層次的專業的人。

《JavaScript模式》包羅了實現每個討論的模式的實踐發起，並附有數個可以立刻上手的典範；同時還可以學到一些反模式。短小幹練，進階必讀！

11、《JavaScript設計模式》

進階教程，得有肯定功底才氣看懂。反之，要是你很淡定的就能拿下此書，闡明你已非等閒之輩~

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

第三階段——jQUery的學習

12、《鋒利的jQuery》第二版

入門首選，簡略易懂，非常著實。《鋒利的jQuery(第2版)》循規蹈矩地對jQuery的種種函式和要領呼叫舉行了介紹，對jQuery分析的邏輯非常值得學習。

第四階段—學無止境！

要因此上書本你全都搞定了，那麼，恭喜你，你真的很鋒利！不過呢我還是厚著臉皮再來兩本吧。

寫在後面：

最近經常有很正在學習前端的朋友問我有沒有什麼學習資料，他們說想學前端還有JavaScript框架類。問我算是問對人了，最近幾年我都在認真蒐集學習資料，只為幫助有需要的人！

web前端資料領取群：733581373所以肯定會有前端一些視訊學習資料。價值絕對比那些群裡漫天飛的資料強多了，下圖就是

第三階段—框架類學習

Nodejs開發指南中文版

Nodejs開發指南中文版

Node.js，或者 Node，是一個可以讓 JavaScript 執行在伺服器端的平臺。它可以讓JavaScript 脫離瀏覽器的束縛執行在一般的伺服器環境下，就像執行 Python、Perl、PHP、Ruby程式一樣。你可以用 Node.js 輕鬆地進行伺服器端應用開發，Python、Perl、PHP、Ruby 能做的事情 Node.js 幾乎都能做，而且可以做得更好。

Vue.js 前端開發

Vue.js 前端開發

《Vue.js 前端開發 快速入門與專業應用》分為10章：簡介，基礎特性，指令，過濾器，過渡，元件，狀態管理，常用外掛，工程例項，Weex打包。從簡單的單個例項和基礎語法，到工程例項，將系統的講述Vue.js在專案中的適用場景和具體操作。 書的特點在於案例詳實，使讀者體會到框架的優點和便捷之處，提升開發效率，能將Vue.js運用到實際專案中，避免紙上談兵的尷尬。

深入理解Bootstrap

深入理解Bootstrap

Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美，直觀並且給力的web設計工具包，可以用來開發跨瀏覽器相容並且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI元件，柵格系統以及一些常用的JavaScript外掛。

web前端資料領取群：733581373所以肯定會有前端一些視訊學習資料和電子書籍。

要是你有更牛逼的書籍推薦，可以在下方評論，同時也熱烈歡迎種種拍磚吐槽！也可以加入我們！