Web前端學習書籍推薦

隨著時代推進，用戶體驗的增強以及前后端分離已成趨勢。前端時代已經(jīng)來臨。前端也從后端人員隨手編寫逐漸分離出來。變成一個有專門方向人才的技術領域。

那么如何學好前端，個人經(jīng)過學習和實踐?？偨Y了幾種有特別代表性的書籍，供大家參考、借鑒！

前端書籍和學習一樣大致分為以下幾個部分：

1.html部分

2.css部分

3. JavaScript部分

4.框架進階部分

【JavaScript篇】

1.《JavaScript高級程序設計(第3版)紅皮書》(紅寶書)

這本書可以算是一本難得的好書，講的都是很詳細的基礎內(nèi)容，事無巨細。關鍵翻譯很到位。看此書進行學習多看幾遍，每次看都會有不同的收獲。

推薦指數(shù)：【*****】

2.《JavaScript權威指南》(犀牛書)

這部書俗稱“犀牛書”，行業(yè)內(nèi)可以說是一本JavaScript圣經(jīng)。書籍很厚，內(nèi)容很枯燥。但是是程序員的“字典”和“備忘錄”。忘了熟悉就拿來翻翻，總會有收獲。神書!神書!

與《JavaScript高級程序設計》配合學習效果更佳。

推薦指數(shù)：【*****】

3.《JavaScript語言精粹》

這本書不好評價。屬于JavaScript入門以后看的書。里面內(nèi)容都是一些中高級的概念。小白選手一般不會涉及。但是高級程序員必須要知道。比如：閉包、原型鏈、作用域鏈、繼承封裝等?？戳艘院竽銜羞@種感覺：哇!這里原來是這樣的。哇!那里原來是這樣的。

推薦指數(shù)：【*****】

4.《你不知道的JavaScript》(上卷+下卷)

這本書其實和《JavaScript語言精粹》差不多，兩者二選一。當然如果是收藏愛好者可以都入手。內(nèi)容和名字一樣，你不知道的JavaScript，里面的東西真的是你不知道的。不做過多解釋。

推薦指數(shù)：【****】

5.《JavaScriptDOM編程藝術》

以上書籍如果是理論教材，那么這本書就有一點實踐化了，給你一個案例，讓你從頭到尾實現(xiàn)出來。后面當你都實現(xiàn)出來的時候你會發(fā)現(xiàn)，哇!所有的JavaScript基本DOM操作你都已經(jīng)滾瓜爛熟了。滿滿的成就感!(讓你徹底愛上JavaScript)

缺點：書籍有點老。2010年的，不過不影響你操作。全新按照ES5就可以了。

推薦指數(shù)：【****】

6.《鋒利的JQuery(第二版)》

本書循序漸進地對jQuery的各種方法和使用技巧進行介紹，讀者可以系統(tǒng)地掌握jQuery中關于DOM操作、事件監(jiān)聽和動畫效果、表單操作、Ajax以及插件方面的知識點，并結合每個章節(jié)后面的案例演示進行練習，達到掌握各章節(jié)知識點，更好地進行開發(fā)實踐的目的。

本書適合所有對jQuery技術感興趣的Web設計者和前端開發(fā)人員閱讀和參考。

推薦指數(shù)：【****】

【CSS篇】

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

最權威的CSS書籍。除了閱讀W3C的文檔之外的不二選擇?？梢宰龉ぞ邥磸筒樵儭ｎ愃葡?。

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

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

推薦指數(shù)：【****】

【HTML篇】

1.《HeadfirstHTML&CSS》

好的入門書?？磧杀榫蛯TML&CSS有個大概印象了。

配合網(wǎng)絡視頻課程，事半功倍，成就感杠杠的!

推薦指數(shù)：【****】

【NodeJS篇】

《深入淺出Node.js》

《深入淺出Node.js》從不同的視角介紹了Node內(nèi)在的特點和結構。由首章Node介紹為索引，涉及Node的各個方面，主要內(nèi)容包含模塊機制的揭示、異步I/O實現(xiàn)原理的展現(xiàn)、異步編程的探討、內(nèi)存控制的介紹、二進制數(shù)據(jù)Buffer的細節(jié)、Node中的網(wǎng)絡編程基礎、Node中的Web開發(fā)、進程間的消息傳遞、Node測試以及通過Node構建產(chǎn)品需要的注意事項。

后面的附錄介紹了Node的安裝、調(diào)試、編碼規(guī)范和NPM倉庫等事宜。

推薦指數(shù)：【****】

【框架篇】

時代進步，前端技術也是在日新月異，各種框架在前端領域跑馬車。所以本身不建議購買框架的相關書籍。

1.React框架

React主要用于構建UI。你可以在React里傳遞多種類型的參數(shù)，如聲明代碼，幫助你渲染出UI、也可以是靜態(tài)的HTMLDOM元素、也可以傳遞動態(tài)變量、甚至是可交互的應用組件。

2.AngularJs框架

AngularJS是為了克服HTML在構建應用上的不足而設計的。HTML是一門很好的為靜態(tài)文本展示設計的聲明式語言，但要構建WEB應用的話它就顯得乏力了。所以我做了一些工作(你也可以覺得是小花招)來讓瀏覽器做我想要的事。

3.Vue框架

Vue是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue被設計為可以自底向上逐層應用。Vue的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現(xiàn)代化的工具鏈以及各種支持類庫結合使用時，Vue也完全能夠為復雜的單頁應用提供驅動。

【書籍推薦】(只是推薦)

《Vue.js權威指南》

本書致力于普及國內(nèi)Vue.js技術體系，讓更多喜歡前端的人員了解和學習Vue.js。如果你對Vue.js基礎知識感興趣，如果你對源碼解析感興趣，如果你對Vue.js2.0感興趣，如果你對主流打包工具感興趣，如果你對如何實踐感興趣，本書都是一本不容錯過的以示例代碼為引導、知識涵蓋全面的佳選擇。

全書一共30章，由淺入深地講解了Vue.js基本語法及源碼解析。主要內(nèi)容包括數(shù)據(jù)綁定、指令、表單控件綁定、過濾器、組件、表單驗證、服務通信、路由和視圖、vue-cli、測試開發(fā)和調(diào)試、源碼解析及主流打包構建工具等。該書內(nèi)容全面，講解細致，示例豐富，適用于各層次的開發(fā)者。

【UI框架】

1.Bootstrap框架

Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個漂亮、功能完備的網(wǎng)站。

2.ElementUI框架

Element，一套為開發(fā)者、設計師和產(chǎn)品經(jīng)理準備的基于Vue2.0的桌面端組件庫。

前端UI框架有非常多，在此不做過多推薦，感興趣可以網(wǎng)上搜索。