2021前端學習路徑書單—自我成長之路

正式學習前端大概 3 年多了,接觸前端大概 4 年了,很早就想整理這個書單了,由於經常會有朋友問,前端該如何學習,學習前端該看哪些書,我就講講我學習的道路中看的一些書,雖然整理的書很少,可是每一本都是那種看一本就秒不絕口的感受。html

如下大部分是我看過的,或者說身邊的人推薦的書籍,每一本我都有些相關的推薦語,若是你有看到更好的書歡迎推薦呀。前端

前端學習書籍導圖-1

JS

《JavaScript高級程序設計(第4版)》vue

第三版:豆瓣評分9.3node

第四版:豆瓣評分8.5react

如今建議學習第四版,由於第三版不少仍是以ES5的語法進行講解的,目前主流都是 ES6 語法了。當年我入門這是我看的第一本JS書籍,也是實驗室的導師推薦的,這本書很厚,真的須要耐着性子看完,DOM、BOM、JS基礎語法,我先是把這些大概的過了一下,而後去實踐項目,有不懂的點再來回味這本書,以個人性子,仍是比較喜歡動手進行實踐。webpack

《你不知道的JavaScript(上卷)》git

豆瓣評分 9.3es6

這本書,真的是神書,我先看的高級程序設計,可是看完我對一些做用域啊,閉包,原型鏈仍是懵懵懂懂,看完這本書瞬間打通了任督二脈,豁然開朗。github

《ECMAScript 6 入門電子版》web

《ECMAScript 6 入門》

豆瓣評分 8.8

這本書屬於工具書,建議電子版,翻翻經常使用的一些 ES6 語法就行了,當年我準備實習的時候就看了經常使用的一些語法例如(Map、Set、Proxy、Promise、Generator、async、Module等)。(固然若是對你有幫助仍是能夠買一下實體書,支持一下做者,畢竟電子版能夠免費看,寫書須要花不少精力。)

《JavaScript忍者祕籍(第2版)》

豆瓣評分 8.5

這本書是我工做上的導師推薦,我暫時還沒看,聽說幫助他解了不少疑惑。

CSS

《CSS世界》

做者是張鑫旭,能夠說是 CSS領域的鼻祖了。我買了這本書,可是尚未看,不看的緣由不是他很差,是最近不常寫CSS了,哈哈哈。當初買它的時候,我是看它的目錄,能夠說它把CSS中一些比較重要的場景都包含到了。目錄名字也取得很是有吸引力。塊級元素、盒子模型、浮動、層疊規則等等基礎的用法都講到了。

《CSS揭祕》

豆瓣評分 9.4

做者是Lea Verou,W3C CSS工做組特邀專家,設計CSS語言的委員之一,此前曾在W3C擔任開發者代言人。目前,她在麻省理工學院從事人機交互領域的研究。

做者來頭真的太大了...又是W3C CSS專家又是MIT的...看過這本書的人都會驚歎,原來 CSS 還能這麼玩?若是你想精進 CSS,這本書不能錯過。這本書剛出的時候就買了,後來畢業送給了實驗室的小夥伴。

框架

Vue

vue2文檔

vue3文檔

若是出個豆瓣評分估計是9.9分,那0.1分怕它驕傲。

vue的學習建議直接看官網吧,寫的太詳細了,像一本書同樣。

React

React官網

官網教程真的很貼心,會一步一步教你若是構建一個 React 應用,而且還會說有些哲學思想。

《React小書》

這本書是一本開源的書籍,面向的對象是有一點前端基礎的而且是 React.js 零基礎的同窗而做。

《深刻React技術棧》

豆瓣評分 8.1

大概是 17 年的時候買的,算是買的第一本 React 書籍也是惟一一本 React 書籍,

Node

《七天學會NodeJS》

開源書,書只有大概只有200頁左右,一會兒就能看完,經過例子可以快速熟悉一些 Node 的 API,也許如今來講不少 API 已通過時了(畢竟Node版本迭代太快了,如今都15x了),可是安裝舊版本的 Node來入門,仍然是一本和不錯的書。

《深刻淺出Node.js》

豆瓣評分 8.6

清晰地講解了Node.js 底層原理,以及如何使用 Node.js 進行工程項目開發,是進階的首選。

《Node.js設計模式》

原書英文版豆瓣評分9.5,買了中文版...看的雲裏霧裏,能夠試試英文版。

《Node.js:來一打 C++ 擴展》

剛出的時候就買了這本書... 可是功力不夠啊,看這本書須要一些 C++ 的底蘊,還特意買了 C++ Primer 準備好好學習,可是發現...週期太長了沒有堅持下來,又由於公司也沒有這方便的場景應用,因此本身草草寫了一個 C++ 插件(https://github.com/hua1995116/LRU-node-addon)以後,這本書就擱置了。

工程化

Webpack

《深刻淺出Webpack》

《深刻淺出 Webpack電子版》

這本書不少人吐槽,說寫的很基礎,深度不夠,也比較落後了。確實是這樣,可是我以爲webpack官方文檔雖然很全很前沿,可是尚未那種一會兒就能讓人整明白的。跟着這本書 + 配套github示例,寫徹底部示例(花不了不少時間),能夠說對 webpack 會有一個大概的瞭解。

學習webpack難點在於什麼?

各類周邊插件版本不配套啊!

想加個loader/plugin,各類版本不兼容,各類報錯!由於新手安裝 webpack 的插件大多數人都是會安裝到最新版本,可是最新版本大多數會有各類問題,真的是勸退...

webpack通過幾個飛速的迭代,webpack3x和4x的插件機制就不同,如今又是5x了。

因此能有一個固定的版本,跟着走徹底流程對它有一個總體的認識,看完一本書能瞭解這些也算是值了。有了這些總體的認知,相信你不論是學 4x仍是5x都能行雲流水了。

TypeScript

深刻理解 TypeScript》

開源電子書,是一個學習 TypeScript 不錯的開始吧,我快速過了一下這本書和官網示例,有了大概的瞭解,想要深刻學習 TS 可能仍是須要實踐吧~

《重學TS》

阿寶哥寫的重寫 TS 也很不錯,其實我TS用的並很少,偶然在寫一些高級泛型的時候查到了阿寶哥寫的文章,感受受益良多。

計算機基礎

設計模式

JavaScript設計模式》

以故事線的模式來風趣地講解JS的設計模式。

算法基礎

《圖解算法》

豆瓣評分 8.4

小白也能看懂的算法,對於初學者能夠說很是有幫助,我看完了電子版,可是對於想真正在算法領域有所精進那就看下面這本書吧。

《算法導論》

豆瓣評分 9.2

這本書很數學,看的使人頭禿,可是真的很全,裏面的示例所有是僞代碼所寫,理解起來也有必定的難度,跟着實驗作一遍會有很大的收穫。

網絡基礎

《圖解 HTTP》

豆瓣評分 8.1

這本書也是看了電子版,主要是圍繞TCP/IP來進行講解,瀏覽完對HTTP經常使用的一些屬性以及網絡會有一個大概的概念。

《TCP/IP詳解 卷1:協議》

豆瓣評分 9.2

若是要精進計算機網絡,能夠看這本。

編譯原理

《編程語言與實踐》

買了龍書啊虎書啊什麼的,看了都犯困,而這本書只看了前幾章,就能本身實現了一個ll(1)的解釋器 common-comment-parser

代碼規範

《重構》

豆瓣評分 9.4

第2版和第1版我都買了,看完確實對寫代碼有幫助,其中重構前最重要的就是保證不破壞原先的代碼的邏輯,這就要求咱們有足夠的測試用例狀況下再進行重構。

技術探索

Three.js

《Three.js 入門指南》

可能對於大佬來講比較基礎,可是對於小白入門來講,是不錯的選擇。能瞭解三維世界中的照相機、材質、網格和動畫等特性。

《Three.js 開發指南(第三版)》

還正在看中,買了噹噹的電子版。

Serverless

《深刻淺出Serverless》

這本書我是在微信讀書看的,看了一半,能夠對 Serverless 究竟是什麼東西有所瞭解,Faas 並非表明 Serverless,Serverless 是由 Faas + Baas 組成的,容器化發展過程,Serverless的特色都在本書進行了講解。

爲了證實以上大部分書我確實都是本身讀過才推薦的,曬一下個人書櫃(像你不知道的JS以及深刻React技術棧在畢業的時候送給實驗室小夥伴了,還有一些看的電子書~)

IMG_1394

結語

❤️關注+點贊+收藏+評論+轉發❤️,原創不易,鼓勵筆者創做更好的文章

關注公衆號秋風的筆記,一個專一於前端面試、工程化、開源的前端公衆號 ![]

  • 關注後回覆簡歷獲取100+套的精美簡歷模板
  • 關注後回覆好友拉你進技術交流羣+面試交流羣
  • 歡迎關注秋風的筆記
相關文章
相關標籤/搜索