前端开发从入门到职业开发者的经验和学习历程
对于收费的，一律不推荐。并不是因为它们不好，而是因为免费的也挺好的。不过免费的坏处就是全靠自律，没有收钱那种紧迫感，你可能会因为花了那么多钱而变得更自律。
基础知识
2024-07-10 更：
- Frontend Roadmap，更多见 Developer Roadmap。我越发认识到计算机基础课程的重要性，比如我在面试新同学时最喜欢问的问题就是：
初级工程师
- 浅问：CSS 常识
- 核心：JavaScript 基础
- 掌握：框架常识
中级工程师
- 了解：CSS 基础
- 熟悉：网络协议，HTTP 协议，TCP/UDP
- 掌握：JavaScript 进阶
- 掌握：框架原理
高级工程师
- 掌握：CSS 高级
- 掌握：JavaScript 高级，由浅入深，寻根溯源，深度追问
- 掌握：框架原理，设计哲学，优缺点
- 掌握：不同场景架构设计
- 熟悉：常用数据结构
- 熟悉：常用设计模式
- 了解：常见算法
路线 & 资料
如何成为一个专业的 JavaScript 程序员?
- 初阶 JavaScript 开发者练手（CN）
跟着 FreeCodeCampChina 刷题入门，国外设计的题形跟国内网站相比相对简单，实在。更易入门，没有卖弄之嫌，是实在实用的入门方式。 - 进阶 javascript.info [CN]
javascript.info 主要用于熟悉 JavaScript API 并跟这做做底部 demo，练练手。文档和案例写得皮实靠谱，更新及时。对 JavaScript 高级概念都深入浅出的做了介绍，很适合进阶。有种在线小红书的感觉。 - 职业 JavaScript 开发者必读（EN）
这本书在我看来确实是高阶教程了，里面提到了 JavaScript 的词法分析、语法分析，同步、异步的实现，以及各种坑及其设计的历史渊源。还有各种高阶的 JavaScript 编程范式。算是高阶开发者必读系列。 - 2024-07-10 补充: 专家 JavaScript 开发者必读（EN） 前段时间做 Research 发现了一个宝藏网站，patterns.dev，里面有各种设计模式的前端实现，包括 React.js 和 Vue.js 的最佳实践，强烈推荐。
面试题
解释
另一个非常牛逼的项目 You-Dont-Know-JS 系列书对于职业 JavaScript 开发者非常高效和实用，但是这个没有中文版好像？！准确来说应该是我没找到。读完受益匪浅，这个讲得比较有深度，强势推荐。
相比之下 javascrip.info 讲得比较入门，浅显易懂。You-Dont-Know-JS 则讲得比较深入，对很多概念总结得更精辟和独立。如果我们不了解某个新的API，去 javascript.info 上快速学习和查阅非常有效，相比于 MDN 或者别人写的博客更好理解。后面我退掉了所有的技术群（开车群）。
如果我们对于一些历史问题或者 JavaScript 的核心概念存有疑惑，去读 You-Dont-Know-JS 系列里的该部分内容，一定能让你觉得茅塞顿开，至少我是这样的。😄
另外推荐一个中文版的网站，freecodecamp.cn 这个网站停止维护了，使用 freecodecamp for Chinese 吧，这个网站非常适合新手或者 web 基础概念的复习。还有部分初中高级的JS算法题，中文版，比 codewars, leetcode 上的习题更接近于现实中的 Web 应用而且题目中没有 Bug。
2024-07-10 更新：光阴似箭，一转眼 6 年过去了。自己的专业技能和水平进步了一些，对各种架构、前后端技术也有了量变的积累。这几年前端社区的变化也是巨大的，是否质变，个人无法定论，但感觉越来越近了。后续写一遍文章回顾一下吧。
总结
所以对于新手，我觉得这样的路线比培训班强2~5倍：
freecodecamp -> javascript.info [CN] -> YouDontKnowJS -> patterns.dev -> leetcode
-
基础大于一切
-
一步步走，不要天马流星
End.
浙公网安备 33010602011771号