入門書籍

Html, CSS, JS永遠是前端的基礎,不推薦大家在學習開始就去鑽研框架。

1.Javascript

《JavaScript語言精粹(修訂版)》(Douglas Crockford(道格拉斯·克羅克福德))【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

這本書絕對是經典中的經典,建議入門認真讀一下。

《JavaScript編程精解(原書第2版)》([美]馬爾奇·哈弗貝克)【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

也是本很好的學習JS的書籍,中文翻譯為第2版,第3版有英文電子書。

編寫可維護的JavaScript (豆瓣)?

book.douban.com
圖標

也可以了解一下這本書,但是裡面有些內容比較老舊了,比如Yahoo的YUI,和Ant構建,可以忽略不計。

2.CSS

CSS的學習建議還是通過練習,找一個網站(建議還是找一些注重設計感的網站,比如instagram,打開全是div的網站,真的就算了),能夠照著設計把樣式還原出來是最有效的練習。《CSS權威指南(第3版)》【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

3.Html

《Head First HTML5 Programming(中文版)》([美]Eric Freeman,[美]Elisabeth Robson)【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標
DOM啟蒙【圖片 價格 品牌 報價】-京東?

item.jd.com
圖標

4.工具

Git版本控制管理(第2版)【圖片 價格 品牌 報價】-京東?

item.jd.com
圖標

Git作為代碼管理工具是代碼管理和團隊開發的基礎,建議快速讀完然後在實踐中逐漸掌握。


進階書籍

1.Javascript《圖靈程序設計叢書:你不知道的JavaScript(上卷)》([美]辛普森(Kyle Simpson))【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標
《你不知道的JavaScript 中卷》([美]辛普森(Kyle,Simpson))【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標
《你不知道的JavaScript 下卷》([美]凱爾·辛普森(Kyle Simpson))【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

你不知道的Javascript系列是JS進階的必讀書目,普遍反應下卷中文翻譯不盡如人意,有能力的建議還是去看英文原著。

JavaScript高級程序設計:第2版 (豆瓣)?

book.douban.com
圖標

讀完你不知道系列一直沒有花時間去看這本書,但也是有很多前端推薦的好書。建議你不知道系列和高級程序設計至少讀完一個。

《深入理解ES6》([美]Nicholas,C.,Zakas)【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

也可以去讀阮一峰的《ES6標準入門(第3版)》

《深入淺出Node.js 》(朴靈)【摘要 書評 試讀】- 京東圖書?

item.jd.com圖標《JavaScript設計模式與開發實踐》(曾探)【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

想了解JS設計模式的可以讀一下這本書

2.Web開發《Web性能權威指南》([加]Ilya Grigorik)【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

Web開發的必須書目

《HTTP權威指南》【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

書比較厚,可以作為平時知識查閱的參考書目

3.CSS

《精通CSS:高級Web標準解決方案(第2版)》([英]巴德,[英]科利森,[英]莫爾)【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

4.框架

官方文檔!!!目前主流的三大框架React,Angular,Vue都有完善的文檔,而且大多數的書籍偏嚮應用並且更新慢,這與框架發展速度太快有關係,養成在實踐中參考文檔學習理解的習慣,疑難雜症找stackoverflow就夠了。

擴展閱讀

前端和設計,前端和後端是相互作用的。這不僅是體現在在日常開發工作中,你要和UX、後端DEV頻繁交流合作,很多設計思維和開發思想是相通的。1.後端Javascript作為一門開發語言,很多語言的特性借鑒了C語言和Java。另外,面向對象,MVC等設計思想也和後端密不可分。最近後端微服務如火如荼,前端也興起了微前端的概念。即使做不到全棧,了解後端開發也是有必要的。《微服務設計》([英]紐曼(Sam Newman))【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

小而精的一本微服務入門書,想深入了解微服務的實現可以去讀 《實現領域驅動設計》(不過對前端開發而言太難啃,讀了一半放棄了)

2.代碼規範前端好像很少強調設計規範,也很少看到像後端一樣去強調編寫優雅的代碼和測試的重要性,但其實編寫可讀的、優雅的代碼和語言無關。大多人的CSS難以維護就是源於此。《重構 改善既有代碼的設計 》([美]馬丁·福勒(Martin Fowler))【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

經典中的經典。目前只有Java版本,但是思想是相通的,Martin也在籌備Javascript版本,建議前端也去了解。

測試驅動開發?

book.douban.com

TDD是方法,沒必要試圖找適合前端開發的TDD策略。TDD也是以前在寫後端的時候養成的習慣,一直延續到現在做前端開發。想參考書籍的話推薦這本書。

《代碼整潔之道 》([美]馬丁)【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標
《敏捷軟體開發(原則模式與實踐)》(馬丁)【摘要 書評 試讀】- 京東圖書?

item.jd.com
圖標

Martin的又一經典書籍,有Java版和C#版

3.設計如果覺著"和UX交流很難",那是因為你真的完全不懂設計。用戶體驗不再是UX畫好Mock Up,你來翻譯成代碼這麼簡單,好的用戶體驗一定是相互交流的產物。寫給大家看的設計書-第4版【圖片 價格 品牌 報價】-京東?

item.jd.com
圖標

很適合程序員讀的一本小書

【二手9成新】 眾妙之門--網站重新設計之道 [德]Smashing Magazine,騰【圖片 價格 品牌 報價】-京東?

item.jd.com
圖標

Smashing Magazine的眾妙之門系列,絕對的經典,但是譯本差強人意,還是建議買原版,從內容到印刷都無可挑剔。

Design Systems?

www.smashingmagazine.com

Smashing Magazine的新力作。還沒來得及看,不過很多UX同事推薦,可惜沒有譯本。


註:之所以大部分用了京東的鏈接,是因為書卡豆瓣無法識別...


推薦閱讀:
查看原文 >>
相关文章