（一）自學前端開發，如今手握大廠offer，個人故事還在繼續

簡要背景

我是一個非科班出身的程序員，並且是連續跨專業者，用一句話總結就是：16 屆本科學完物流，保送研究生轉交通，自學前端開發的休學創業者。

17 年休學創業，正式開始學習前端，離開創業公司後，我又回爐深造，期間一直沒有放棄前端開發的自主學習，在 19 年秋招（20 年畢業）大戰中也收穫了一些 offer。

列舉一部分 SP（Special Offer）：

• 美團（專一吃喝玩樂的 O2O 互聯網公司）
• 小米（2019 年世界 500 強中最年輕的公司）
• 順豐（物流行業中高端市場扛把子）
• 雲從（人工智能行業四大明星獨角獸之一）
• 一加（中高端手機市場新貴）

具體的薪資水平，都是在傳統的物流和交通行業之上的，能夠上一些平臺比較。

找到滿意得工做後，我如今想經過本身的努力，幫助到有志於從事前端開發工做的各位朋友，收穫適合本身的 offer。

大學教育賦予了咱們的自學能力，只要感興趣，肯用心，轉行吃碗熱飯是能夠的。

下面我將仔細講述親身經歷得故事，不堆砌詞藻，但求真實，也許會給你帶來一些啓發。

經歷不可複製，經驗卻能夠流傳。

在校求學

本科專業是物流工程，研究生專業是交通工程。本科期間我只學過 VB（Visual Basic）和 R 語言。研究生沒有上過任何計算機課程，全靠自學。

固然，也在本科期間參與過大大小小的科技競賽，數學建模比賽，對物流專業的管理學知識漸漸興趣不大。因而，在保研深造的時候，我選擇了一個更偏工科的專業——交通工程，我當時清楚地認識到本身的計算機知識有限，當時就沒有選擇正兒八經的計算機專業。

不過讀研有個好處，能夠本身選方向。我選擇了數據可視化做爲研究方向。數據可視化和計算機是緊密結合在一塊兒的。如今看起來，個人選擇是正確的。所在的實驗室徹底就是在和計算機專業的同窗搶飯吃，畢業的師兄師姐從事的工做基本上也是和計算機打交道。有點遺憾的是，從事互聯網行業的師兄師姐並很少。我是組內爲數很少想去互聯網行業發展的同窗。

縱觀本科和研究生的求學經歷，我一直有清晰的目標，本科的目標就是拿到好學校的深造offer，研究生的目標就是拿到互聯網公司的offer。學校裏的教育只是給我增長了許多見識，認識了不少朋友，他們分佈在各行各業，透過他們的眼睛，我看到傳統行業的薪資待遇和晉升機會存在天花板。

因此早些肯定本身的目標很關鍵，如今還很迷茫的同窗，應該好好靜下心來，思考一下本身將來三年要作什麼，將來五年要作什麼。只有把一切都思考清楚了，纔會有清晰的目標，剩下的就看執行力。固然，堅持執行是最難的部分。

學校裏的學習時光是很寶貴的，很容易被咱們浪費。我曾也有一段時間迷茫過，保研結束之後，以爲沒有什麼事情作，我選擇用來作兼職，白天去肯德基打工，晚上去作家教掙錢。

雖然那段時間沒有用家裏的錢，實現了經濟獨立。可是若是讓如今的我來選擇，我必定會用來學習計算機。

李笑來在《財富自由之路》中提到，將來人類必需要掌握的三大技能：英語、計算機、理財。我相信他的判斷是正確的，看完他的描述之後，我注意到，身邊的少兒編程教育開始興起，如今就連潘石屹天天都在學 Python。

因此非科班的朋友看到這篇文章後，應該計劃着多多少少學一點計算機知識。若是想要吃 IT 這碗飯的，更應該花時間在計算機知識的積累上。切莫在課外兼職、遊戲娛樂上花過多的精力，切切。

總結來講，個人大學就一個「忙」字，打比賽，寫論文，搞科研，作公益，大學四年下來獎證書塞滿了一個鞋盒。

雖然不是計算機專業的，但我掌握了連夜突擊學習，查找資料的快速學習的能力。

臨近大學畢業，我又瞄準了另外一個新鮮玩意兒——創業，並且是認真地作，真槍實彈地作。

參與創業

個人經歷有一些特殊，休過學，創過業，和一羣人吃過大鍋飯，睡過大通鋪。當時本身帶電腦，買二手顯示器，每月領500元補貼，全情投入到創業中。合夥人一塊兒哭過，喝醉過，爭吵過，最後分道揚鑣，如今各自安好。

早在 2016 年 4 月份，我大學即將畢業，臨時決定跟同屆的校友同窗一塊兒創業。咱們從一個小小的微信公衆號作起，那年 7 月份在哈爾濱設立了一家小公司。後來公司發展得不錯就搬到了北京，12月份設立了新的公司，叫作北京優尼沃特科技有限公司。公司的業務主要是面向考研學子的互聯網教育，爲此咱們作了一個品牌叫作雲逸將來。

當時的互聯網流量紅利還在，QQ 羣還能拉新，分享一些盜版視頻和考研資料，就爲咱們微信公衆號積累了 30 多萬粉絲。因而，咱們哥兒幾個想把事業擴大一點，說不定就財富自由了。

公司勢頭髮展得很好，17 年 2 月份，公衆號粉絲突破 40 萬，我決定從中山大學休學一年，幫助公司成長。在經歷了一個公司的嬰兒成長期後，18 年 2 月份，因爲一些人爲因素，我離開了親手創辦的公司。如今雲逸將來依然存在，但所作的事情我徹底不承認。不過，我離開公司後，雲逸將來跟我也沒有任何關係了。

我是怎麼踏上前端開發這條道路的呢？16 年公司剛成立的時候，我和一個在天津大學讀研的同窗，一塊兒學 Dreamweaver（一個寫網頁的工具），準備搭建一個網頁供你們下載資料。

因爲本科沒有系統性地學過前端開發，只在一次創新創業比賽中，爲了迎合評選老師的獵奇，用 Dreamweaver 寫出了人生中的第一個網頁，但只能在本地預覽，最後並無上線。

因此，網頁是怎麼構成的，它又是怎麼被部署在網上的，這一切我不知道怎麼作。作了兩個月的切圖仔（前端工程師自我戲稱）後，咱們發現上線都成問題。

後來，被逼無奈之下咱們尋求外包，起初想讓哈爾濱一家信息技術公司幫咱們搭建網頁，幾個合夥人吭哧吭哧跑到他們公司，聽工程師吹了半天牛，對方表示咱們想要作的網站太複雜，總體作下來大概須要 12 萬，並且網站的源碼還不會給咱們，之後升級還得請他們作，固然咱們也要再給一筆維護費用。那天咱們灰溜溜地回來了，仍是本身開發吧，哪有那麼多錢作。

機緣巧合下，咱們認識了遠在西安的濤哥。濤哥在一家軍工企業作技術開發，主要作後端，可是他也懂前端的開發。咱們當時着急作那個網站，來不及考慮太多，起草了一個外包協議之後，就把網站交給濤哥去開發了。當時花了 1 萬元不到，功能基本上都能達到。

網站有着落了，可是維護依然是一個問題。濤哥用的是基於 JAVA 語言的一套框架——CMC（內容管理系統）開發的，當時咱們團隊裏沒有一個成熟的 JAVA 開發，濤哥用的那套東西須要有人去專門學習。加上國內不多人用 CMS 去作網頁開發，咱們讓濤哥開發完公司官網之後，就拜他爲師，請他做爲技術顧問，花半年的時間幫助咱們成長。

團隊裏已經有兩個同窗作後端了，公司裏尚未人作前端，我和天大的同窗就選擇作前端開發。咱們又一切從零開始，丟掉以往開發網頁的工具，直接上手當時大火的 React，腳手架工具用的是阿里巴巴的 Dva，照貓畫虎，勉勉強強開發出來了第一個資料上傳系統。

就這樣，我稀裏糊塗地進了 IT 行業。

濤哥用了一個星期的時間教會咱們寫 Todolist，而後告訴咱們能夠開始作產品了。那時候的我根本不懂什麼叫設計模式，也不知道爲何開發網頁要用 React 全家桶，他們的做用是什麼，我徹底不關心，只須要把頁面開發出來。

創業公司就是這樣，產品須要快速迭代，功能上知足便可，安全性、規範性、兼容性等咱們是通通先不考慮。

作了一年的前端開發後，React 框架被我玩轉了，基本上什麼功能，只要運營同窗和用戶須要，咱們去調研一下，用 React 仿寫出來，就算開發完成，工做挑戰性不大。

因此，那一年時間裏，我算是在入門前端開發，算不上一個成熟的前端開發。掌握了 JS、HTML、CSS 三者基本的 API，搬 React 輪子技巧，產品開發的基本流程，還有團隊的協做（Git 版本管理）。

此時，我依然內心沒有底，由於我連紅寶書（《javascript 高級程序設計》）都沒有看過，連 js 的基本數據類型有多少個都回答不出來。

因而，我復學後，又從新撿起書本，一頁一頁地看，作筆記，從新梳理了知識體系，我才發現原來以前經歷的前端開發，只是浮在水面上的冰山，更多重要的東西在於語言特性，計算機原理，數據結構和算法。

總之，很是感謝這段經歷帶給個人成長，不管是技術的成長，仍是認知的提高，都是一筆不小的財富。

這段創業經歷在我身上發生了不少事情，感興趣的能夠看我如下的文章，想要看簡版就看第一篇便可，詳細的能夠看後面的「連續劇」：

• 記念個人第一次創業
• 個人創業故事（一）團隊成立
• 還有部分文章寫完未發，我保證會發。

深化學習

之前咱們公司的產品是先後端分離的，因此我只須要負責用 React 框架作前端開發，可以搭建出設計師作好的頁面就能夠了。

如今經歷過了一個秋招之後，我才從新梳理了本身的知識點，從新審視前端工程師這個職業，也纔在大中小廠先後近百場面試的蹂躪中肯定前端工程師應該具備怎樣的素質。

前端工程師很難，一邊要頂着 IT 鄙視鏈前行，一邊又要學全面的計算機知識。如今想從事前端工做，掌握紮實的計算機基礎很是重要，不再是從前那個由後端工程師隨隨便便代工就能夠搞定的職位了。

經歷了那麼多場校招面試下來，我總結了前端工程師必需要掌握這幾個方面的內容：

• 前端三板斧及其新版本（JS、HTML、CSS）
• 算法和數據結構
• 計算機系統
• 計算機網絡
• 瀏覽器
• 性能優化
• 前端工程化
• 加分點：數據庫、前端框架、小程序、設計模式、數據可視化

結合個人實踐經驗，總結整理了一份適合應屆生（新手）的 面試手冊，內容涵蓋以上我提到的內容。準備分享給有志於從事前端開發的同窗。這個手冊主要的特色有三點：

• 力求最簡。前端開發知識點又多，又雜，若是長篇大論，不少人望而卻步。
• 問答形式。讓剛開始接觸到前端的同窗按部就班地學習前端結構化的知識。
• 思惟導圖。爲了輔助記憶，我還給你們準備了幾張思惟導圖，搭配手冊來準備面試，效果更佳。

不管是科班的，仍是非科班的同窗，我相信經過我這個面試手冊的拋磚引玉，必定會幫助你們找到理想的工做。

先說明一下，這個手冊會是收費的，固然也有免費的在線項目 front-end-interview-guide 供你們參考學習 ，手冊的內容會更系統，而開源項目會更粗略。手冊如今還在不斷完善當中，不久就會和你們見面。

原本我只想作免費的，可是收費有兩方面的好處，一方面能夠爲我提供正反饋，激勵我不斷生產更好的經驗和內容。另外一方面，付費會讓學習者更加劇視，畢竟花錢買的東西，本身也要用心對待。

最後，經過這幾年得自學，個人經驗是，對於新手學習的最好方式並非去看源碼，看標準，而是從最小知識集合入手，激發本身的興趣，產生成就感，而後在本身的能力範圍內拓展。 你可能忽然有一天，發現本身原來也能夠這麼 X 逼（X 本身填）。

很少說了，讓咱們一塊兒向上生長吧！