前端学习路线（上）

背景

大家好，我是阿星，不知不觉已经成为前端开发工程师快三年了（加上实习），在上次的程序员鱼皮直播中，他分享了前端学习路线，我觉得我从中学到了不少。还发现我都没有真正系统的梳理一下我的前端学习路线，我的技术图谱。所以我就想趁着这个直播分享，也梳理一下我这三年来学习前端的过程和我个人理解中的前端， 下面我会分享：

1. 我从接触前端到成为一个前端人的过程

2. 然后我想分享一下我觉得在2024年如何快速入门前端，加入前端打工人的大家庭

3. 然后我想分享我理解的后端如何快速入门前端

4. 最后我想把我看到一些新人（刚接触前端）常问的问题做一个我理解的回复

我的自学前端之路

普通大学生，成为前端程序员的过程。虽然经历无法复制，但可总结一些经验。

初识前端，确定做一名前端打工人

2021 年，我还是一名大三学生，学校开设了《HTML 5网页设计》这一个课程，我学完后就喜欢上了，这比我之前学习的 C++ 可好玩多了。这门课快结束的时候，我们学校刚好统计未来计划表格，考研还是工作？具体做什么行业？迷茫的我发现了我喜欢的《HTML 5网页设计》，还有对应的工作岗位“前端开发工程师”，于是我就填写了：前端工程师。我和大多数初学者一样，想过要报名一个培训班 。但是多方面考虑，最终还是决定自学。我就开始寻找一个好的课程，我先是在哔哩哔哩上找了一些，但是都有一个问题，就是不够系统，那我的目的是为了学完后能工作，所以我就尝试去 某宝和某鱼上寻找，果然，功夫不负有心人，我找到了，黑马的前端体系课程。这是当时课程的路线：2021年黑马程序员前端学习路线图 - 知乎 ，如果你是一个刚接触编程的新人，可能会找很久那个让你愿意学到底的课程，因为我就是这样。所以当时我真的想要报一个培训班，然后得到最新的教程 + 一个老师辅导我，而不是我随便找到的一个课程。回头来看，其实只要目标明确 + 执行能力强，免费的就是足够了。

嘎嘎学，投递面试，痛苦实习生活

确定了要学习前端，确定了学习的内容，我就是开始学，那时候是真的喜欢前端；有一天凌晨四点我还在学习 JavaScript；还给我们工学部免费做学院官网，只会 html+css+js 的我写了好多个页面。虽然没有成功采纳，但是因此认识了我们工学部主任，他后面帮我解决了我学分不够的难题。果然，因果妙不可言（狗头）。 当我学完前端三件套（pink 老师的视频）后，也快到暑假了，我在室友和自己的分析下，大胆的投出了技术栈只有三件套的简历，是的，就只会前端三件套，我收到了几个面试（所以那个时候行情真的好），毫无悬念的都挂了，但是我是很有收获的。我知道了我需要去学习一个前端框架。于是在暑假的时候，我学习了 Vue 并做了两个项目。可能没有在培训班快，但是也做到了。这段时间也是我很焦虑的时候，因为我不知道我是否符合市场的需求，没有任何人带我，没有什么可以询问的人（那时候要有编程导航星球该多好）。九月，我再次写简历，投递简历，每天背前端面试题（pink 老师推荐的），那段时间每天都很焦虑。我面试了四五家，拿到了 2 个 offfer，一个薪资高点，但是公司感觉不是很好，另一个就很正规，公司也很大（对当时的我来说）。算是满意拿到了 offer。 刚去实习，公司 react 技术栈，让我学习，我学完后和上级说我可以尝试工作了。但是没人管我，他们很忙，也不给我分配工作，我在很多老员工的不理解下主动找我的领导要需求。领导真的很好，给我分配需求，还耐心指导我，我真的很幸运！实习最初那会是很痛苦的，因为我要读老代码，代码和业务逻辑耦合的很深，没有什么文档和注释。我还因为问老员工一些代码问题被骂，现在来看，确实我的问题，能百度的问题，一定不要问别人，

给大家看一下我学习阶段在 gitee 和 github 上传的代码，其实我有做很多项目，但是我觉得代码太不好了，所以就删掉了。这是黑马的课程实践

21 年九月份我投递的简历是我自己使用所学技术写的(现在看不了一点）

持续学习

在工作一段时间后，我发现工作已经能够完全胜任，上班也很闲。于是我就开始学习一些其他技术。例如：coderwhy 的 webpack 课程，王沛的 react hooks 课程，coderwhy 的vue3课程。后面加入了编程导航知识星球，又自学了 微信小程序，做了自己的记账本：知识星球 | 深度连接铁杆粉丝，运营高品质社群，知识变现的工具 ，学习了全栈框架 Next.js ，做了自己的 blog。我也会把我学习的一些知识，工作经验写成文章分享出来。按照费曼学习法，输出就是最好的输入

总结

向着目标行动

我当时可能没有意识到我是在向着目标（找一个实习工作）行动，但是现在回看，我就是一直在向着目标前进。所以明确目标，然后制定计划，执行计划，就好了！

找一个带着你的人（环境）也很重要

1. 绝大多数的人，都会受到环境的影响，所以选择所处的环境，就是选择自己要成为什么样的人。我在大三就是处于一个觉得自己马上毕业就失业的环境下，压力让我不得不做这些事情。

2. 如果在你的成长路上，有一个带着你的人，那真的是超幸运！虽然知识是不变的，但是在学习成长的过程中每个人遇到的问题不一样。如果有一个带着你的人，他能够一眼看出问题，然后对症下药，还会防止你走偏，帮你节省很多时间，所以找一个这样人，是非常值得的

向每一个愿意努力进步的人说：“加油”

我绝对是很笨的那种同学，吃了很多亏，才慢慢改变，成长的过程中，很幸运遇到很多有耐心，又愿意拉我一把的人，我真的感谢这些人。我能做到就是把这种精神传递出去，面对那些新入行的，有问题的人，我也要尽力帮助他们成长，因为他们就是之前的我！

下一期，我分享我理解的前端学习路线图。