当你看到这行文字时，我假设你是一个准备转行前端，或者正在转行前端的人。我刚花了11个月转行前端。和你聊聊我的故事吧。

转行花了多久？11个月

准备转行前端时，我看了很多过来人写的转行经验。别人什么条件，转行花了多长时间。然后对比自己什么条件，估计转行成功率和自己需要的时间。

先看下网上的，大家转行的情况。网上点赞较多的文章（自学编程），不少是一两个月就转行成功了。培训班广告中，整个培训周期多为4到6个月。

再看看自己转行前的条件。211本，工业设计；985硕，设计学；有点点编程基础，有自己从头搭建的WordPress网站；在上家公司也是主要靠写程序吃饭；裸辞前攒了一个半月工资。

看起来条件应该是不错的，当时就预估自己一个半月能找到下家吧。没想到从我裸辞，到入职下家公司，足足经历了11个月之久。要不是后来家里人支持我伙食费和住宿的费用，早就流落街头了。

如果你也准备转行，不妨也看看我这个转的慢的人是怎么转的。把11个月作为一种时间下限，在裸辞前多作一个参考。这也是我写这篇文章的一个原因。

11个月都干啥了

本人从裸辞到入职下家公司，共11个月。其实这包括前期选择转行方向、搞Unity游戏开发的时间，已口头录取等正式offer的时间。真正从决定转行前端到拿到现在公司的offer，8个月。有效努力时间150天，累计约771小时。日均5.14小时有效时间。

8个月学习前端的时间分配，统计大体如下：

用时	内容
1个月	HTML5，CSS，Bootstrap
1个月	JavaScript
0.5个月	ES6
1.5个月	Vue及其H5、CSS深入
1.5个月	React及函数式编程
1个月	服务器和API
0.3个月	PHP-MySQL
1.2个月	刷题和面试

注意，这个时间分配表只是事后统计，并不是“最佳实践”。同时，知识是相互联系的，这个分类统计并不严格。搞Vue时，才发现我对html和CSS不够熟悉。搞React时才发现以前以为的掌握JavaScript根本不叫掌握。之所以做这个表格，是想让新人对知识块的“体量”有个直观的印象。不要像我当初那样，以为一个星期就能掌握Vue开心找工作去了。

统计数据来源于自己的每天日志整理。自己每天都有日志简单记录干了什么事情。同时我也有使用iHour记录时间开销的习惯。不过，iHour上我把学前端都归到“专项编程”一项，没做细分。表格是根据iHour总时间记录与每日的工作内容交叉对比整理而成，仅供萌新参考。

转行期间，每周还是保留了一天做休整。毕竟，这是长跑。

11个月能不能压缩

对转行时间影响较大的因素有很多，这里我只说“培训班”和“裸辞”。

是否参加参加培训班
参加培训班确实是快速转行的方法。有一个环境，能督促学生学习。有老师，不懂的坑可以问。同时，高昂的学费，参差不齐的教学质量与学生水平，也为人诟病。

但对我来说，非常不划算。对于学费，真的付不起。对于学习氛围，像我这种在学校呆了21年的学生，也用不着别人监督。对于老师答疑，我有搜索引擎。这8个月来，几乎没有搜索引擎解决不了的技术疑问。当然，这里的搜索引擎包括“谷鸽”。

不参加培训班还有一个重要原因：检测自己是否真的适合做前端。对我来说，如果不能通过自学转行前端，说明我不适合做程序员，不适合做前端。如果我参加培训班的话，不管适合不适合，都能通过培训达到能就业的水平。这就看不出自己是否适合做前端了。

不参加培训班不等于不能利用培训班的力量。你可以找培训班公开的课程表，然后自己按照课程表的知识点，一点一点自学。

当然，是否参加培训班因人而异。着急就业，报班也是一个选择。为避免广告嫌疑，这里不作任何推荐。知识是客观的。无论这些知识是你自己学来的，问人学到的，还是老师教你的，学到后都是无差别的。不必因为培训班出身就自信不足。工作几年后，这个“出身”就更加不重要了。

是否裸辞
业余时间自学转行是一种比较温和的方法，既有收入保证，也有后路可以留。如果你的本职工作足够轻松，也许可以一试。当然也意味着你不会有破釜沉舟的决心和气势，成功率不可保证。

我的上一份工作，经常加班到深夜甚至通宵，根本就不会有什么“业余时间”来学习技能。我只好选择裸辞。裸辞意味着有足够的时间保证去学习，但也意味着你要承受断了收入的焦虑。不过，裸辞后全日制自学编程，确实效率高很多。不然这篇文章应该叫《我转行前端花了XX年》了。

被“老虎”追赶的11个月

在我转行的2022年，前端正好处于技术更新换代的时候。当时一种很强烈的感觉就是知识“一边学一边被淘汰”。

就像一个人在崎岖不平的山路上奔跑。前面有一辆马车，能追上去并上车，你就有工作，有饭吃。后面有一只老虎（技术）在追马车。老虎跑得快，前面的马车也跑得快，夹在中间的自己也只能拼命快跑。如果被老虎追上，那你就妥妥的被“淘汰”了。这11个月来，我跑呀跑呀跑呀～

刚开始时学的是html5和css。这些是网页的基础，一直学下来也没有太大变化，还算好。

接着，你必然会碰到一个叫做jQuery这个“活古董”轻量框架。因为这个框架是快要淘汰的，所以我稍微地学了一下，就放一边了。没想到日后面试时，jQuery还会常常露脸，而且每次都在这里被扣分。

接着学Bootstrap，开发响应式的网页应用。深入之后，甚至能自己写出一个响应式框架。再深入之后，你会发现大公司现在已经不玩响应式了。响应式中，有的元素在手机访问时隐藏，有的元素在桌面端访问时隐藏。但不管什么设备访问，所有元素都要下载下来。大公司对于桌面端和移动端写两套页面，兼容性更好，性能更高。

转行的后面阶段，基本在学框架。学框架时，你会明显感觉到，以前的“开发模式”是落后淘汰的。直接写html、css、js、jQuery，都是刀耕火种。用框架，那是开拖拉机了。Angular？React？Vue？新框架眼花缭乱，框架生态也生机勃勃。

JavaScript这门语言本身也是在不断发展的。当学到es6，那感觉简直就像学了一门新的语言！

回到前面说到的山路。我是从老虎的身后起跑的，现在已经追上马车，上车了。上了车的我才发现——这辆马车哪来的马？是人在拉车！当我还在惊恐中，前面一个拉车的老头被石头绊了一下，摔倒。马车无情地从他身上压过，估计再过几秒老虎就会追上他。我没有犹豫，拿起悬在空中的缰绳绑在自己身上。我默默拉着马车向前奔跑，不忍回头……