如今在整個技術領域，Web前端開發永遠站在第一線直面用戶體驗，已成為當下互聯網行業緊俏的高端技術崗位，越來越多的人想要學習Web前端，成為一名Web前端開發工程師。
看你的問題，應該也是初學者。一般來說0基礎/初學者，在學習Web前端時很容易陷入理論派以及不知道怎么去學習，如何系統學習的一些誤區，經常是學一個階段就迷茫了，這個原因大體就是目標不明確，以及學習路線不清晰造成的。
因此，你需要明確Web前端培訓要學哪些東西，學習路線是怎么樣的。所以你先了解學習路線是很正確的，學習還是要講究章法。
根據你的需求，安妹給你分享我們實用性高并且就業市場反饋很好的前端課程大綱。思維導圖比較大，看著不太清晰，這邊以階段的形式給你分享：
Web前端培訓學習需要哪幾個階段，從哪里開始學，主要學什么？以及不同階段配合要做哪些項目實戰？學習完可以實現哪些目標？
第一階段：企業級網站開發流程及規范+靜態頁面制作（html5+css3）
web應用原型制作+靜態頁面制作
·軟件開發流程
·Axure草圖制作方法
·網頁圖片處理規范+基礎操作流程
·網頁高保真制作
·HTML+HTML5網頁基礎標簽
·CSS+CSS3從入門到實戰
·實戰：企業Axure項目高保真運用及頁面100%靜態還原
“通過本階段學習及項目實訓，你可以掌握web應用開發流程，進行網站業務以及功能分析，對Axure、ps相關軟件進行基礎操作，完成網站高保真制作。并能根據高保真圖，利用html5+css3進行100%的頁面還原”
第二階段：Web前端核心基礎課程——Web前端原生Js+jQuery+Bootstrap
·JavaScript從基礎到進階
·ES6從基礎到項目運用
·jQuery從使用到設計思想的講解
·Bootstrap的使用及原理講解
·實戰：管理系統商業項目小組實戰訓練與考核
“通過本階段學習及項目實訓，你能夠更好地掌握原生JavaScript，強化學生JS基礎以及dom操作在實際項目中的應用場景，對項目進行響應式開發。以及jQuery和Bootstrap的應用”
第三階段：Web前端進階課程——大web前端全棧開發
·MySQL數據庫操作及范式理論
·Node.js+Express全棧開發
·自動化構建工具與版本管理器運用（gulp、svn、git）
·less預處理語言入門到項目使用
·HTML5高級應用，canvas畫圖動畫講解
·實戰：企業pc強化課程-電商項目實戰開發
“通過本階段學習及項目實訓，你能夠掌握軟件開發流程，掌握項目自動化構建、熟練使用版本控制器管理項目，規范接口文檔，理解模塊化編程，熟練掌握數據可視化，從前臺頁面到服務器、數據庫進行全棧開發。”
第四階段：web前端高級框架課程——前端MVVM框架實戰
·JavaScript高級應用
·Vue.js
·實戰1：利用vue全家桶進行后臺管理項目開發
·微信小程序開發
·實戰2：商業小程序項目開發與實訓
·React.js
“強化Vue框架的相關知識點及應用實踐，高達六周的實戰訓練，極度貼近企業實際應用過程中的一線技術，你可以熟練掌握mvvm前端架構，熟練掌握小程序開發流程。精通react框架及flux架構并進行webapp項目開發。”
以上是我們Web前端培訓課程的框架內容，整個課程共分為四個階段，課程周期共120天，其中項目實戰占比高達50%以上，其中兩個月會與Java班級完成前后端合作開發大型項目，提前體驗企業級開發的團隊氛圍，在保證基礎知識夯實的基礎上，突出企業實際運用，突出真實企業項目實戰。
5個半月時間內，將通過自主以及團隊合作，完成包括完整靜態頁面、全流程電商項目、小程序項目等在內的5套實戰項目，通過大量的真實企業級項目實戰，在項目的實施中全方位提升技術能力、學習能力和解決問題的能力。
整個學習過程，只要你認真努力地學，用心完成實戰項目，找工作都是順理成章的事情。成功會眷顧每一個努力拼搏的人。