想成為前端工程師，那么在大學期間應該如何規劃？

先講一個我的一個學生的故事：

先說一下他的背景吧，他是一名雙非理工科學校畢業，工作了兩年的前端工程師，目前年薪大概在30w左右。在大三的時候進入學院的工作室開始自學PHP并和同學一起做項目，大四去一家廣州的公司前端開發實習、轉正。中間經歷過一次跳槽，一直到現在從事的都是前端開發工作。

對于剛入學的大一大二學生們來說，可能還在學習基礎通識課階段，可能還沒怎么接觸編程，或者剛接觸編程語言，那我的建議是專注計算機基礎理論的學習包括操作系統、計算機原理、算法和數據結構、編程語言的學習，養成編程習慣為主。如果已經是大三大四了，那么我們應該把項目實踐放在第一位，作品是一個程序員最好的自描述，無論是參與開源項目還是自己盡可能去模仿一些優秀的互聯網項目產品都是很好的方式。

經過近幾年的爆發式增長，前端工程師這個崗位的市場熱度也是比較高的，而且入門門檻相對較低，上手快，前期初入行都是要從頁面做起的，所見即所得，能夠得到正反饋，比較容易獲得成就感，能夠激勵你深入學習。

現在，我們開始進入主題。總體思路大概是這樣的，作為一個剛接觸前端的小白，肯定對前端還沒有很深的概念，建議先囫圇吞棗式的先看一遍官方基礎文檔或經典書籍（別太厚的否則容易勸退）腦子里有個大概知識輪廓；再跟著一些優質的視頻去敲代碼，在編碼工程中逐漸構建起自己的前端知識體系；再回過頭來翻看一些經典書籍和文檔，補全自己的一些缺漏。接下來圍繞這個思路我們講學習前端主要分為三個階段。

關于入門的文檔和書籍

第一階段

這個階段我們需要通過翻閱官方在線文檔及網上的前端入門基礎視頻，了解HTML、CSS、JavaScript的基礎語法（包括HTML5，CSS3，ES6-10的新特性）然后在代碼編輯器上驗證其效果。這一階段學習成果驗收標準：能夠以動態交互頁面的形式臨摹出主流網站首頁。

第二階段

學習完前端基礎知識，不要著急去研究框架，什么Vue，React，Angular之類框架的更新太快，你好不容易研究透了，等你畢業的時候，又會出來很多新的，所以掌握基礎最重要。這個階段，我們應該花時間去了解軟件產品研發全鏈路的流程，明白前端交互，數據是怎么來的，數據是怎么存儲的，前端是怎么和后端通信的等這些問題。所以我們就需要學一些后端語言如PHP,node.js；數據庫如mysql（關系型），mongoDB（非關系型）；網絡協議如HTTP，TCP/IP協議；服務器知識點如Linux命令，搭建基礎環境等。這一階段學習成果驗收標準：能夠在服務器上自己搭建一個mvc模式的web服務，提供增刪改查的接口，進行數據庫操作，并能和前端實現通信。

第三階段

經過前兩步的學習，我們對前端有了大概的印象，了解前端演變的歷史；趁著大學有時間不妨把經典主流的前端框架都過一遍，包括jquery,angular,vue,react等，才能讓你更加理解比對框架間的異同點。在這一階段，我們還會接觸到前端工程化如webpack，rollup，vite等；了解JS能用于不同端的技術如：Electron，各家的小程序等；了解基于前端框架二次開發的框架如next，taro等。這一階段學習成果驗收標準：能夠利用不同的框架做出一個最小的mvp的前端項目。

總結

其實寫到這里，大家是不是已經對前端學習有了一定的概念和規劃，基本上如果能按照上述的計劃去學習，相信大家都能達到初級甚至是中級前端開發的標準，至于高級嘛...你是不是想多了少年，前面還有很多東西等著你呢。

關于學習技巧這一塊，我可以總結幾個關鍵詞：

最后希望大家都能好好學習，找到滿意的工作。