學設計不一定要看設計相關的書籍，設計是給人看的，需要滿足消費市場，所以設計師可以看一些心理學和市場營銷相關的書籍。

1、HTML/HTML5基礎：

《HTML5秘籍》

2、CSS

推薦書籍：

1、《圖靈程式設計叢書:HTML5與CSS3設計模式》

2、《Web開發技術叢書:深入理解Bootstrap》

3、《高流量網站CSS開發技術》

4、《CSS設計徹底研究》 這個一定要

5、《Web開發技術叢書:深入理解Bootstrap》

6、可以找一些專門講SASS的書，但是我沒找到

7、《CSS權威指南(第3版)》

3、深入學習JS

推薦書籍：

1、《單頁Web應用:JavaScript從前端到後端 》

2、《Web 2.0介面設計模式》

3、《響應式Web設計:HTML5和CSS3實戰》

5、工具

學會使用grunt進行JS、CSS、HTML 壓縮，特別是模組化js開發時候的壓縮

會用PS進行切圖、儲存icon

入手sublime、webstorm

學會使用chrome除錯面板，特別是：console、network、profile、element

進階：

4、效能

推薦書籍：

1、《Web效能權威指南》

2、雅虎網站頁面效能最佳化的34條黃金守則

5、HTTP及TCP協議族

推薦書籍：

1、《HTTP權威指南》

2、《TCP/IP詳解》

3、《圖解TCP/IP(第5版)》

前端有時候也會做UI設計，一般會使用到ps、sketch、xd來做設計，如果你是mac系統的話，可以使用sketch，這是一個專門的UI設計工具，同時配合藍湖來使用，不僅可以一鍵切圖標註，還可以生成程式碼，直接複用。所以ps、sketch、xd和藍湖都是前端工程師必備的設計工具

恩，很少有這樣的書。目前市場上的前端和設計是分開的，配合產品經理及視覺分析師。

在大學所學，前端的專業也是偏向計算機類，較少有設計專業的課程。而設計又相反，多數專業是沒有網頁程式碼編寫的課程。所以你可以與設計師朋友多交流！