前端書單（圖靈社群版）

在 8 月 27 日的iWeb 大會上，與圖靈社群李潔討論如何讓讀者更好地選擇書籍時，我向她推薦用書單的方式，會更加有效。

不過，在具體看書單列表之前，請讓我簡述一下我所看過（而非一定是鑽研過）的領域。我是一名偏重於UI體驗與邏輯有效性、對伺服器端語言也小有接觸的初級前端，對前端架構、演算法等高深知識並不怎麼了解。

若書單內容有誤，請聯絡圖靈社群或作者本人，及時調整。
我只推薦我看過或者瞭解過，認為不錯的書。

HTML

《HTML5權威指南》

這本書，我只是在大學圖書館看過，並未深入推演。不過，對於初學者瞭解 HTML、CSS 、JavaScript 有哪些內容，還是可以的。既有對HTML4的淺顯知識的講解，又有對HTML5新知識的介紹。

CSS

《CSS揭祕》

這本書是我所在前端組組長買了好幾本給我們組的同事看。 書中按不同場景介紹CSS3的用法，同一個場景也提供了不同的解決方案。很多解決方案都突破了我的認知，讓我思路擴充了很多。

《響應式Web設計：HTML5和CSS3實戰(第2版)》

本書不僅全面、細緻、圖文並茂地介紹了響應式設計相關的技術，比如媒體查詢、流式佈局、彈性媒體和彈性字型等等，還把近幾年來Web設計領域公認的最佳設計理念有機地融入到了例項當中，比如移動先行（Mobile First）、漸進增強、平穩退化、無障礙設計等等。
—— 擷取自圖嶺社群書籍介紹

從13年到16年的三年工作時間，我基本都在從事響應式網頁開發，逐漸發現，響應式設計可以理解為在不同螢幕解析度下采用的不同佈局方案，PC 端和移動端在網頁佈局細節上也會有諸多不同。這本書就很好地解答了我不少疑惑，使得我可以在響應式網頁佈局上擁有了明確的佈局原則。

JavaScript

《JavaScript DOM程式設計藝術（第2版）》

JavaScript 初學者可以看的書。有概念介紹，有示例，也有實操。

本書講述了JavaScript、DOM 和HTML5 的基礎知識，著重介紹DOM 程式設計技術背後的思路和原則：平穩退化、漸進增強和以使用者為中心等。這些概念對於任何前端Web開發工作都非常重要。

《JavaScript高階程式設計（第3版）》

一幅濃墨重彩的語言畫卷，一部推陳出新的技術名著
全能前端人員必讀之經典，全面知識更新必備之佳作。

作為我心中的 JavaScript 紅寶書或床頭書，下載過PDF版本，又買了紙質版和電子版。這本書中對 JavaScript 物件導向的介紹，讓我對 JavaScript 有了更深刻的理解。當然，書中會詳細解答 JavaScript 的方方面面。

《JavaScript設計模式與開發實踐》

騰訊前端Alloy Team團隊出品，資深前端工程師曾探力作
全面涵蓋專門針對JavaScript的16個設計模式
深入剖析物件導向設計原則、物件導向程式設計技巧及程式碼重構

前文提及 JavaScript 入門書和進階書，那這本書就是“鑽研書”。其實 合理的 JavaScript 程式碼結構體現了程式設計人員的更好的思路，套用 JavaScript 設計模式的程式碼，會讓程式碼變得更加優美。

Node.js

《Node與Express開發》

這本書可以作為Nodejs的入門書，也可以Express的入門書。

在我看來，用Nodejs當伺服器和後端語言，用Mongodb作為資料，用Express.js製作TodoList或個人小部落格，可以快速入門JavaScript伺服器端開發。

《深入淺出Node.js》

這本書我有兩本，一本我買的，一本是獎品。想從事 Nodejs 開發或深入鑽研 Nodejs的，可以看看這本書。

前端庫或框架

《AngularJS權威教程》

這本書，可以深入瞭解 Angular.js 的使用方法。我在工作中，常常遇到 Angular.js 的用法疑惑，開啟這本書，立馬得到不錯的解答。

本書講的是 Angular.js 1.x 版本，不知道在 Angular.js 2.0 版本出來後，會有多大差異。

《JavaScript網頁動畫設計》

這本書是我在經歷過幾次互動動畫的編寫後才購買的。書不厚，會告訴很多做網頁動畫的原則，可以作為互動動畫的啟蒙書。

《jQuery基礎教程（第4版）》

本書是jQuery經典技術教程的最新升級版，涵蓋jQuery 1.10.x和jQuery 2.0.x。本書前6章以通俗易懂的方式講解了jQuery的核心元件，包括jQuery的選擇符、事件、動畫、DOM操作、Ajax支援等。

可以作為日常開發過程中的手邊書。

PS：我在日常工作中，會用 jQuery 代替原生 JavaScript 來開發，雖然在Angular.js中引用jQuery讓網站資源更大，但 jQuery 保證了我的程式碼簡單易懂。

設計

前端UI介面，不僅僅是需要將網頁設計稿用程式碼實現，並且要將設計稿的細節在網頁中更好地呈現，設計師沒想到的細節，前端也要補上。另外，前端是需要與產品經理、設計師針對網頁設計稿進行有效共同的，那麼對UI介面的基本原則還是有必要的瞭解。

《寫給大家看的設計書（第4版）》

看完本書，我對這本書的親密性、對齊、重複和對比4大基本原則感觸很深，在平時自己對 Word 排版、 PPT 幻燈片、網頁UI開發都有很大的幫助。

出自一位世界級設計師之手。複雜的設計原理在《寫給大家看的設計書》中凝鍊為。作者以其簡潔明快的風格，將優秀設計所必須遵循的這4個基本原則及其背後的原理通俗易懂地展現在讀者面前。《寫給大家看的設計書》包含大量的示例，讓你瞭解怎樣才能按照自己的方式設計出美觀且內容豐富的產品。 —— 取自百度百科

《移動應用UI設計模式（第2版）》

這本書是想深入瞭解UI設計（移動端網站和 APP 應用）的內容才需要看的。——個人觀點。

產品經理

《產品經理那些事兒》

史上最全、乾貨最多、百讀不厭的產品經理實戰經驗！

PS：這本書提供的試讀章節足夠讓你瞭解這本書的特點。

更加齊全的前端彙總或書單

《送給前端的你，推薦幾篇前端彙總文章》 https://zhuanlan.zhihu.com/p/22229868

附上我的買書策略

• 書籍價效比高，對自身幫助大或符合自身學習需求就可以看看目錄、評論等，再決定是否購買。
• 推薦註冊圖靈社群網站，書籍都有試讀章節。
• 按照自己目前工作所需，也可以向公司申請購買圖書。

最後描述一下我自己吧

小溪裡，某個很有情懷公司前端工程師，經常寫寫前端文章和隨筆，也正在學習攝影（純屬小白）。

個人部落格： http://xiaoxi.li
個人微博： http://weibo.com/519918012