“我转行做前端的这一年多，月薪3K变成了15K”，前端的自白

清疚 2023-01-15 04:56 109阅读 0赞

![120457af70d600c06cf6ee0d2fa5677e.png][]

### 我来深圳的这一年 ###

我特别喜欢vae，最佳歌手里有这么一句话：我们最好的遇见是这样的四月。

19年四月，我在南下的火车上来到了深圳市。

20年四月，我被公司裁员。也许这就是命吧。

### 我苦逼的工作经历 ###

19年6月6号，是我转行做前端的第一天。

16年7月在一家电商公司做电商专员，定位北京，3k。10月去上海分公司，月薪2.7k。

17年10月，辞职回家，打了半年dota。

18年3月,在武汉东方xx做测试，5.5k，其实就是做实施。

19年4月来深圳,当时心里慌的一笔.每天学习6-8个小时，看B站的视频以及别人推荐的电子书，后面我会分享我的学习经历。

19年6月6号找到第一份前端工作，软基，6.5k。

19年9月跳槽box(之前经常被拖欠工资)，软基9.5k。

20年4月，被box裁员，深受打击。

20年5月，入职xxx，定位深圳15k。

### 说说我的前端工作 ###

做前端也快两年了，感触还是很多的。

一年多来,技术主要是vue和小程序。

记得我做的第一个需求就是用canvas画海报然后分享出来。

做的是一个父亲节的活动。

第一天上班就加班到72路末班车没赶上 自费打车回来。

从一个完全不会联调接口到完成需求花了一个星期。

当时还是很开心的。

除了前端技术方面的提升 还遇到很多很好的人。

虽然跳槽是很频繁(其实我也不想的)。

但有得有失吧。

### 近两年的工作总结 ###

从19年六月到今天，快两年的时间。

说实话 还是很心酸的。

从一个前端页面写不好到现在勉强算个前端入门工程师。

不得不说 还是付出了一些努力的(刚有点松懈就被box裁员了)。

对自己这一年 总体来说。

不算是特别的满意的(被裁真的很伤)。

希望今年能保持 学习的劲头。

不要BB说没时间学习。

你谈恋爱就有时间了。

你玩LOL怎么不说没空。

将你等待她消息的心(我是个无下限的舔狗)。

用在学习上吧。

我也经常在高峰期的地铁上看到很多人在学习。

所以 不要找那么多的借口。

### 转行学习方法 ###

我要说明我大学学习的是计算机科学与技术专业。这对于学习前端来说，最多是多了点基础，还有对计算机更了解点，上手可能相对快一点。

人都是对比出来的，所以对于不同的人来说，学习程度和能力都不同，还有我是自学的，这里我写的学习路线仅供参考。

**一、开始做就对了，学习HTML+CSS，完成静态页面**

建议跟着视频教程实践，网上视频资源很多，B站一大把，找两三个顺眼顺耳的资源就行了，这个阶段就是熟悉各种标签，属性，样式以及用法。达到目标：能按照已有网页进行 **模仿和编写**。

对了，对于小白，我推荐使用 HbuilderX 编辑器，因为小，打开快，而且内嵌页面预览，再者用浏览器打开的时候就自动构建了本地服务器（帮助加载数据），不用自己再设置。

这时期不要思考太多东西，好好享受所写及所得的成就感，好好记住这种感觉并在以后的学习中都不要忘记，这可作为你的初心的一部分。

**二、学会用浏览器的控制台，继续学习JavaScript，做动效交互的网页**

总体上就是，看视频教程后实践+看文档实践。

视频资源和上面差不多，找一个顺眼顺耳的就刷它，文档资源推荐廖雪峰和阮一峰两位大神写的。

除了前面需要掌握的搜索问题的能力，这个阶段需要会 **使用浏览器的控制台**，知道怎么看一个网站的HTML源码，如何修改样式，断点控制等等。达到目的：可利用控制台多研究自己所见的网站是怎么交互和动效展现的，这阶段就是边刷基础知识，边多多实践，最好自己做个完整的网站，包括数据加载，页面加载和交互效果。

**三、多发现，深入学习，学透前端基础知识**

老实说这个阶段是不断尝试新东西，然后不断 整合自己的知识体系的时候。

这个时期，你会同时继续深入学习HTML5,CSS3，懂得用最新的标签和样式写页面，同时也意识到浏览器之间的兼容问题；你想要加载数据，所以你学习AJAX异步加载数据，学习JSON存储数据；你想要简化JavaScript的书写，所以你学习jQuery，尽管它现在不火了；你想要做响应式页面，所以你学习Bootstrap框架；你想要做移动端页面，学习不同的移动端布局方式；你看到现在博文在说前端火热的框架三巨头，你也去尝试了一下Vue……

然而所有的面试题和招聘的岗位要求都告诉你，你还远远不够！你不会用代码托管，不会打包代码，不会使用自动化工具……

是的，你迷茫了，感觉还有好多要学，但是已经学的还没吃透，尽管你学习了常用的前端知识，尽管你做出了自己的网站，尽管你还在努力……

这个时候，我的做法是 多看博客，看面试题，核对前端学习路线。这样你会知道自己还有哪些方面还不够好，不用一下子就接受所有，每天进步一点点。

这个阶段的目标：知道自己哪里不足补哪里，知道该怎么学习下去。这是关乎学习心态，学习视野和学习效率方面的博弈。

### 最后 ###

请不要忘记，还有几个重要的能力需要掌握。搜索资源的能力，学习能力，解决问题的能力，英文阅读的能力。是的，你要继续下去就必须学好英文，这样才能看到更多先进的技术。

前端学习内容复杂、网上资料良莠不齐，想要靠自己梳理清楚确实不容易，为了帮助想要在这条路上一路走到黑的朋友，我梳理了各个大厂前端工程师常考必考的面试题型，总结出这「400 道前端工程师常考必考面试题 + 详细解答」

![a0b423a3014cf17da36bec0a5211d5d4.png][]  
![751aeda415fa7377540a88c6ee3afa1d.png][]

想学习前端web和需要PDF文档的朋友都可以加入这边的交流裙，前面：938，，中间：051，，最后：673
    
    裙里从学生到大佬都有，资源免费分享，不见不散哦！

[120457af70d600c06cf6ee0d2fa5677e.png]: /images/20221022/dbbd91e087e14e6fab3d2bb92c1d0147.png
[a0b423a3014cf17da36bec0a5211d5d4.png]: /images/20221022/b5c61d1424a840d49838f96773cf416a.png
[751aeda415fa7377540a88c6ee3afa1d.png]: /images/20221022/ae5d538122844775b70fa84de8154521.png