带个小白徒弟入前端记

二流大学毕业了怎么办？选的行业与自己期待相去甚远如何是好？工资三四千不如洗碗工心里怎么服气？朋友培训现在做IT月工资过万？

转行转行！

有朋友说现在的大学生呀！找不到工作了就来搞程序！有毛病！

我觉得吧！没毛病。挺好的！趁着还年轻赶紧下决心转行 。我就是活生生的正面教材！初中学历自学入行，如今工资勉勉强强到手能有一万多！可是当年我那些考上了好大学或者不入流大学的同学还真没几个工资比我高，对自己未来有我这么有信心的。

女怕嫁错郎，男怕入错行！古人诚不欺人，年轻还来得及，越老越难。

公司最近忙！忙得我都没时间搞点儿自己的事儿，没时间学习，忙得昏天黑地每天都犯恶心！这就是程序员的弊端，你觉得工资高，其实也是个相对来说最苦逼的行业。一份代价一份回报，996不是恐吓而是常态！颈椎病肩椎炎肥胖秃顶视力下降都不占的万中无一！

虽然我面容清秀，穿衣服还显得有点瘦，但我当初总爱吹牛说自己能打死牛，并且一边叨叨一边把自己肌肉亮出来吓他们。他们知道我打死牛是不可能的，可是同寝室的男生都知道我特么当年六块腹肌，扳手腕也是全年级前十，不光是吹牛是真的状得像头牛！记忆最深是打篮球突破起来防守人不敢站我前面，虽然能造犯规但是因为被撞过的都知道不值得！那特么就是人型小坦克一个撞一下能给你撞岔气儿。而且还是个混世魔王，你要敢急眼发火，无论单挑还是群殴随你选，地址时间随你挑的货色！可是自打写了三年代码，三年都没打球因为没时间，前段时间得空和一个文绉绉的四眼仔单挑被干了个10：9。被干了！当我眼睁睁看着他腰腹力量支撑着腾空时我想封盖他！可是特么脚似灌铅身似铁！跳得动个鸡毛！好汉不提当年勇，要是换了当年我能虐他0:10！盖得他不敢投篮。

虽然如此，可是我还是想说，虽然苦逼可是至少工资还行！虽然伴随着一系列疾病但是有无限未来。

公司前段时间给我安排了一个小白！小白白到连电脑键盘都敲不快，还得盯着键盘找字母的那种。

如果你也想学，并且下了决心要学！那就好好看看。不过我不觉得适合所有人，我虽然觉得自己天赋异禀是个好老师！但不代表我教的学生就都能考优分没有不及格的。每个人其实都有自己的性格和特点，没有一套能符合所有人习惯的教学方式。

由易到难？NO！学程序要快就得由难到易。

这里也讲讲我的原则，教你写项目实战挣钱，不教你考试和讲课。白话说就是教你写代码不教你理论和内涵。

第一步：帮他搭建一个html标准界面。

我帮小白建立一个html界面，教他知道什么是html，什么是标签，什么是元素，什么是dom结构，什么是块元素什么是行类元素，让他自己跟着w3c把每个元素都写一遍和把自己的理解写到里面。他花了三天！

第二步：强迫他使用火狐和谷歌

小白说我一直用的是搜狗呀，挺好用的！我说那你要么别学了要么就听我的放弃搜狗。他很幽怨！可是没办法我是个独裁家！我知道他用搜狗未来出很多神奇问题我会头疼，而且我不会玩搜狗的控制台！

第三步：css

css那么多！怎么可能快速学会！所以我只要他学习选择器，基础css样式，不学动画不学弹性盒子不学媒体查询不学如何覆盖一些默认样式，更不学兼容。我只要他理解css是为了让html好看些就够了。他学了一个星期！是七天不是五天。

第四步：学习js

js那么多，怎么学！我直接教他学ES6。首先基础类型，其次数组和对象的原带API和循环，箭头函数。这里我反复折磨他对数组进行去重，数组是[1,3,4,99,,999,100,-90,'123','123',1,3.5,99,'a','a']。我说你可以先尝试单一类型的去重，就是纯数字的，然后尝试多类型的。可以百度可以知乎可以网上问大神，但是自己写出来了得给我讲清楚说明白每一步的意义和作用，以及能够手写出来。然后他找的帖子本身就有问题，还搞了一天也不问我，我的失算，最后我找了一篇帖子给他！他花了半个月时间，才达到基本要求。

第五步：table的增删改查

实战了，快不快！他花了一个星期没做出来，我说了思路后他还是做不出来。最后说自己js太弱了，自己回头去重新学习js去了！哈哈哈。这就是我要的效果，现在就是难到易的过程。回头看他知道技术文档怎么才能用到实战里的！学得更深刻考虑得更多。

第六步：学习element-ui

我让他照着官网的教学和组件学习，在网上敲都行！让他把每个组件都敲一遍！其实目的只是让他熟悉以后用到某个功能时能回忆起在哪儿有。

第七步：搭建vue2初级项目

我知道他很菜，可是我还是让他把项目搭建起来，自己装的node和npm，vue-cli，webpack！！！其中出了无数问题，我一边教他一边让他找帖子自己解决。花了差不多一个星期才把项目跑起来！！！笨到没救。

第八步：学习路由和组件

我给他配置了vue-router，然后并且给他写了一个三个组件的跳转和路由！一边写一边讲，让他找小本本记着。他很辣鸡，不愿意记小本本。我不强迫！最后我让他自己写组件和跳转路由以及传参！不能复制。他坐我旁边我时刻盯着他！最后他写了一个星期还是手写不出来。我又写了一遍！他会了。因为绞尽脑汁学习后很多地方一点即通！这也是由难入易的初衷。

第九步：教他axios。

直接教他封装和拦截以及赋予头部信息。哈哈哈！然后给他讲解我们项目中的使用方式。因为这玩意儿其实大多数实战中一次建立好了可用几年！不用深究！我让他有兴趣自己去深究。没教过他ajax！我特么自己都不会了！

第十步：项目简单需求交给他。

不期待他能完成，但是强调他一定要完成。不懂就问！很成功，他一个星期就完成了，虽然丑了点儿，毕竟是满足需求了。我教他改了一下！算是满足公司基本开发要求了。至于其他公司！工作一年后那也不是事儿！历时两个月不到。

总结

也许你会说没我这么好的师傅，可是重点不是师傅而是思路！我希望对你能有帮助或者对你的朋友能有帮助。这是我活生生带出来一个前端，从电脑小白入行的。总有借鉴价值！