1年轉行資深前端工程師，開源專案過 1k stars，完整學習過程

先介紹下大致情況時間線。

18 年 8 月正式轉方向為前端，之前做了一段時間的 iOS，後來因為對前端更感興趣所以就打算轉方向了。19 年 10 月入職當前公司，定級資深前端，分配到業務架構小組，自此在一年零兩月的時間內完成從 iOS 轉方向到資深前端的過程。

很多讀者會問我是如何學習的，今天這篇文章就來完整的梳理一遍整個過程。過程可能不能複製，但是其中很多的方法論我相信一定對你有幫助。

學習經歷

轉前端之前

17 年底開始正式學習前端，這時還在做 iOS 開發，所以拿來學習的時間並不會很多。偏向實戰論，喜歡邊學邊補，至今完整讀過的前端書籍寥寥幾本

1. 你不知道的 JS 基本讀完
2. 忍者祕籍第二版讀完
3. 其他零零碎碎的讀過一些書，但是基本都是隨便翻翻就過了

很多人推崇的紅寶書筆者就讀了四五章節，這本書主要是基礎內容，對於基礎內容我更喜歡讀文件。MDN 翻一翻，網上查一查，基本就能把 JS 基礎瞭解個大概，CSS 及 HTML 的內容基本沒花時間學，都是現學現用。

在轉前端之前大致的學習路線如下：

1. JS 基礎瞭解個大概，CSS 和 HTML 花的時間很少，當然在後續的學習過程中逐步在填補基礎的漏洞，只是沒有一開始就花大量的時間去學習。
2. 讀文件，開始寫 Vue。將自己的需求寫成一個小專案，主要技術棧為 Vue 及 Node，都只屬於會用。
3. 從同事那裡瞭解到 Webpack 是個難啃的東西，自己買了 相關的課，照樣畫葫蘆最後產出一個教程。
4. 開始學習 React，同樣也買了相關的課，最後產出一個開源專案，至今過 1k stars。

時間節點到這裡大概是 18 年 1 月份，總結幾個幫助我學習的點：

• 動手很重要，把自己學到的知識寫成一個小專案或者文章，對於自己的幫助是很大的。在這個節點之前，我在掘金產出了六篇前端相關的文章，獲得了四千多的點贊。
• 文件最重要，牛逼的專案的文件幾乎沒有錯誤，只有二手資料才會錯誤百出。
• 活用搜尋引擎，那時候我還是個小透明，沒加過任何的前端群，有問題就是谷歌搜答案。遇到報錯就把報錯丟上去；遇到寫的和預期不對就把想要的搜一下；遇到自己沒學過的，就搜一下相關知識，就這樣逐步累積上來。當然在這一步最為核心的點是得用英文 + 谷歌搜尋，缺一效率就低。覺得自己英語不好的不要擔心，把自己想問的谷歌翻譯一下不就好了。

接下來就是一個面試季了，這時候掘金的面經文章層出不窮，我也嘗試去解答了那些面試題。這時發現自己不會的相當多，因此覺得這些面試題會是一個幫助自己填補知識漏洞的好辦法。

於是接下來很長一段時間我都是處於這樣一個迴圈中：

1. 找面試題
2. 回答面試題，挖掘它背後的知識點，寫成內容

在這個迴圈中我逐步發現如果我能把這個東西做大做好，那麼一定會是個爆款，畢竟那時候沒有競品，轉方向的念頭也是這個期間萌發的。後面的事情應該很多讀者都曉得了，我把它做成了開源，最後獲得了一萬六千多的 stars。

在這個做開源的期間，我覺得最重要的可能是費曼學習法了，也就是以教促學。從我不會到我覺得自己會了到最後把自己會的東西寫成內容教給別人，那時候的學習途徑如下：

1. 發現自己不會的點，不管你是從哪裡發現的
2. 搜尋資料，嘗試搞懂它
3. 寫一下程式碼，驗證一下
4. 把自己理解的寫成文字
5. 把自己代入讀者，看著自己寫的內容是否能學會這個知識
6. 多搜尋這個知識相關的文章，看看有沒有遺漏的
7. 在前幾個環節你可能還會發現更多自己不會的點，繼續迴圈

整個開源專案我都是這樣操作下來的，其中包括了之前我不懂的、懂的、懂的但並不完善的知識，通過以上的學習方法完成了自己的知識梳理及填補漏洞的過程，至今我還一直踐行著以上方法論，真的很有效。

專案開源以後，我也順利了找到了工作，至此完成方向轉型。

工作中

在工作中學習的這塊內容其實之前已經寫過，在這裡我就直接把精華總結一下：

1. 用到的所有技術棧務必用精，沒到這個階段之前別想東想西的這個那個都想學點皮毛，沒啥用。
2. 瞭解下市場的熱門技術，過時的就別浪費時間學了，順便也給自己儲備點知識，最好學點公司未來可能要用的技術棧。
3. 想想看未來怎麼在自己的簡歷上寫工作上的亮點，然後嘗試著去做。
4. 別寫完程式碼就完事了，看看還有沒有能調優的地方，這都是你未來能寫在簡歷上的東西，多從未來給簡歷加分上看齊。
5. 學會偷懶，能用指令碼做的就讓指令碼去實現，在這個過程中你就能成長。
6. 給自己列點計劃在業餘中學習。

以上就是這位夥伴的前端學習分享，希望對正在學習，或者轉行，大學生的夥伴有所幫助，在學習的路上少走彎路， 從事全棧6年，專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和需要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（從零基礎開始到WEB前端專案實戰教程，學習工具，全棧開發學習路線以及規劃）點： 學習前端，我們是認真的

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69901074/viewspace-2685086/，如需轉載，請註明出處，否則將追究法律責任。