前端學不動的根本原因是目標感不強或者根本就沒有目標。在學習前端之前，我們需要先思考我們要成為一個什么樣前端工程師。

接下來千鋒武漢小編以時間線的方式，來告訴我們什么時間該做什么事兒。本文以普通人為例，也是想給普通人一些思路，結合自己的情況走出自己的路，超人請自行退出。

一、1-3年（P5-P6）

這個時候大多數是應屆生學習知識的積累期，對于前端三劍客：HTML/Javascript/CSS基礎的夯實階段。

推薦千鋒原創編程叢書《HTML5從入門到精通》，本書是HTML5初學者極好的入門教材之一，內容通俗易懂、由淺入深、循序漸進。

另外這時候一般的前端工程師，會掌握一門應用級別框架，比如：React/Vue/Angular等。

雖然使用傳統三劍客我們也可以把任務完成，但是使用應用級別的框架還是會提高我們的效率，而且公司在人才招聘的時候應用級別的框架是必問的。

本階段關鍵詞：前端基礎、原始積累、HTML/CSS/Javascript、Vue/React/Angular。

二、3-6年（P6-P7）

熬過艱難的初期階段，接下來2-3年是一個差異化的體驗期，在這個時間段通常情況下，前端工程師已經能夠勝任所有的業務需求。

可能大項目的拆解能力有所欠缺，但是這種能力會通過經驗的積累不斷積累有所上升（上升進度取決你做的具體工作，以及你個人的職位）。

這時候的前端工程師一般是P6上下的level。這個的階段的目標是差異化，思考自己跟其他工程師有哪些不同，比如：性能、工程化、圖形化等等方向，目標就是這段時間，成為某一個方向的專家。身上最好有鮮明的技術特點，說實話沒有特點，天天做業務需求很難跟剛剛工作1-3年的程序員產生降維度差距。

在一個前端工程師經過5-6年之后，他一定有一定的過人之處，我們在這個階段（3-6年），就是把自己的過人之處打造的更加耀眼。

PS：這個階段開始，大多數程序員已經開始進入程序員的黃金時間，本階段最大的特色是個人技術特點突出，涉及到的具體技術棧也多樣一些，可能有的人這個階段開始深入研究Nodejs。或者研究webpack打包機制抑或去玩玩WebGL?；蛘吒纱噢D到別的方向（移動端、后端，我在第4-6年做了兩年移動開發，當然也是為了突破瓶頸）。

另外在本階段可能有部分人開始承擔管理工作職能，有的人成為小組長，有的人成為經理。這也是一條不錯的路，雖然我個人很熱愛技術，但是不否認管理的價值，以及走管理這條路確實是大多數程序員的選擇。但是我并不建議前端工程師在這個階段開始走這條路，因為不能回頭。

本階段關鍵詞：差異化、原始積累、Nodejs、性能、工程化、圖形化、多端、管理職責…

三、6-9年（P7-P8）

這個階段應該是高級、資深前端技術人員的階段，這個時候的前端人員基本都具備很強的繼續能力，技術選項時能夠在多個技術中選出最優的，而且部分人員已經具體體系打造能力，比如，在前端穩定性、前端開發提效方面有自己獨到的見解和方法論。

技術棧也不會局限于前端技術，可能掌握部分移動端、后端相關技術，并且能獨立完成一個產品（從前端到后端）。技術大牛也往往聚集在這個階段。

此階段大多人已經承擔管理工作（脫離寫代碼那種），已經是個大公司的高級經理、前端leader、大前端leader。少數人承擔編碼工作，但是從事編碼工作的基本都是熱愛編碼的人們。網傳的情商低的，沒有管理能力的人才在P7+的時候寫代碼，我是不認可的。

本階段關鍵詞：任務拆解、體系打造能力、完整技術、團隊管理、目標制定。

四、10+年（P8+)

此階段的人基本都是業內大神，要么為行業標準操心操肺，要么為公司技術生態勞心勞力。而且由于前端截至到現在依然沒有一所大學作為獨立學科進行教學。

所以大多數前端大神都是自學成才。他們的路也是千奇百怪，不太具有參考性。如果這個階段依然在一線做技術的，他們要么非常熱愛，要么目標感極強，但是他們都是值得尊敬的。

本階段關鍵詞：真的熱愛。

?

以上就是千鋒武漢小編總結的前端工程師在不同時間段需要掌握的技術以及可達到的職業發展方向。希望本文的分享能幫到，想入門的前端小白們。對于入行學習Web前端的新人而言，要一步一個腳印的前進，把握住機遇，努力學好技術。