Web前端學(xué)習(xí)書籍推薦

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

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

前端書籍和學(xué)習(xí)一樣大致分為以下幾個(gè)部分：

1.html部分

2.css部分

3. JavaScript部分

4.框架進(jìn)階部分

【JavaScript篇】

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

這本書可以算是一本難得的好書，講的都是很詳細(xì)的基礎(chǔ)內(nèi)容，事無(wú)巨細(xì)。關(guān)鍵翻譯很到位?？创藭M(jìn)行學(xué)習(xí)多看幾遍，每次看都會(huì)有不同的收獲。

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

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

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

與《JavaScript高級(jí)程序設(shè)計(jì)》配合學(xué)習(xí)效果更佳。

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

3.《JavaScript語(yǔ)言精粹》

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

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

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

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

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

5.《JavaScriptDOM編程藝術(shù)》

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

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

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

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

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

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

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

【CSS篇】

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

最權(quán)威的CSS書籍。除了閱讀W3C的文檔之外的不二選擇?？梢宰龉ぞ邥磸?fù)查詢。類似犀牛書。

2.《圖解CSS3：核心技術(shù)與案例實(shí)踐》

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

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

【HTML篇】

1.《HeadfirstHTML&CSS》

好的入門書?？磧杀榫蛯?duì)HTML&CSS有個(gè)大概印象了。

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

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

【NodeJS篇】

《深入淺出Node.js》

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

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

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

【框架篇】

時(shí)代進(jìn)步，前端技術(shù)也是在日新月異，各種框架在前端領(lǐng)域跑馬車。所以本身不建議購(gòu)買框架的相關(guān)書籍。

1.React框架

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

2.AngularJs框架

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

3.Vue框架

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

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

《Vue.js權(quán)威指南》

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

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

【UI框架】

1.Bootstrap框架

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

2.ElementUI框架

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

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