首页分享前端开发从入门到职业开发者的经验和学习历程

前端开发从入门到职业开发者的经验和学习历程

来源：花匠小妙招时间：2024-12-07 19:21

对于收费的，一律不推荐。并不是因为它们不好，而是因为免费的也挺好的。不过免费的坏处就是全靠自律，没有收钱那种紧迫感，你可能会因为花了那么多钱而变得更自律。

基础知识

数学、计算机科学等简单易懂的教程

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 的最佳实践，强烈推荐。

面试题

国人总结的前端面试中文版（CN 老外总结的前端面试汇总（CN

解释

另一个非常牛逼的项目 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 年过去了。自己的专业技能和水平进步了一些，对各种架构、前后端技术也有了量变的积累。这几年前端社区的变化也是巨大的，是否质变，个人无法定论，但感觉越来越近了。后续写一遍文章回顾一下吧。