一個web前端工程師到底須要掌握哪些技能？有何晉升？

對於前端基礎須要學習哪些內容，以前文章已經有寫過很多了，本篇重在談論：

做爲一名前端想要晉升，須要什麼條件？
如今在用 React，要不要也學學 Vue？
有必要學習 Node.js/Flutter/ 函數式嗎？
這幾個問題看似毫無關聯，可是其實它們本質上都是同一個問題，這個問題就是「一個前端工程師到底須要掌握哪些技能？」

其實在行業裏面，對前端工程師的能力模型有一個基本的認知，不一樣公司的定義可能有細微差異，可是它的內核是一致的。

這裏我給出一張圖，是我本身理解的前端工程師的技能模型。

爲了方便你理解，我把這些技能具體放進前端工程師的不一樣級別裏，你能夠對照着找到一條符合本身實際狀況的前端進階之路。下面我就一部分一部分地詳細講講前端技能樹是如何發展的。

在這裏小編建了一個前端學習交流扣扣羣：132667127，我本身整理的最新的前端資料和高級開發教程，若是有想須要的，能夠加羣一塊兒學習交流

助理工程師

首先來講說 助理前端工程師，對標的是阿里的 P4 級別。它的要求是基本的編程能力。什麼叫基本的編程能力呢？我認爲就是熟練地用計算機編程語言表達任何邏輯的能力。通常來講，在大學學習過計算機專業的學生應該具有編程能力。

助理工程師的定義是「可以在輔助下完成工做」，所以不是全部公司都會招聘助理工程師的，由於嚴格來講，助理工程師不具有獨立工做的能力，他的工做產出多是負數。可是招聘助理工程師的公司，通常都是看重應聘人的潛力，指望能快速成長。

工程師

接下來咱們說說 前端工程師，對標阿里 P5 級別。它的要求是掌握基本的前端技能，這樣說也許有點模糊，可是換個說法就很明白了，基本前端技能就是「綜合運用 HTML、JavaScript、CSS 完成任何界面和交互需求」。這個「任何界面和交互需求」，看似要求很高，可是若是你寫過前端就知道，這是任何前端的基本技能——大不了用圖片唄。

其實這個級別的工程師，水平跨度很是大，界面寫出來了，可是兼容性如何、代碼可維護性如何、離了框架能不能寫出來、語義表現分離能作到嗎、開發過程當中能不能作到有效溝通...... 還會有不少問題。而這些問題，決定了一個前端工程師的潛力，一些好一點的公司招聘這個級別的工程師，除了「基本的前端技能」以外，還會對我上面提到的這些問題有所要求。

關於助理前端工程師和前端工程師，能力方面主要的要求是 編程能力，知識方面的要求是一個「可用」的最小集合。

資深工程師

咱們接着往下講，資深前端工程師，對標阿里 P6 級別。到了這個階段，咱們能夠看到圖上開始出現不一樣的區塊了，這意味着，對資深前端工程師的要求，也是多元化的。

咱們用一句話來歸納，資深前端工程師，要求開始關注而且解決項目中的問題。什麼樣的問題呢？多是別人作不出來的技術難題，也多是容易出錯的代碼，或者說無心義的重複勞動，或者是業務上想不出來合適的交互…… 等等。

其實對資深前端工程師的要求是很自由的，我上面的圖中給出的僅僅是幾個例子，好比組件化能夠解決重複勞動問題和開發耦合問題；工具能夠解決的問題有不少，生成代碼的工具提升效率，代碼檢查工具提升質量；性能優化則會帶來業務價值，這些都是資深前端工程師能夠作的事情，而且只要把其中一兩項作好，就能夠達到資深前端工程師的水平。

再有就是 這個級別開始對架構能力和工程能力有所要求了，但還處於萌芽階段，一些天賦好的同窗能夠憑感受達到這個水平。

技術專家

下面說說 前端專家，對標阿里 P7 級別。到了這個級別，咱們從圖上能夠看到，要求又不同了，好比組件變成了組件體系，工具變成了工具鏈和持續集成體系，性能優化變成了性能體系。這些東西變得不只僅是稱呼，還有工做的內容，這個級別跟資深工程師的主要區別是，從解決單點問題變成系統性方法，從服務本身變成服務團隊，從一次性發揮變成持續性輸出。

好比，資深工程師可能作一些組件，而後在項目裏面用，本身的代碼可維護性提高了，複用也作得更好了。可是前端專家要考慮制定組件規範推廣到團隊，還要作培訓，考慮組件如何開發、管理和下線。資深工程師作性能，把本身的頁面優化好了就能夠了，可是前端專家就須要考慮採集數據、作報表和監控、總結 checklist、跟工具結合、定性能指標等等。

因爲這個級別對架構能力、工程和軟技能要求很高，因此算是比較難以跨越的。

高級技術專家

最後來講 高級前端專家，對標阿里的 P8 級別。咱們從圖上看，這個級別分開的發展方向又聚合到了一塊兒。高級前端專家作事的關鍵是審時度勢，須要在前面講的前端專家所掌握的各個領域裏，組合出一套適合本身所在團隊的方案。好比作企業內部系統的前端團隊，可能對性能要求就沒那麼高，但電商前端團隊由於運營活動頻繁，就須要很好的組件體系，這裏很難有必定的規則，全靠人來把握。

到這個級別，對工程能力的要求就很高了，並且即便不帶人的高級前端專家，也一定涉及一些管理能力。

高級技術專家

講完了各個級別的前端技能模型，咱們回到最開始的問題「一個前端工程師到底須要掌握哪些技能」。

要回答這個問題，你要先根據本身的狀況對號入座。你能夠看到，在前端的技能模型裏，對「知識」是沒有任何硬性要求的，具體到各個公司的不一樣崗位，可能會有一些特殊要求，但市場是巨大的，因此你們能夠沒必要對學什麼知識不學什麼知識感到那麼焦慮。並且「前端知識」應該是一個垂直的模塊，它不能直接幫助你進階下一個更高的級別，可是它能提高你的潛力，使你將來能走得更遠。

如今大部分同窗會更爲注重前端崗位的晉升，我認爲前端進階的核心要素，更多仍是要看你的能力，尤爲是在進階前端高級工程師之路上，很是看中你的編程能力、架構能力和工程能力。