一個剛入門的前端的書單?

我是一個剛要去實習的今年應屆生,幸運進入互聯網。

曾今看過《高性能的javaScript》《javaScript設計模式》,曾維護過一個erp行業軟體的UI組件庫。

想問問完整系統的發展成一個稱職的前端需要看哪些書?

照我的理解和打算,準備看

html、css:《css禪意花園》

js:《JavaScript:The good parts》

後端語言:一本系統的講paython的書

一本seo的書

一本交互的書

一本產品或運營的書

我看到知乎有前端的書單,但每個種類都有4、5本推薦,希望能夠每個方面可以用一兩本去系統學習,不想買到三四本重複度高的書,一來浪費時間、二來浪費錢。

所以希望書的類型是一本系統但精練的書,工具類犀牛書就不要推薦了。

請大牛補充和修正。謝謝


在豆瓣上列了個書單,推薦前端新同學要看的書,重要程度依次遞減,主要包括了前端技術、架構及設計入門的內容。

後端的技術選型選擇太多,就不列了。

  1. 《精通CSS(第2版) 》 :關於網站樣式重構實現的神書,系統全面而深入淺出,學用CSS必看
  2. 《JavaScript語言精粹 (豆瓣)》:JavaScript語言入門及進階
  3. 《精通HTML (豆瓣)》:HTML入門
  4. 《ppk談JavaScript (豆瓣)》:前端實戰經驗,其實主要不講JavaScript,更多相關於語言背後的瀏覽器及DOM框架。
  5. 《高性能網站建設指南 (豆瓣)》:關於海量級別WEB服務
  6. 《Web信息架構——設計大型網站(第3版) (豆瓣)》:網站信息架構設計,不過似乎更多是交互設計師需要去關注這個,但前端最好也有個sense。 推薦前端從業者泛讀即可
  7. 《點石成金 (豆瓣)》:策略層面設計原則
  8. 《寫給大家看的設計書(第3版) (豆瓣)》:平面設計科普

豆列鏈接:前端入門書


前端的全稱是什麼?

是前端程序員。

首先你要成為一個程序員,然後你才是前端程序員。

基於這個理解,以下是我推薦的書單:

https://zhuanlan.zhihu.com/p/23700861

作者:方應杭

鏈接:知乎專欄

來源:知乎

著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。

理念類

《Unix編程藝術》

此書如何稱讚都不為過。

一,書中幾乎沒有代碼,所以新手不要怕。

二,這本書講的是什麼呢?講的是如何設計程序。你可能會覺得程序設計很複雜呀,為什麼我一開始就要學。如果你看完這本書,你就會發現程序設計很簡單。這本書將程序設計總結了幾個原則,其中最著名的原則就是kiss,keep it simple, stupid。

三,先讀這本書,再讀其他技術書,那麼你在寫代碼的時候就非常的有邏輯,而不是像個蒼蠅一樣亂撞。

《軟體隨想錄》

這本書告訴你,真實的軟體開發是怎樣的。不是有很多同學想問,程序員的一天是怎樣的嗎,這本書能向你闡述清楚。他會告訴你大學生應該學習什麼,他會告訴你面試官應該怎樣面試,他會告訴你一個團隊是怎樣工作的……

《最後期限》

這是一本小說,講的是一個技術項目管理者被一個美女迷暈,送到島上做開發。讀這本小說你能知道,deadline怎樣影響一個人、一個團隊的生產力的(笑)。

《只是為了好玩》Just for Fun

快來膜拜 Linus。來看看一個真正的黑客是怎樣的。他有無數的賺錢機會,他都放棄了(說放棄了不太對,應該是看都不看),他只想「好玩」。

設計類

《寫給大家看的設計書》

名字已經很直白了,人人都能懂的一點設計技巧。其實就四個概念:對比,重複,對齊,親密性。然後講了一點顏色常識。

《Helvetica》

不好意思這是一部紀錄片,不是一本書。這部電影主要講了,這個字體是如何如何牛逼。通過這部電影,你可以,了解一點點字體設計,的常識,當然字體設計是一門很深的學問,你不需要深入了解太多。

Type is Beautiful 的基礎知識匯總

http://www.typeisbeautiful.com/basics/

哈,依然不是書,設計相關的書籍大多都是英文比較經典。你需要了解的設計相關的基礎知識,這些文章里都有介紹。

編程類

《大話設計模式》程傑

雖然 head first 系列很出名,我還是會向新手推薦《大》。因為例子好懂。

《七周七語言》

前端開發一個很大的毛病就是只鍾情JS,覺得JS可以做大部分事情。但真實情況是這樣嗎?不同的情況真的需要不同的語言。這本《七周七語言》只為打開你的思路,並不是為了學會七門語言。

你看完之後如果感慨「我靠還能這樣?」那麼就值了。

初學者看的話,可能只能看懂每個語言的第一章,沒關係,就看第一章就可以了,半年後再看每個語言的第二章。

《JavaScript 高級程序設計》第三版

終於到了JS。不要看書名以為這本書不適合初學者,它真的是一本初級書。這本書很厚,一個人很難堅持。建議以14章為目標,後面可以先不看,先去寫代碼。

《JavaScript 標準參考教程》阮一峰

http://javascript.ruanyifeng.com/

上面那本高級程序設計真的很貴,這本就便宜了——免費。而且質量上乘。

《ECMAScript 6 入門》阮一峰

http://es6.ruanyifeng.com/

又是偶像阮一峰寫的,推薦。

《》HTML CSS 不推薦看書

因為

一、變化太快。HTML 時不時新增一個標籤,新增一個 meta,新增一個屬性,書或多或少存在更新不及時的情況。

二、太簡單。HTML CSS 太簡單。書里的內容跟 MDN 里的免費內容基本沒有區別(我把抄襲說得很含蓄不知道你看懂沒有,哈哈)。

三、不直觀。網上有 jsbin、codepen 這樣的工具,可以讓你寫完 HTML、CSS直接預覽,書怎麼比。

建議初學者跟著 w3school 的教程快速入門,這個時間不要太長,頂多一周看完。然後就可以在 jsbin 上仿製各種布局、特效了。遇到問題就搜 CSSTricks、MDN、stackoverflow 等。

基礎類

《圖解HTTP》

我講課的時候一直強調 HTTP 是基礎。AJAX幾乎就是 HTTP 的縮影,你去看看 jQuery ajax 的文檔,洋洋洒洒幾十個選項,為什麼你只會用其中幾個選項?因為不懂 HTTP。

而這本圖解,每張圖都很可愛,對 HTTP 做了相對來說較深入細緻的介紹,非常適合前端觀看(我是看了《HTTP 權威指南》,與這本書比較之後,才推薦這本書的)

未完待續……


1.精通div+css網頁樣式與布局

2.javascript高級程序設計

3.jQuery實戰

4.深入淺出node.js

5.React Native入門與實戰

6.說話的藝術:101個實用的溝通技巧

7.抑鬱和焦慮障礙的治療計劃與干預方法

8.如何走出負面情緒

9.肩周炎的預防和治療

10.頸椎病的預防和治療


推薦閱讀:

前端工程師面試必須會哪些知識?
怎樣系統地自學前端?
自學前端兩個多月,感覺很迷茫,可以報個培訓班嗎?
怎麼樣培訓前端工程師?
手寫 div 布局大概要有多快?

TAG:前端開發 | 前端工程師 | 前端入門 |