第一階段：前端入門網頁基礎

html5+css→ 頁面布局實戰

HTML是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現給用戶。

HTML的學習是一個記憶和理解的過程，在學習過程中可以借助Dreamweaver的“拆分”視圖輔助學習。在“設計”視圖中看效果，在“代碼”視圖中學本質， 將各種視圖的優勢發揮到極致，這種對照學習的方法彌補了單純識記HTML標簽和屬性的枯燥乏味

CSS又叫層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對于傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。

第二階段：前端入門開發內功

javascript（基礎+進階）→node.js→PC端全棧開發實戰

JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，借助這些內容我們可以來實現一些客戶端的特效、驗證、交互等。

JS入門很簡單，不需要很多東西，只要根據ID或名稱DOM或”風格，或價值，然后以一個ID或名稱元標簽，或額外的數據，在HTML，這是對數據的操作有關系，那么數據邏輯的影響，無非是一個跳躍，彈框，隱藏什么，這一切都是結合其他應用

第三階段：前端高級框架技術

vue2+vue3→vue實戰項目→React→React實戰項目

Vue.js致力于構建數據驅動的web應用開發框架，以簡潔化，輕量級，數據驅動，模塊友好等優勢深受企業以及前端開發者的喜愛，成為前端開發人員必備的技能。

React已經成為江湖大廠的主流前端開發框架，對于框架學習的先后順序沒有太大要求，Vue相對于React來說比較簡單，會React的開發者工資會比會Vue的開發者工資高，符合國內人的開發編程習慣，先學Vue可能是一個比較不錯的選擇。

審核編輯：湯梓紅