頭圖

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

藍色的秋風

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

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

前端學習書籍導圖-1

JS

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

第三版:豆瓣評分9.3

第四版:豆瓣評分8.5

現在建議學習第四版,因為第三版很多還是以ES5的語法進行講解的,目前主流都是 ES6 語法了。當年我入門這是我看的第一本JS書籍,也是實驗室的導師推薦的,這本書很厚,真的需要耐著性子看完,DOM、BOM、JS基礎語法,我先是把這些大概的過了一下,然后去實踐項目,有不懂的點再來回味這本書,以我的性子,還是比較喜歡動手進行實踐。

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

豆瓣評分 9.3

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

《ECMAScript 6 入門電子版》

《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技術?!?/a>

豆瓣評分 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+套的精美簡歷模板
  • 關注后回復好友拉你進技術交流群+面試交流群
  • 歡迎關注秋風的筆記
閱讀 2.3k

藍色的秋風
分享是一種態度,幫助是一種品質,碼字是一種快樂。一個簡單而又快樂的地方。

JavaScript開發愛好者。全棧工程師。

1.9k 聲望
76 粉絲
0 條評論

JavaScript開發愛好者。全棧工程師。

1.9k 聲望
76 粉絲
宣傳欄
一本到在线是免费观看_亚洲2020天天堂在线观看_国产欧美亚洲精品第一页_最好看的2018中文字幕 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>