当你看到这行文字时，我假设你是一个准备转行前端，或者正在转行前端的人。我刚花了 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 个月
在我转行的 2018 年，前端正好处于技术更新换代的时候。当时一种很强烈的感觉就是知识“一边学一边被淘汰”。
就像一个人在崎岖不平的山路上奔跑。前面有一辆马车，能追上去并上车，你就有工作，有饭吃。后面有一只老虎（技术）在追马车。老虎跑得快，前面的马车也跑得快，夹在中间的自己也只能拼命快跑。如果被老虎追上，那你就妥妥的被“淘汰”了。这 11 个月来，我跑呀跑呀跑呀～
刚开始时学的是 html5 和 css。这些是网页的基础，一直学下来也没有太大变化，还算好。
接着，你必然会碰到一个叫做 jQuery 这个“活古董”轻量框架。因为这个框架是快要淘汰的，所以我稍微地学了一下，就放一边了。没想到日后面试时，jQuery 还会常常露脸，而且每次都在这里被扣分。
接着学 Bootstrap，开发响应式的网页应用。深入之后，甚至能自己写出一个响应式框架。再深入之后，你会发现大公司现在已经不玩响应式了。响应式中，有的元素在手机访问时隐藏，有的元素在桌面端访问时隐藏。但不管什么设备访问，所有元素都要下载下来。大公司对于桌面端和移动端写两套页面，兼容性更好，性能更高。
转行的后面阶段，基本在学框架。学框架时，你会明显感觉到，以前的“开发模式”是落后淘汰的。直接写 html、css、js、jQuery，都是刀耕火种。用框架，那是开拖拉机了。Angular？React？Vue？新框架眼花缭乱，框架生态也生机勃勃。
JavaScript 这门语言本身也是在不断发展的。当学到 es6，那感觉简直就像学了一门新的语言！
回到前面说到的山路。我是从老虎的身后起跑的，现在已经追上马车，上车了。上了车的我才发现——这辆马车哪来的马？是人在拉车！当我还在惊恐中，前面一个拉车的老头被石头绊了一下，摔倒。马车无情地从他身上压过，估计再过几秒老虎就会追上他。我没有犹豫，拿起悬在空中的缰绳绑在自己身上。我默默拉着马车向前奔跑，不忍回头……
11 个月来拿到什么 offer
11 个月来累计拿到 5 个 offer。选择了最后一个 offer，某一线大厂。篇幅有限，如果多人对此感兴趣的话，另开文章写这个过程。
尾巴
今天的故事主要是技术方面的。其实转行还有心态、生活等难题。但我相信这些你自己能处理好，就无需我多说了。
希望 2019 的你能尽快找到工作，不要像我这样折腾这么久。