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

作者是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++ 插件(github.com/hua1995116/…%E4%B9%8B%E5%90%8E%EF%BC%8C%E8%BF%99%E6%9C%AC%E4%B9%A6%E5%B0%B1%E6%90%81%E7%BD%AE%E4%BA%86%E3%80%82)

工程化

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

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

分享一套阿里大牛整理的前端资料给大家,点击前端校招面试题精编解析大全即可免费下载

❤️ 谢谢支持,喜欢的话别忘了 关注、点赞哦。

转存中…(img-0LV59gEr-1713434308465)]

最后

分享一套阿里大牛整理的前端资料给大家,点击前端校招面试题精编解析大全即可免费下载

❤️ 谢谢支持,喜欢的话别忘了 关注、点赞哦。

前端校招面试题精编解析大全

  • 28
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值