前言
隨着前端的大熱，越來越多的從業者選擇入門前端，進階，以及後續可能成爲大神。但是很多人可能是出於某個發展的瓶頸階段，不知道下一步應該學些什麼，應該如何檢驗自己的能力。
我從實習工作到今天，對前端從業四年半，也做過java研發，設計，產品的兼職。從事過中小公司的前端技術總監，希望本文給的一些建議能給你一些職業發展的啓示。
自我認知
- 自己的薪資水平，能力水平，最好建立下思維導圖或者知識拓撲圖
- 自己的認知面：典型的認知四象限
- 自己的職業發展目標與規劃
- 自己近期的學習與提升計劃
- 自己工作效率，性格，執行力等
大前端認識
- ued方向，主要偏向產品、設計、程序結合方向，需要知曉產品以及設計的相關專業知識，做更好的前端成品
- 紮根基礎知識，不要覺得css，兼容，js基礎，很簡單就不去學，不去研究。行內的張鑫旭基於css2能研究十年，其中很多css的解決方案或者原理是很多人的知識漏洞。
- 大熱的前端框架：vue,react,ng需要全部知道，但是建議1-2年內只深入學習、使用、研究其中一種，並對其成果做出總結。
- 打包，打包工具gulp,webpack,parcel也是很多人只知道皮毛就生成熟悉，這裏我只說先看下自己除了簡單的配置外，能針對webpack做出哪些優化配置，是否已經是最優的了，還是隻是官網api複製粘貼下來打包好就算結束了。
- 前端工程化：主要指的是規範，工具，開發流程，部署，監控，持續集成角度。
- 深入編程模式，框架原理，代碼優化
- 後端方向，主要是以nodejs爲核心的後端框架express,koa等。
- 業務邏輯整理，這點是很多人可能會忽略的，當前端涉及越來越多的業務的時候，你可能必要的要懂一些流程圖，時序圖等。
學習四部曲
學習基礎知識
按照官網入門教程寫demo，積累一期的學習資源，包括官網、學習教程、學習視頻、某些人的專題博客。
項目實踐
毫無疑問，大多數公司的大多數項目可能用的都是最常見的技術知識，或者架構師已經搭建好的技術模型，可能更多你只是百度或者複製粘貼的過程。但你也會遇到技術或者邏輯上的問題，那麼你需要的就是把它記下來，項目完結後整理成解決方案。
技術進階
這個階段你做業務沒有任何問題可以說，基礎知識也能駕輕就熟，但差的是架構能力、深度、業務技術分析等。那麼你就需要從更深入的角度做技術選型的分析、進一步學習。能夠對比出某些技術在解決某些問題上對應的方案特點是什麼。能夠針對某一特定話題提出自己完整、成熟的方案以及解析以及可能的更好的方案。
技術方案
當你完成大量積累之後，可以嘗試自己做知識拓撲，自己的知識體系。網絡下對自己對公司友好的技術理論，結合具體需求給出高效方案。最好的方式就是：寫技術手冊，寫博客，然後與和自己同等或者稍高level的同行進行溝通討論優化方案。
職業發展
關注前端行業趨勢
- 技術趨勢，主流使用的框架，打包工具，優化方案，解耦方式等
- 公司用人趨勢，崗位jd核心技術點的要求指數，要求深度，能解決什麼問題。
關注技術來源
- github,知乎，cnode,vuejs,google,stackoverflow,react，前端網以及一些知名的公衆號
- 大牛的博客以及開源項目
- 書評較高的經典書籍，比如深入淺出nodejs,css揭祕，你不知道的js，js編程，深入理解bootstrap,html與css權威指南，pwa進階指南等
- 行內的技術交流會，比如d2,h5峯會等
學習與工作的迭代方式
- 選一款好的記錄軟件，比如印象筆記
- 選一款好的設備以及開發工具，比如mac+chrome+vscode
- 有自己的整理知識的方式，比如電子書，技術博客
- 有自己獨立在研究或者學習的項目，放在github進行託管
- 有高效工作與學習的整理方式，比如思維導圖
- 有對技術以及其他任何方面拓展延伸分析的執念，並就一個點達到最佳狀態
友情鏈接
最後奉上我個人總結的四本線上技術手冊，一直在整理，從未被完結。。。