帶個小白徒弟入前端記

二流大學畢業了怎麼辦？選的行業與自己期待相去甚遠如何是好？工資三四千不如洗碗工心裡怎麼服氣？朋友培訓現在做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！我特麼自己都不會了！

第十步：專案簡單需求交給他。

不期待他能完成，但是強調他一定要完成。不懂就問！很成功，他一個星期就完成了，雖然醜了點兒，畢竟是滿足需求了。我教他改了一下！算是滿足公司基本開發要求了。至於其他公司！工作一年後那也不是事兒！歷時兩個月不到。

總結

也許你會說沒我這麼好的師傅，可是重點不是師傅而是思路！我希望對你能有幫助或者對你的朋友能有幫助。這是我活生生帶出來一個前端，從電腦小白入行的。總有借鑑價值！