第一階段：前端入門網(wǎng)頁(yè)基礎(chǔ)

html5+css→ 頁(yè)面布局實(shí)戰(zhàn)

HTML是一個(gè)網(wǎng)頁(yè)的骨架，無(wú)論是靜態(tài)網(wǎng)頁(yè)還是動(dòng)態(tài)網(wǎng)頁(yè)，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現(xiàn)給用戶。

HTML的學(xué)習(xí)是一個(gè)記憶和理解的過程，在學(xué)習(xí)過程中可以借助Dreamweaver的“拆分”視圖輔助學(xué)習(xí)。在“設(shè)計(jì)”視圖中看效果，在“代碼”視圖中學(xué)本質(zhì)， 將各種視圖的優(yōu)勢(shì)發(fā)揮到極致，這種對(duì)照學(xué)習(xí)的方法彌補(bǔ)了單純識(shí)記HTML標(biāo)簽和屬性的枯燥乏味

CSS又叫層疊樣式表，是能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言其樣式是可以復(fù)用的，這樣就極大地提高了我們開發(fā)的速度，降低了維護(hù)的成本。

第二階段：前端入門開發(fā)內(nèi)功

javascript（基礎(chǔ)+進(jìn)階）→node.js→PC端全棧開發(fā)實(shí)戰(zhàn)

JavaScript是一種在客戶端廣泛使用的腳步語(yǔ)言，在JavaScript當(dāng)中為我們提供了一些內(nèi)置函數(shù)、對(duì)象和DOM操作，借助這些內(nèi)容我們可以來(lái)實(shí)現(xiàn)一些客戶端的特效、驗(yàn)證、交互等。

JS入門很簡(jiǎn)單，不需要很多東西，只要根據(jù)ID或名稱DOM或”風(fēng)格，或價(jià)值，然后以一個(gè)ID或名稱元標(biāo)簽，或額外的數(shù)據(jù)，在HTML，這是對(duì)數(shù)據(jù)的操作有關(guān)系，那么數(shù)據(jù)邏輯的影響，無(wú)非是一個(gè)跳躍，彈框，隱藏什么，這一切都是結(jié)合其他應(yīng)用

第三階段：前端高級(jí)框架技術(shù)

vue2+vue3→vue實(shí)戰(zhàn)項(xiàng)目→React→React實(shí)戰(zhàn)項(xiàng)目

Vue.js致力于構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的web應(yīng)用開發(fā)框架，以簡(jiǎn)潔化，輕量級(jí)，數(shù)據(jù)驅(qū)動(dòng)，模塊友好等優(yōu)勢(shì)深受企業(yè)以及前端開發(fā)者的喜愛，成為前端開發(fā)人員必備的技能。

React已經(jīng)成為江湖大廠的主流前端開發(fā)框架，對(duì)于框架學(xué)習(xí)的先后順序沒有太大要求，Vue相對(duì)于React來(lái)說比較簡(jiǎn)單，會(huì)React的開發(fā)者工資會(huì)比會(huì)Vue的開發(fā)者工資高，符合國(guó)內(nèi)人的開發(fā)編程習(xí)慣，先學(xué)Vue可能是一個(gè)比較不錯(cuò)的選擇。

審核編輯：湯梓紅