網(wǎng)友解答: 謝邀，以下是個(gè)人的一些分享和推薦，希望對(duì)前端學(xué)習(xí)的小伙伴有所幫助。一.圖書(shū)部分1.《CSS 權(quán)威指南》第三版：由CSS界權(quán)威Meyer大師的作品，專為初學(xué)者清掃障礙的書(shū)籍；2

謝邀，以下是個(gè)人的一些分享和推薦，希望對(duì)前端學(xué)習(xí)的小伙伴有所幫助。

1.《CSS 權(quán)威指南》第三版：由CSS界權(quán)威Meyer大師的作品，專為初學(xué)者清掃障礙的書(shū)籍；

2. 《JavaScript DOM 編程藝術(shù)》：這本書(shū)講述了JavaScript和DOM的基礎(chǔ)知識(shí)，適合JS入門(mén)童鞋學(xué)習(xí)；

3. 《JavaScript 權(quán)威指南》第6版：犀牛書(shū)號(hào)稱 JS 學(xué)習(xí)的紅寶書(shū)，作為學(xué)習(xí)核心JavaScript語(yǔ)言和JavaScript API 指南的綜合參考手冊(cè)，它適合初、中級(jí)前端開(kāi)發(fā)者學(xué)習(xí)；

4. 《JavaScript高級(jí)程序設(shè)計(jì)》第三版：這本書(shū)的作者是世界頂級(jí)Web技術(shù)專家，也是入門(mén)JS的好讀物，適合反復(fù)研讀，每一遍都會(huì)讓你有新的收獲；

5. 《鋒利的jQuery》第二版：JQ入門(mén)首選，淺顯易懂。這本書(shū)將循序漸進(jìn)地對(duì)jQuery的各種函數(shù)和方法調(diào)用進(jìn)行介紹，帶你全面了解jQuery；

我之前寫(xiě)過(guò)一篇名為《老司機(jī)推薦！四個(gè)國(guó)內(nèi)優(yōu)秀的編程學(xué)習(xí)網(wǎng)站》（地址：http://t.cn/ROsZaei），主要分享了4個(gè)我常去自學(xué)編程的學(xué)習(xí)網(wǎng)站，上面大多都是免費(fèi)的課程，只需要注冊(cè)帳號(hào)就可以學(xué)習(xí)了。詳細(xì)的大家可以看下文章，就不再贅述了。

如果你的英文不錯(cuò)的話，還有一些不錯(cuò)的英文編程免費(fèi)學(xué)習(xí)網(wǎng)站，也可以去看看。畢竟國(guó)外的技術(shù)會(huì)更快、更新。

1.Codecademy

它是學(xué)編程最流行的網(wǎng)站之一，包括了CSS、HTML、JavaScript、jQuery和PHP等編程語(yǔ)言，也是注冊(cè)個(gè)帳號(hào)就可以直接開(kāi)始。

網(wǎng)址：https://www.codecademy.com/

2. Free Code Camp

學(xué)習(xí)Web開(kāi)發(fā)非常棒的地方。尤其是你想學(xué)習(xí)編程語(yǔ)言是JS，那么，這個(gè)網(wǎng)站將是你的首選。

網(wǎng)址：http://freecodecamp.com/

3. HTML Dog

HTML Dog網(wǎng)站匯集了CSS、HTML和JavaScript大量的教程資源，它還可以幫助一個(gè)初學(xué)者學(xué)習(xí)任何上述的語(yǔ)言。

網(wǎng)址：http://htmldog.com/

4.Udacity

一個(gè)提高你的編程技術(shù)，以及程序開(kāi)發(fā)技能的課程網(wǎng)站。這些課程由軟件巨頭Facebook, Google中的行業(yè)專家進(jìn)行講授。

網(wǎng)址：http://udacity.com/

1. GitHub的免費(fèi)編程圖書(shū)系列：http://t.cn/RoCkRhv

2. 2017 Web 開(kāi)發(fā)者學(xué)習(xí)路線圖：http://t.cn/R6qhSpr

3. 最全的資源教程 - 前端涉及的所有知識(shí)體系：http://t.cn/RqeWkhB

4.JavaScript 秘密花園：http://t.cn/zT5dtzx

5.前端學(xué)習(xí)干貨：http://t.cn/RNndK0m

暫時(shí)就分享這么多吧！吸收完這些知識(shí)也需要一段時(shí)間，希望對(duì)你有所幫助。

第一本，入門(mén)

《Head first HTML&CSS》

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

此時(shí)把w3cschool作為備查手冊(cè)收藏起來(lái)

第二本《CSS權(quán)威指南（第三版）》

最權(quán)威的CSS書(shū)籍，除了閱讀W3C的文檔外的不二選擇（就是翻譯有點(diǎn)操蛋，遇到感到難理解的地方可能還是要求助于網(wǎng)絡(luò)資源）。有時(shí)間（無(wú)論是現(xiàn)在還是將來(lái)）可以反復(fù)看，并當(dāng)做字典隨時(shí)查。

第三本《精通CSS》

廣受前輩推薦的一本書(shū)。上一本書(shū)是字典的話，這本書(shū)相當(dāng)于《中學(xué)生作文大全》，匯集了一些CSS的最佳實(shí)踐。

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

這本書(shū)比較新，講解的是最新的CSS3（前三本書(shū)停留在CSS2.1時(shí)代），CSS3也是必學(xué)的，不是什么可學(xué)可不學(xué)的最新技術(shù)。

HTML CSS值得看的書(shū)就這些（之后會(huì)有一本《CSS秘密花園》，尚在翻譯中，也很值得期待），剩下的就是自己寫(xiě)還有看技術(shù)博客了。接下來(lái)是JavaScript，HTML和CSS都是沒(méi)有邏輯的標(biāo)記型語(yǔ)言，JS才是真正的編程語(yǔ)言，評(píng)價(jià)前端工程師的水平就看這個(gè)了。

第五本《JavaScript DOM編程藝術(shù)》

最好的JS入門(mén)書(shū)籍，一目了然地告訴你如何用JS操作DOM（這是瀏覽器端編程的基本功），還灌輸了最符合標(biāo)準(zhǔn)的編程理念?？上в悬c(diǎn)老，最新一版是2010年的，以至于部分內(nèi)容有點(diǎn)過(guò)期，例如本書(shū)內(nèi)經(jīng)常提到“某某方法瀏覽器不一定支持，需要小心使用”，而這些歷史遺留問(wèn)題當(dāng)今已經(jīng)不存在了，閱讀過(guò)程中無(wú)視就好。

第六本《JavaScript高級(jí)程序設(shè)計(jì)》

每個(gè)前端必看的書(shū)，此書(shū)是前端工程師科技樹(shù)的關(guān)鍵一環(huán)?？赐甏藭?shū)后再看看之后各類進(jìn)階書(shū)籍會(huì)比較好。

俗稱紅寶書(shū)，也算入門(mén)書(shū)籍，雖然是大部頭（七百多頁(yè)），但至少通讀一遍。

全部掌握了，你可以在網(wǎng)絡(luò)社區(qū)里談笑風(fēng)生了，經(jīng)過(guò)實(shí)踐的鍛煉后，面試個(gè)前端工程師的崗位應(yīng)該都沒(méi)問(wèn)題了。

第七本《JavaScript語(yǔ)言精粹》

也是前端必看。薄薄一百來(lái)頁(yè)，對(duì)JS的去粗取精。

第八本《你不知道的JavaScript》

這是一套叢書(shū)， 目前為止僅翻譯了第一卷。每本都挺薄，深入介紹了JS中的重要概念。

第九本《JavaScript設(shè)計(jì)模式》

“設(shè)計(jì)模式”是軟件工程的重要課題，相當(dāng)于高考時(shí)候的答題套路。前人總結(jié)出來(lái)的應(yīng)對(duì)各種問(wèn)題的模板。也算是必看書(shū)籍。關(guān)于JavaScript設(shè)計(jì)模式的書(shū)籍目前也有好幾本，也有國(guó)人寫(xiě)的，挑一兩本看看就好。

第十本《高性能網(wǎng)站建設(shè)指南》（及其續(xù)篇《高性能網(wǎng)站進(jìn)階》）

告訴你真正的商業(yè)公司的前端是怎么優(yōu)化一個(gè)網(wǎng)站的。當(dāng)然優(yōu)化的問(wèn)題不是看看書(shū)就能解決的，最好時(shí)刻了解你的同行們的經(jīng)驗(yàn)。

看完以上十本算是前端入門(mén)了。到現(xiàn)在為止，配合搜索引擎，已經(jīng)可以無(wú)障礙地做出靜態(tài)網(wǎng)頁(yè)、各種特效、用AJAX配合后臺(tái)構(gòu)建Web應(yīng)用了。然后是各種框架、庫(kù)、預(yù)處理語(yǔ)言的學(xué)習(xí)，而且現(xiàn)在JavaScript也可以用來(lái)寫(xiě)服務(wù)器了（Node.js），這樣一來(lái)JS通吃前后端，前端工程師都?xì)g欣鼓舞，這也是個(gè)學(xué)習(xí)熱點(diǎn)。下面是一些補(bǔ)充書(shū)籍，可以穿插著看。（至少看了兩遍《JavaScript高級(jí)程序設(shè)計(jì)》再看下面的書(shū)）

《圖解HTTP》和《HTTP權(quán)威指南》

每個(gè)Web程序員都應(yīng)該熟悉HTTP協(xié)議里的內(nèi)容?！秷D解HTTP》算是科普級(jí)別的書(shū)，《HTTP權(quán)威指南》則是大部頭，需要點(diǎn)耐心才能看完。建議在了解AJAX后立刻開(kāi)始學(xué)習(xí)HTTP協(xié)議。

《鋒利的jQuery》

講JS最著名的庫(kù)——jQuery的，快速入門(mén)的書(shū)。光會(huì)原生JS不夠，還要會(huì)用庫(kù)。