這里整理了一份web前端的系統(tǒng)學(xué)習(xí)路線，包含的技術(shù)如下：

第一階段：專業(yè)核心基礎(chǔ)

階段目標(biāo)：

1.熟練掌握HTML5、CSS3、Less、Sass、響應(yīng)書(shū)布局、移動(dòng)端開(kāi)發(fā)。

2.熟練運(yùn)用HTML+CSS特性完成頁(yè)面布局。

4.熟練應(yīng)用CSS3技術(shù)，動(dòng)畫(huà)、彈性盒模型設(shè)計(jì)。

5.熟練完成移動(dòng)端頁(yè)面的設(shè)計(jì)。

6.熟練運(yùn)用所學(xué)知識(shí)仿制任意Web網(wǎng)站。

7.能綜合運(yùn)用所學(xué)知識(shí)完成網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)。

知識(shí)點(diǎn)：

1、Web前端開(kāi)發(fā)環(huán)境，HTML常用標(biāo)簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運(yùn)用HTML和CSS樣式屬性完成頁(yè)面的布局和美化，能夠仿制任意網(wǎng)站的前端頁(yè)面實(shí)現(xiàn)。

2、CSS3選擇器、偽類、過(guò)渡、變換、動(dòng)畫(huà)、字體圖標(biāo)、彈性盒模型、響應(yīng)式布局、移動(dòng)端。熟練運(yùn)用CSS3來(lái)開(kāi)發(fā)網(wǎng)頁(yè)、熟練開(kāi)發(fā)移動(dòng)端，整理網(wǎng)頁(yè)開(kāi)發(fā)技巧。

3、預(yù)編譯css技術(shù)：less、sass基礎(chǔ)知識(shí)、以及插件的運(yùn)用、BootStrap源碼分析。能夠熟練使用less、sass完成項(xiàng)目開(kāi)發(fā)，深入了解BootStrap。