非科班普通院校的我，如何自學前端斬獲多份大廠 offer，最終走進阿里巴巴

前言

首先我事先聲明，對於這篇文章，是我寫給和我同樣是非科班，可是又很想從事前端工做的對將來前途感到迷茫的同窗們的。但願大家在看到個人這篇文章以後可以堅決本身的方向，作本身喜歡的事情。

寫這篇文章以前先介紹一下我本身，我是來自中南林業科技大學的一名大三學生，我叫羅霽鑫，專業是地理信息科學，非科班出身。自學前端大概有一年的時間，在 2020 年寒假結束至如今我前後收到了滴答清單、小米和阿里巴巴的實習 offer，騰訊的面試流程處於最後一面 hr 面。最後我選擇了阿里巴巴。

起初寒假的我是準備考研的，以爲仍是考到一個好的 985/211 院校提高本身的競爭力吧，非科班的我想要擠身進大廠，說實話我很沒有信心。可是後來我偶然收到同伴給我發的一個阿里實習內推的連接，他叫 王家祺，計算機科學與技術專業。當時我試着投了下簡歷，先是經過了初面，雖然只是一個初面，可是確實給了我很大的信心。以後我就開始花時間準備接下來的面試了。我想我能夠花一個月的時間去沉澱我學習了一年的前端知識，去努力爭取一個躋身進大廠的機會。而最後的結果相信你們也猜到了，那就是咱們倆一塊兒經過了面試，加入了阿里同一個團隊。

爲何我不去考研？

相信不少人如今考研是由於以爲畢業後本身找不到一個好工做，想要考到一個好的大學，提高本身的學歷，爲之後找到一個好工做打下基礎。起初這也是我最真實的想法。那麼問題來了，想要經過考研找到一個好的工做有必要嗎？或者說考研對於找工做的意義大嗎？

就好比說我吧，普通院校，非科班出身，想要從事互聯網前端開發。咱們先來看看近幾年全國報考考研的人數走向：

由上圖能夠看出考研的人數逐年上升，其中也包括了不少二戰甚至多戰的考生。同時咱們知道 2020 年的考研人數更是達到了 340 萬！，而又因爲疫情緣由，對於 2021 考研的學子們更是一大難題。學校不開學，只能在家裏學習，這個在家裏學習呢，相信你們都明白。我也是在家複習過考研一段時間的，我的以爲家裏確實不是個很好學習的地方。每次我在認真的看網課學習的時候，家裏的大人們聊天，小孩啊吵鬧的聲音確實讓人很難靜下心來。我身邊很多小夥伴們也和我吐槽這個。確實因爲疫情緣由，考研形式愈來愈嚴峻，不光是考研，高考也推遲了。

那麼咱們回到正題：考研真的對於找工做的意義很大嗎？固然我這裏說的是針對那些和我同樣想找前端工做職位的同窗們。若是你真的想要從事互聯網前端工做，那麼我建議你能夠試着去找找實習，而不是優先考研。固然你若是不是很想從事前端這塊，而是真的很想去轉計算機專業，多學一點計算機專業的知識，想要從事研究型的工做那你能夠嘗試考研。而對於我來講，我很喜歡前端，想要多學習前端這塊的知識，可是考研並無相關與前端這塊的專業。那麼我會想到去公司實習，去公司提高本身的價值，擴寬本身的知識面，讓本身成就感 up up。

因此我真心建議那些和我同樣還在猶豫不知道是考研仍是找工做，真心喜歡互聯網前端工做的同窗們嘗試着找找實習，並不會耽誤你太多時間。

怎麼準備前端面試？

若是你如今準備開始找前端實習的話那麼面試是一個很重要的環節。接下里我會具體講一下我在這一個月的時間裏是怎麼準備面試的。後面都是滿滿的乾貨，建議精讀！

在我面試的準備過程當中發現，面試無非就是這麼如下四點：

一基礎，二項目，三簡歷，四心態

1、基礎

首先是基礎，那麼究竟是什麼樣的基礎呢？小夥伴們能夠參考如下我總結的幾個要點（ps：並非很全面，可是頗有用）：

接下來我主要就是就以上幾個大點作個說明：

1. html：知道 html 的語義化標籤，html5 新特性以及一些標籤的做用。
2. css：建議去過一遍《css 權威指南》，佈局、定位、盒子模型是重點。
3. js：這一塊內容比較多。若是你 js 學的不怎麼好，那麼就要加把勁了。把基礎、算法、數據結構這塊搞懂，多去LeetCode上刷題。相關的應用如：防抖和節流、xmlhttprequest，js 動畫這塊。建議把《JavaScript 高級程序設計》精讀一遍。
4. 網絡：網絡這塊我主要就是把《圖解 http》看了一遍。若是心有餘力的同窗能夠去看一下《深刻淺出 https》，這塊內容比較複雜，涉及到密碼學，網絡安全攻防這塊。關於網絡安全也是重點，特別是 xss，csrf，以及 sql 注入這塊都是須要去深刻理解的，知道他們的原理，攻擊做用以及如何防護。
5. 框架：這一塊也是重中之重，因爲我本人的技術棧主要是 vue，因此我主要介紹我是怎麼準備 vue 相關面試的。首先你要對 vue 的使用很是熟練，這個就體如今你平時作項目的過程當中了。一些基本的 api、mixin、插槽、組件傳值、生命週期這些都是基礎了，同時你也能夠了解 vue3.0 的一些新特性：基於代理機制的觀察者模式去監聽屬性等等。最重要的是：你得要去看看源碼，知道 vue 的一些底層實現原理，這在面試過程當中是很是加分的，主要的能夠去看看mvvm 實現的源碼、vue 實現響應式監聽的源碼以及vue-router 和 vuex 的源碼。
6. 性能優化：這方面也是一個重頭戲，我面試過的這幾個公司裏沒有一個不考一下性能優化這塊的。關於性能優化的話，主要就是這麼幾點：瀏覽器緩存，這是你必需要答到的！若是讓你談前端優化，緩存都不說，說明你項目經驗不夠，其餘的什麼預加載和懶加載，webworker 線程這些均可以瞭解一下。
7. 工程化：主要是考 webpack 這塊，plugin 和 babel 的使用，解決了什麼問題。因爲我本身寫簡歷的時候只是說了瞭解過 webpack，因此面試官並無就這個深刻的追問。

若是各位小夥伴時間充沛的話能夠去b 站找找視頻看一看，固然若是你是土豪能夠去慕課網看看，（ps：其實也能夠去百度花錢買盜版的看）我這裏推薦幾位慕課上的老師：雙越老師和 dell 老師，這兩位老師講課很是有深度，按部就班。特別是 Dell 老師每次課後都會說一句：「咱們一塊兒加油吧！」。每次聽到，本身心裏都在說，加油加油加油！不是你一我的在戰鬥！哈哈哈哈心裏戲有點足了我。

2、項目

第二個即是項目了，項目是你簡歷吸引面試官的一大亮點。這個其實也不是一個月就能作到那麼好的，主要仍是靠日常作項目的積累起來的。可是這些項目必需要成爲你的一個亮點，你就要知道你作的項目最好是要有實際應用價值的。不僅是你看了一些網上的實戰課程動手去跟着作的這些什麼後臺管理系統，仿簡書，仿去哪兒網，仿美團外賣啥的。這些都不是你的亮點，也不足以成爲你的亮點。你的亮點是你作的這個項目是根據實際的需求作出來，你必須明白一點：一切項目都是由需求而生。

正確的需求分析決定了產品的方向

——來自百度百科

我在大學期間前後作了那麼幾個項目雖然不是很大，可是有幾個也是產生了至關不錯的價值的。

1. 走進林科大微信小程序：這個小程序算是我正式參與制做項目的第一個成品，如今由咱們 gis 協會的會長在維護這個微信小程序，（ps：不過最近他在努力準備考研，服務器那邊出了點問題，之後要交由學弟管理了）。而我是協會的副會長，主要負責小程序的前端的製做。如今小程序的用戶使用量達到了 191 位，主要是咱們學院的 19 級新生開學時使用過，咱們院是個小院，新生人數大概在 300 人左右。差很少有 2/3 的佔比。

2. 森林虛擬仿真防火教學平臺：這個項目主要使用了 cesium 以及 jquery 製做的一個三維地球項目，主要功能是將處理後的遙感數據展現在三維地球上。如今掛在學院內網上，主要是供老師教學使用。

   Cesium 是一款面向三維地球和地圖的，世界級的 JavaScript 開源產品。它提供了基於 JavaScript 語言的開發包，方便用戶快速搭建一款零插件的虛擬地球 Web 應用，並在性能，精度，渲染質量以及多平臺，易用性上都有高質量的保證。

   ——來自 CSDN

其他的好比說還有肺炎疫情分佈圖，我的資金管理。這些主要是因爲我的的需求製做的。

3、簡歷

本身的簡歷要寫的豐富一點，特別是對項目的描述。要寫清楚本身擔任的職位，項目的源碼地址，若是是上線的項目能夠寫上線上地址，還有項目使用的技術棧、主要功能以及技術難點都要寫清楚，這樣面試官能夠經過你的項目經歷作一個初步的評估。因此項目經歷越豐富越好，可是也不要什麼項目都往簡歷上寫。仍是像我說的那樣，寫有實際應用價值的項目。

還有最最最最重要的一點：千萬不要在簡歷上坑本身！在寫本身的技能項時，瞭解，熟悉，熟練，精通要分的清。本身不會的技能項或者是隻是聽過這個東西有過一點點的瞭解，那就不要寫到本身的簡歷上了。切記！

4、心態

保持一個良好的心態也是面試成功的一個關鍵，不能太過於緊張，固然像我這種第一次面試的確定會很緊張，不過隨着面試的次數增多，面試的深度逐漸加深，我也漸漸的沒有第一次面試時那麼緊張了。可是適當的緊張仍是要有的，這可讓你保持必定的清醒，大腦時刻運轉。

若是你在面試過程當中由於一道面試題沒有接觸到答不上來，你能夠先向面試官求助，讓面試官給你一點提示。面試不像考試，考試你作得出來就作，作不出來那就沒辦法了，面試不一樣，在你沒有頭緒的狀況下，你能夠請求面試官給點提示，提供一點思路。若是仍是答不上來，那麼你就不要再糾結這個，選擇虛心的像面試官請教。面試官會很是願意給你解答這個問題。但假如你死磕這道題，面試官無疑以爲你在硬撐着浪費時間，會給面試官留下很差的印象。因此千萬不要這樣作，學會有答必應，無答則問。

我是怎麼學習前端的

前面說了那麼多其實都是我本身在面試過程當中總結出來的，分享給你們就是不想大家也踩坑。那麼接下來就說說我是怎麼學習前端的，先放一張我學習前端到如今的路線圖吧（將來一段時間在阿里可能會注重移動端的前端開發）：

第一次接觸前端是咱們協會的前任會長給咱們上課時，看着一些簡單的 html 和 css 代碼卻實現出了一些漂亮的效果就以爲很驚豔，也是第一次感觸到了前端的魅力。因而我就開始走上了前端的道路。利用一切課餘休閒時間以及寒暑假的時間自學前端知識。

起初我主要是經過在 b 站，慕課網上看視頻學習前端。後來發現若是隻經過看視頻學習的話，容易遺漏一些知識點，因此我漸漸開始去網上找一些電子書來看（ps：電子書用 ipad 看方便一點，關鍵是免費哈哈哈哈）。這邊能夠推薦你們去看看這些書（ps：其中包括一些 webgl 的書，若是有興趣的夥伴們能夠去看看）：

• 《css 權威指南》
• 《JavaScript 高級程序設計》
• 《JavaScript 權威指南》
• 《你不知道的 JavaScript》上、中、下，很厚的一本書，講的很是細，建議能夠挑着看。
• 《圖解 http》
• 《WebGL 編程指南》

上面這些書小夥伴們均可以去拜讀一下，固然《WebGL 編程指南》這本書若是有興趣的也能夠去了解一下，主要是我如今在讀這本書以爲還不錯就推薦給大家。

其實我相信不少和我同樣非科班的小夥伴們自學前端的時候，都會有一個疑問，那就是：我如今專業課程都那麼多了，專業課都學不過來，我本身自學前端還那麼吃力，那我學了前端到底有沒有用呢？

我曾經也有過這樣的疑問，我當時一度陷入瓶頸，自我懷疑，不自信，以爲本身學了那麼多東西到底有沒有用啊。就算我那麼喜歡前端，可是我也不由自問：我學這些我之後能找到工做嗎？能找到一個好工做嗎？畢竟面臨畢業，要面對的是本身的生存問題。我真的還能這麼篤定的堅持不懈的去作本身喜歡的事情嗎？

解答這些問題以前，我想先送給各位一句話：

時間能夠證實一切，你所堅決不移的，在將來的某一天終將會毫無保留的回饋給你

我記得我當時和個人老師說過個人這些疑問，我老師回覆我說：「不要把時間浪費在糾結上」。是啊，我爲何要把時間浪費在自個人糾結中，我有這些時間我不知道我多學點知識嗎？爲何要浪費時間！時間是擠出來的，就算專業課程多，我總仍是有休閒的時間，那麼我就能夠抓住這些零散的時間去學習我喜歡的東西。

漸漸的我走出了這個死衚衕，同時在學院的一次項目經歷中我找到了屬於我本身的方向，第一次我將我自學的前端知識與個人專業——地理信息科學相結合，走向WebGL 編程。

WebGL，是一項用來在網頁上繪製和渲染複雜三維圖形（3D 圖形），並容許用戶與之進行交互的技術。該技術結合了 HTML5 和 JavaScript，容許開發者在網頁上建立和渲染三維圖形

——來自《WebGL 編程指南》

在 WebGL 中我將地理數據做爲數據源，在前端進行可視化處理。第一次的專業知識與本身自學的前端知識相結合，讓我感到了滿滿的成就感。

因此在這裏我想告訴和我同樣是非科班自學前端的小夥伴們，不要質疑本身，勇敢地作本身喜歡的事情，而且堅決不移地走下去，終有一天你會找到屬於本身的方向（如今的前端和之前不同了，前端的方向太多了真的）。若是你和我同樣不知道是考研仍是找工做，猶豫不決的時候，我但願你也能夠騰出一點時間去面試一下，去爭取一下。其實如今並非說什麼大廠非要 985/211 不可，大廠注重的仍是我的實力和經歷。

結語

最後我要特別感謝個人一位校友兄弟 王家祺，起初要不是由於他我到如今應該還在複習考研吧哈哈哈哈。關鍵我當時也是考研實習之間糾結，他就叫我去試一試，結果咱哥倆就一塊兒進阿里了，莫名的緣分呀哎。還有還有就是全世界最好的元泉師兄，在阿里的這一系列的面試流程中，師兄真的幫了咱們好多忙，真的太感謝元泉師兄了！還有個人室友羅振華，他如今是在字節跳動作產品經理呢，他也給了我好多的經驗，讓我不要踩哪些坑呀哈哈哈哈。固然還有前端將來之星羣裏面的各位大佬們解答我心裏的疑惑。總之就是很是感謝我身邊的人對個人幫助與鼓勵，謝謝大家！

若是你也想加入東半球實力最強的前端團隊，能夠加我阿里師兄的微信：wuxiaorui86，我和 @17 級計科 2 班王家祺 同窗兩我的就是在師兄的幫助下走到最後的！若是已經有幸加入了東半球實力最強的前端團隊，師兄還會輔導你的轉正答辯，轉正率幾乎 100%。

若是你也想跟我同樣進入阿里這樣的大廠，歡迎關注咱們的公衆號：Hello FE，咱們會按期在公衆號發一些本身的學習心得~

除了個人這篇文章，個人同門師兄弟也作了總結，面向科班的同窗：

• 《曾經老師看不起的前端開發，現在卻斬獲多份大廠 offer，最終走進阿里》 @Jack_Wang