12

土木转行自学web前端，半年卧薪尝胆，逆袭上岸腾讯月薪13K！

 3 years ago
source link: https://zhuanlan.zhihu.com/p/400585869
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

土木转行自学web前端，半年卧薪尝胆，逆袭上岸腾讯月薪13K！

FLAG资深工程师，美帝代码搬运工，公众号：九章算法

从转行做前端到上岸只用了半年的时间，在经历了这半年的无人问津后，我在20年社招中逆袭上岸鹅厂。

之所以要转行，想必大家心里都明白：土木这种天坑专业出路少，工资低。面对这样看不清未来方向的道路，我宁愿转行，获得更大的机会去改变，然后就开始了自学生涯。

当时有人建议我报名线下学习班，但我并不想去。因为身边太多人通过这种方式转行失败。而企业更倾向自学出来的人，他们觉得这类人一般有着非人的学习能力和意志力。于是我从阿里学长那里搞来了前端备战的全部资料，每天坚持学习6个小时，有不懂的地方就各种请教，就这样坚持了半年，看到了曙光。

下面就我让我用这半年的备战经验，来跟大家分享一下如何自学前端

一、搞清楚目标公司有哪些，都有哪些特点

有的大厂看能力：因为985学校也有混吃等死的学渣，双非学校也有双商俱佳、能力过硬的学霸

有的大厂看学历：像阿里这种大厂，会先通过简历筛掉一大波人，但这种形式多用于集中性、大规模的招聘——校招。因为校招时间短、招聘人数多，所以校招的bar会比社招高得多，学历也卡得最严。

二、分享一下我的求职时间线

2019.3：自学前端，社招全跪，拿了家创业公司的offer（月薪6000）

2019.3-2019.10：增加工作经历的同时不断刷题不断做项目，11月离职

2020.11至今：经历了一个月的简历-笔试-面试进了鹅厂。

三、重点分享我的准备过程

1、主要补充理论知识，分享下我当时的学习资料。

《Web前端工程师P5-P6》：这个课是海归阿里前端授课，第一节体验课上就给了web前端的学习路线，给了很多的学习资料，这对我入门前端很有帮助。

爱果果：这也是我用到现在的一个网页设计模板参考。除了有一些优秀作品的展示能给予灵感，也有一些模板素材可以直接用，我觉得还挺不错的！

Codrop：有很多关于网页设计的文章及教程，而且都是跟着时代的潮流走，也是灵感源泉！

《JavaScript DOM编程艺术》（第2版）：之前一直搞不懂DOM，故找到了这本书。书中用到的语法都很简单，逻辑清晰。十分建议大家跟着书敲一遍代码。

这里重点说下《Web前端工程师P5-P6》这堂课，迫于是个穷学生，当时的我只听了首节试听课，老师很详细地介绍了前端的学习路线，这让我后续的学习也有了比较清晰的方向，感兴趣的话你们也可以去免费体验下。

2、实践+刷题，夯实基础知识

积攒了些工作经验后，我有尝试冲刺大厂，可惜还是被腾讯拒了，我想了想：一半是学历，一半是能力吧。

不过由于有了一定的工作经历，我还是收到了不少公司的面试邀约，字节挂在一面，爱奇艺二面被刷，再次无缘大厂（包括二三线大厂）。

虽然很挫败，但我也在面试中发现自己的“应试能力”太差了，于是又进行了如下补足：

①完全没有刷题经验！

是的，我就是完全没有刷题经验被暴打的sb。

其实前端用到的编程特别少，所以我也就没有特意准备，没想到我面的公司都考到了算法题。虽然不至于手撕红黑树这类，但也绝不是入门题那么简单。

后来我去翻了翻面经，果然前端也成了能用算法题来“卷”的时代。

所以我就开始有意识地去刷了一些算法题，主要是在LintCode上刷easy和medium，前前后后刷了50题左右。

最近LintCode还出了一套《新手必刷编程50题》，适合啥都不会的朋友先练练手，我感觉体验还可以的。

②完全没有项目经验！

没错，三无选手就是我了：无高学历、无刷题、无项目。

看到面试一般会深挖项目，于是我又吭哧吭哧的找项目去了。

首先推荐GitHub，GitHub大法好啊，有很多项目可以跟着做下来。

我自己做了这3个：

Web-Project：这属于前端的一个练手小项目，像是别踩白块、轮播图等等，都比较简单，很适合新手来玩。

fyuanfen.github.io：同样是前端的练手小项目，包括图片懒加载、vue-gank移动端网页版、Three.js 3d小车模型、Vue+Socket.io在线聊天室、Selectpick下拉框插件、仿百度实时下拉搜索列表、Vue+Spring+Mysql实现可以增删改查的表格等。

interesting-code：一些有趣的前端小项目，包含

  1. 读书笔记 read-note
  2. Yulang-鱼编程语言 yulang
  3. 视频转字符画 char-video
  4. 上海应届落户积分计算器 can-i-settle-shanghai
  5. 小游戏-音乐战士 music-fighter
  6. 520表白网站 my520
  7. 全屏樱花特效 sakura
  8. 全屏泡泡特效 bubble.html
  9. 自动敲代码网站 auto_code_printer.html
  10. WoW特效-生日网站 cake.html
  11. Js编码表情字符 aaencode.html
  12. 极简计算器 calculator.html

自己一个人琢磨的缺点在于不能及时得到反馈，遇到问题也没有专业人士能够指导。在《Web前端工程师P5-P6》，老师会手把手带你完成三个项目，对自己比较没有信心，或是比较需要指导的兄弟可以来试试。

虽然我不去线下补习班，但我个人并不排斥，只能说报班永远只是“入门”或“巩固”，而不是帮你包办offer。但如果你学编程不得其法，找个老师入个门，后面在工作和生活中想办法自学，其实也没什么好羞耻的。

大家也可以根据自己情况选择。

最后，一些小建议

①关于公司选择：

如果你一心想进大厂/某家特定的公司，那就大胆去做吧！

不要觉得校招失败了人生就失败了。一次失败并不可怕，你还有漫漫人生数十年，只要你有这样的信念，什么时候行动都不算太晚。

但一定不要跟风，就像有些人适合去国企，有些人适合大厂的螺丝钉生活，有的人适合在创业公司发光发热，选择自己最适合的路，一往无前。

②关于心态调整：

学前端的前期很痛苦，因为你可能会感觉啥也没学会、学了半天都不得其法，在投简历的时候屡投屡跪……

但不管怎么样，要放平心态，学习永远是个厚积薄发的过程。

最后，祝所有学历不那么完美的我们，都能拥有一个同样闪闪发光的人生~


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK