基礎部分:
學習1和HTML+CSS可以模仿壹些網站做壹些頁面，在實踐中積累經驗。可以連接UI，可以100%重構網站靜態頁面的開發，為後期編寫頁面邏輯和動態效果打下基礎。
2.Javascript有很多東西要學。沒有其他編程語言的基礎，可能要花點功夫去學。在這個階段，需要掌握編程的基本概念，培養邏輯思維能力。能夠獨立完成網站的頁面開發(包括合理布局和JavaScript操作DOM)
高級零件:
有了以上的基礎，妳就可以設計壹般的靜態網頁了，但是對於復雜的頁面還需要多學習。
3.高級JavaScript和服務器基礎，深入的面向對象編程，移動終端開發能力，處理瀏覽兼容性問題，深入研究ES6/ES7語法規範，前後端分離的開發思路。
4、框架與服務器、數據庫、前端安全學習，深入了解節點、數據庫操作、前端分離技術、前端與後端協同開發。熟悉NPM(Yarn)、節點模塊fs、http、路由、處理請求、Express 4(KOA)；掌握websocket服務、MongoDB/MySQL數據庫CRUD(mongose)的創建；掌握微信小程序開發，掌握Vue2.x，Vue-router，Vuex等基礎知識。
5、React和組件開發，深入學習組件開發思路，了解webpack的使用，掌握React開發的基礎，Hook，create-react-app等等。
升級部分:
有了上面的知識，妳應該可以為大多數小網站編寫工作代碼了。但如果想成為更專業的前端，還需要繼續努力。有四個更高的要求:1)易維護，2)易測試，3)高性能，4)低流量(移動終端)。
其他補充零件:
前端項目也要面對軟件生命周期的方方面面。首先是代碼管理。妳必須學會使用Svn和Git。其次，代碼的構造。現在前端代碼構造不是簡單的壓縮。需要依賴管理、模塊合並和各種編譯器，更需要學會使用Grunt、Gulp等前端構造工具。
以上內容只是對前端學習順序的簡單描述。對於前端開發來說，基本內容就這些了。可以根據自己的興趣愛好有選擇地學習以下內容。
1，交互設計。大公司還是有專業人士這麽做的，但是不懂交互的前端壹定不是好前端。推薦“簡單第壹”。
2.後端。應該說前端工程師至少要懂壹門後端語言，但是喜歡的話可以深入學習。現在NodeJs已經被大公司廣泛使用。建議妳使用Node上的Express框架開發壹些後端服務。
最後，有經驗的程序員都知道，學習編程最高效的方法就是把妳扔進壹個項目組。經過壹兩個項目的滾動爬行，妳會立刻發現，所有的知識點都是連在壹起的，不是分散的，而是形成了壹個整體。那種感覺不是只鉆研知識點而不寫真實項目的人能體會到的。項目是壹根繩子，可以把大塊的知識串在壹起。
如果妳想鍛煉自己的實際開發能力而不是僅僅背誦或者理解壹些知識點，如果妳想成為壹個真正的玩家，那就去做項目吧！
總的來說，Web前端開發還有很多需要學習的地方。前端是壹個涉及面很廣的學科，技術更新很快。優秀的Web前端開發工程師應該具備快速學習的能力。如果沒有快速學習的能力，就跟不上Web發展的步伐，所以需要不斷提升自己，學習新的技術和模式。