2021前端学习路径书单—自我成长之路

2021-03-11 10:57:34 浏览数 (1)

正式学习前端大概 3 年多了,接触前端大概 4 年了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。

JS

《JavaScript高级程序设计(第4版)》[1]

第三版:豆瓣评分9.3

第四版:豆瓣评分8.5

现在建议学习第四版,因为第三版很多还是以ES5的语法进行讲解的,目前主流都是 ES6 语法了。当年我入门这是我看的第一本JS书籍,也是实验室的导师推荐的,这本书很厚,真的需要耐着性子看完,DOM、BOM、JS基础语法,我先是把这些大概的过了一下,然后去实践项目,有不懂的点再来回味这本书,以我的性子,还是比较喜欢动手进行实践。

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

豆瓣评分 9.3

这本书,真的是神书,我先看的高级程序设计,但是看完我对一些作用域啊,闭包,原型链还是懵懵懂懂,看完这本书瞬间打通了任督二脉,豁然开朗。

《ECMAScript 6 入门电子版》[3]

《ECMAScript 6 入门》[4]

豆瓣评分 8.8

这本书属于工具书,建议电子版,翻翻常用的一些 ES6 语法就好了,当年我准备实习的时候就看了常用的一些语法例如(Map、Set、Proxy、Promise、Generator、async、Module等)。(当然如果对你有帮助还是可以买一下实体书,支持一下作者,毕竟电子版可以免费看,写书需要花很多精力。)

《JavaScript忍者秘籍(第2版)》[5]

豆瓣评分 8.5

这本书是我工作上的导师推荐,我暂时还没看,据说帮助他解了很多疑惑。

CSS

《CSS世界》[6]

作者是张鑫旭,可以说是 CSS领域的鼻祖了。我买了这本书,但是还没有看,不看的原因不是他不好,是最近不常写CSS了,哈哈哈。当初买它的时候,我是看它的目录,可以说它把CSS中一些比较重要的场景都包含到了。目录名字也取得非常有吸引力。块级元素、盒子模型、浮动、层叠规则等等基础的用法都讲到了。

《CSS揭秘》[7]

豆瓣评分 9.4

作者是Lea Verou,W3C CSS工作组特邀专家,设计CSS语言的委员之一,此前曾在W3C担任开发者代言人。目前,她在麻省理工学院从事人机交互领域的研究。

作者来头真的太大了...又是W3C CSS专家又是MIT的...看过这本书的人都会惊叹,原来 CSS 还能这么玩?如果你想精进 CSS,这本书不能错过。这本书刚出的时候就买了,后来毕业送给了实验室的小伙伴。

框架

Vue

vue2文档[8]

vue3文档[9]

如果出个豆瓣评分估计是9.9分,那0.1分怕它骄傲。

vue的学习建议直接看官网吧,写的太详细了,像一本书一样。

React

React官网[10]

官网教程真的很贴心,会一步一步教你如果构建一个 React 应用,并且还会说有些哲学思想。

《React小书》[11]

这本书是一本开源的书籍,面向的对象是有一点前端基础的并且是 React.js 零基础的同学而作。

《深入React技术栈》[12]

豆瓣评分 8.1

大概是 17 年的时候买的,算是买的第一本 React 书籍也是唯一一本 React 书籍,

Node

《七天学会NodeJS》[13]

开源书,书只有大概只有200页左右,一下子就能看完,通过例子能够快速熟悉一些 Node 的 API,也许现在来说很多 API 已经过时了(毕竟Node版本迭代太快了,现在都15x了),但是安装旧版本的 Node来入门,仍然是一本和不错的书。

《深入浅出Node.js》[14]

豆瓣评分 8.6

清晰地讲解了Node.js 底层原理,以及如何使用 Node.js 进行工程项目开发,是进阶的首选。

《Node.js设计模式》[15]

原书英文版豆瓣评分9.5,买了中文版...看的云里雾里,可以试试英文版。

《Node.js:来一打 C 扩展》[16]

刚出的时候就买了这本书... 但是功力不够啊,看这本书需要一些 C 的底蕴,还特地买了 C Primer 准备好好学习,但是发现...周期太长了没有坚持下来,又因为公司也没有这方便的场景应用,所以自己草草写了一个 C 插件(https://github.com/hua1995116/LRU-node-addon)之后,这本书就搁置了。

工程化

Webpack

《深入浅出Webpack》[17]

《深入浅出 Webpack电子版》[18]

这本书很多人吐槽,说写的很基础,深度不够,也比较落后了。确实是这样,但是我觉得webpack官方文档虽然很全很前沿,但是还没有那种一下子就能让人整明白的。跟着这本书 配套github示例,写完全部示例(花不了很多时间),可以说对 webpack 会有一个大概的了解。

学习webpack难点在于什么?

各种周边插件版本不配套啊!

想加个loader/plugin,各种版本不兼容,各种报错!因为新手安装 webpack 的插件大多数人都是会安装到最新版本,但是最新版本大多数会有各种问题,真的是劝退...

webpack经过几个飞速的迭代,webpack3x和4x的插件机制就不一样,现在又是5x了。

所以能有一个固定的版本,跟着走完全流程对它有一个整体的认识,看完一本书能了解这些也算是值了。有了这些整体的认知,相信你不管是学 4x还是5x都能行云流水了。

TypeScript

深入理解 TypeScript》[19]

开源电子书,是一个学习 TypeScript 不错的开始吧,我快速过了一下这本书和官网示例,有了大概的了解,想要深入学习 TS 可能还是需要实践吧~

《重学TS》[20]

阿宝哥写的重写 TS 也很不错,其实我TS用的并不多,偶然在写一些高级泛型的时候查到了阿宝哥写的文章,感觉受益良多。

计算机基础

设计模式

JavaScript设计模式》[21]

以故事线的模式来风趣地讲解JS的设计模式。

算法基础

《图解算法》[22]

豆瓣评分 8.4

小白也能看懂的算法,对于初学者可以说非常有帮助,我看完了电子版,但是对于想真正在算法领域有所精进那就看下面这本书吧。

《算法导论》[23]

豆瓣评分 9.2

这本书很数学,看的令人头秃,但是真的很全,里面的示例全部是伪代码所写,理解起来也有一定的难度,跟着实验做一遍会有很大的收获。

网络基础

《图解 HTTP》[24]

豆瓣评分 8.1

这本书也是看了电子版,主要是围绕TCP/IP来进行讲解,浏览完对HTTP常用的一些属性以及网络会有一个大概的概念。

《TCP/IP详解 卷1:协议》[25]

豆瓣评分 9.2

如果要精进计算机网络,可以看这本。

编译原理

《编程语言与实践》[26]

买了龙书啊虎书啊什么的,看了都犯困,而这本书只看了前几章,就能自己实现了一个ll(1)的解释器 common-comment-parser[27]

代码规范

《重构》[28]

豆瓣评分 9.4

第2版和第1版我都买了,看完确实对写代码有帮助,其中重构前最重要的就是保证不破坏原先的代码的逻辑,这就要求我们有足够的测试用例情况下再进行重构。

技术探索

Three.js

《Three.js 入门指南》[29]

可能对于大佬来说比较基础,但是对于小白入门来说,是不错的选择。能了解三维世界中的照相机、材质、网格和动画等特性。

《Three.js 开发指南(第三版)》[30]

还正在看中,买了当当的电子版。

Serverless

《深入浅出Serverless》[31]

这本书我是在微信读书看的,看了一半,可以对 Serverless 到底是什么东西有所了解,Faas 并不是代表 Serverless,Serverless 是由 Faas Baas 组成的,容器化发展过程,Serverless的特点都在本书进行了讲解。

为了证明以上大部分书我确实都是自己读过才推荐的,晒一下我的书柜(像你不知道的JS以及深入React技术栈在毕业的时候送给实验室小伙伴了,还有一些看的电子书~)

为如果你有更好的推荐,欢迎留言中指出呀

0 人点赞