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

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

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

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

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

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

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

我之前寫過一篇名為《老司機(jī)推薦！四個(gè)國內(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)站，也可以去看看。畢竟國外的技術(shù)會(huì)更快、更新。

1.Codecademy

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

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

2. Free Code Camp

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

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

3. HTML Dog

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

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

4.Udacity

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

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

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

2. 2017 Web 開發(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ì)你有所幫助。

第一本，入門

《Head first HTML&CSS》

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

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

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

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

第三本《精通CSS》

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

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

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

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

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

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

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

每個(gè)前端必看的書，此書是前端工程師科技樹的關(guān)鍵一環(huán)?？赐甏藭笤倏纯粗蟾黝愡M(jìn)階書籍會(huì)比較好。

俗稱紅寶書，也算入門書籍，雖然是大部頭（七百多頁），但至少通讀一遍。

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

第七本《JavaScript語言精粹》

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

第八本《你不知道的JavaScript》

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

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

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

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

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

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

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

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

《鋒利的jQuery》

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