带33岁零基础宝妈转行学前端的故事

背景

宝妈89年生，是我老婆，先后做过美工、保险营销员、人事行政。工作十多年几经辗转，今年在我的一通忽悠之下辞职跟我开始学习了前端开发。
本人87年生，由于头发茂盛，丝毫没有脱发迹象，成不了大神，即使工作非常努力，依旧还是一名及其普通的程序员，虽然没有脱发但早生华发。本人2010年毕业与苏州某二本院校软件工程专业，先后就职于某不知名外企、前几年大裁员的某欧美数据库公司、某不知名A轮死创业公司。目前在苏州某小公司，跟着某客户做某宝、某音、某多多开放平台服务商，担任全烂工程师兼产品经理兼项目经理。

我为什么要忽悠宝妈辞职学前端开发

1. 宝妈爱专研、爱学习，有做程序员的潜质；
2. 宝妈之前做过的几个行业属于上手简单，但是深入以后就很难，竞争比较大，工资要不高，除非非常资深否则年纪大了工作不好找。而程序员属于上手比较难，但正因为上手难，需求还比较旺盛，起步工资可能就超越了目前宝妈的工资；
3. 我在这个行业有一定人脉和经历，能帮助宝妈度过一开始上手特别难的时期；
4. 我们所在的城市有挺多外企也需要程序员，不怎么加班，方便以后宝妈带娃，工资虽然和大厂不能比但也苏州也算不错了；
5. 虽然宝妈不是科班出身，没有前端经验，但是现在B站大学有很多前端的视频，ps：我也是看着这些视频学的前端。我只需要告诉她一个大概的学习方法，宝妈就可以努力学习了，我只需下班后解答一下宝妈的问题即可；

前端学习路线图

1 新手入门： HTML5+CSS3+实战项目 → 移动web
2 JavaScript阶段： JavaScript基础 →JavaScript核心Web APIs → 数据交互 & 异步编程Ajax\Git
3 VUE开发： 框架前置课Nodejs&es6 →Vue2

一开始入门的教程一定要好，否则很容易放弃，作为由后端程序员转成的全烂程序员，我看过一些前端教程，推荐宝妈看的是黑马程序员的课程，pink老师主讲的 HTML5+CSS3，宝妈抱着试试看的心情看了几个，觉得还不错，终于开始慢慢入坑。

HTML5+CSS3阶段

宝妈在学HTML5+CSS3没有遇到什么不懂的地方。

JavaScript阶段

学习javascript的时候for循环一直不怎么理解，看冒泡排序排序的时候懵逼了，经过自己的不断练习和我的讲解以及回看了一两遍之后慢慢有所领悟。
异步编程Ajax也非常懵，我和她说大概有个概念就行，后面项目实战的时候基本就清楚了。
javascript宝妈开始有点焦虑，因为涉及到的逻辑有点绕，还有挺多新知识，不过挺过来了。

Vue2

宝妈看Nodejs&es6也非常懵，感觉就要崩溃了，但我觉得这个可能和后面的vue初级的学习而言关联度也不是很高，就让她果断放弃了，有个印象就行。进入Vue2的学习以后宝妈又心情大好，还吐槽我让她学习javascript，一大段代码用vue来实现只需一行。

项目实战

按照黑马的路线图，原本是要学vue3、React、TypeScript、微信小程序，但是看了两个月视频，宝妈急切希望我带着他搞点项目实战，我觉得也非常好，如果把vue2吃透了，后面vue3、React等知识也会慢慢淡定，学起来也会简单一些，融会贯通，而且吃透了vue2找工作也问题不大了。
学了知识以后马上实践，也能让宝妈学以致用，光学知识，没有用过，这个阶段是非常懵逼的。
于是找了一个开源的项目：ruoyi-vue，让宝妈练练，第一个任务是三级联动select。
同时让宝妈看了这视频：尚硅谷VUE项目实战，前端项目-尚品汇。尚硅谷是宝妈自己发现的，我觉得这个实战课程非常好，有之前黑马没讲到的vuex，elementui,postman,axios二次封装，三级联动，分页，mockjs，nginx，权限，echart。和我们目前做的项目非常接近。

image.png

我觉得上面这张图很好，知识本是杂乱无章的，需要通过实践经验，让它们建立联系，变得井然有序，才会得心应手，释放出强大的创造力。

赵老师小课堂，一直在翻车

每天晚上把娃搞睡觉以后我会开课给宝妈解答问题，由于我也是全烂程序员，宝妈的一些问题有的时候也会分析错误，所以经常会翻车。
技术之外也会讲讲行业现况，哪些公司容易倒闭，面试的时候如何判断这家公司是否值得去，软件开发团队各个成员的角色，为什么没让她学做产品经理而是做前端，

学习前端的难点

目前B站上的视频关于前端的还是比较丰富的，除了有些知识点比较绕需要好好理解以外，我觉得宝妈学习最经常碰到的问题是处理各种匪夷所思的前端报错：
文件放错文件夹，变量命名错误，跟着老师做漏了一些东西的定义。

拿宝妈的话讲就是：一看就会，一做就废。

对于老手，有时候都不一定能定位到问题，更别提新手，面对一大段一大段的报错，很难定位到问题，一个问题可能一两天都定位不到，这是我认为学习开发最难的地方。
如何解决：1.身边有朋友做这一行的可以问问。2.如果经济条件允许，可以报个班学习一下，遇到问题可以问问老师或者身边的同学。

一些鸡汤

编程能力在什么时候开始突飞猛进

之前看过一篇文章《我的编程能力从什么时候开始突飞猛进》觉得很好，引用以下两句话与大家共勉

没有任何时候一下子，就突飞猛进了，而是一次次的挫败、失望甚至打算放弃之后，无论是为生活所迫，还是不甘心，继续坚持下来了，开始新的学习和尝试，都会有一点点的进步。这个世界有一个很美妙的东西叫复利，它不是金融的专有词，学习的复利，更值得被我们这些普通人拥有。
与君共勉，不限于编程，在学习的道路上，我们从未突飞猛进，我们正在突飞猛进，只要我们一直在前进，这两者就不会矛盾。

编程很难，坚持很酷

第一，知道你的目标是无法一蹴而就达成的。
第二，知道你的目标终究能够被达成。

通过第一个认知，你能做到不再“着急”、避免“焦虑”，因此也就避免了因为每天情绪起伏而带来的时间浪费和注意力流失。
通过第二个认知，你能做到坚定的前行，保持持之以恒的决心与勇气。

做难而正确的事情，不要在意别人的看法

不要因为外面的说法而放弃自己，无论你人在哪里，在做什么，你的年龄都是会增长，30岁的我们虽然没什么大的成就，但是也有了一些人生阅历，为什么不能是一个新的起点呢。
其他的都可以失去，都可以被偷走，但是你的能力别人没办法复制和偷走的，是长在你自己身上的，任何企业也都是需要人才，帮自己锻炼棒棒的，不需要担心。
也不要太在意别人对自己的看法，因为注定世界上大部分人跟你的想法就是不一样的。

如何缓解焦虑

如果不要求自己一定要完美地完成所有的事情，便不会有那么大的压力与焦虑。

未完待续

目前已经学习两个月了，把基础的知识都学完了，在项目实战，一点一点的看项目实战的视频（尚硅谷VUE项目实战，前端项目-尚品汇），一步一步跟着老师做。
同时我也会布置几个小任务：处理接口转换数据后再实现三级联动、将数据以element-ui的表格形式展现，sidebar新增选项，表格的行选中后高亮。。。
这个阶段的任务就是不停做各种小功能来查漏补缺、巩固之前学习的东西。
人往往高估自己短期的成长，而低估长期的变化。虽然年纪有点大了，相信一直坚持下去，能比现在的生活更好一些。越是寒冬，越要苦练基本功，猪会落地，鹰会突围。

学习中遇到问题的一些笔记和总结

vue相关

vscode相关