相信很多朋友都聽過web前端這個名字，也有很多人加入了學(xué)習(xí)的行列。可想而知，web前端還是非常重要的。如果你想知道web前端應(yīng)該怎么學(xué)，那么就接著往下看。

第一階段——HTML

超文本標(biāo)記語言(HTML)是web頁面的骨架。無論是靜態(tài)web頁面還是動態(tài)web頁面，較終的HTML代碼都是閱讀器，給讀者解釋HTML代碼。因此，我們必須掌握HTML的基本結(jié)構(gòu)和共同的標(biāo)志和屬性。

HTML的訓(xùn)練是一個記憶和理解的過程。在培訓(xùn)過程中，可以使用Dreamweaver的“split”視圖來輔助培訓(xùn)。例如游戲在“設(shè)計”視圖中其實(shí)就是“代碼”視圖的本質(zhì)。

在學(xué)習(xí)HTML之后，我們只是掌握了各種“原始材料”的構(gòu)造。為了建造一個建筑，有必要根據(jù)設(shè)計組合建造這些“原始材料”，并美化一些風(fēng)格。

第二階段——CSS

CSS是英語級聯(lián)樣式表的縮寫，稱為級聯(lián)樣式表。它是一種風(fēng)格設(shè)計，可以真正使網(wǎng)頁隱含和內(nèi)容分解。與傳統(tǒng)HTML的靈感相比，它的風(fēng)格可以被重用，大大提高了開發(fā)的速度，降低了維護(hù)成本。

同時，CSS中的框模型、相對結(jié)構(gòu)、結(jié)構(gòu)等可以實(shí)現(xiàn)對網(wǎng)頁中各個工具位置的精確控制，停止像素級。通過這個階段的培訓(xùn)，我們可以順利的完成“one building”。

在“建筑”完成后，可以把它給用戶，但是如果想給用戶更好的體驗，可以停止“建筑”的“裝飾”，讓它看起來更“奢華”。

第三個階段——javascript

這是跟隨客戶腳步說話的一種方式。主要提供了JavaScript中的一些內(nèi)置函數(shù)、工具和DOM控件。有了這些內(nèi)容，我們可以實(shí)現(xiàn)一些客戶端效果、驗證、交互等，以便用來創(chuàng)建頁面。看起來不那么機(jī)械，但是當(dāng)你打碎它的時候，就會發(fā)現(xiàn)一個神奇的效果。

第四階段——jQUery

jQuery是一個免費(fèi)、開源、輕量級的JavaScript庫，兼容所有類型的閱讀器(jQuery 2.0以及后來發(fā)布的對IE6/7/8閱讀器的支持)，現(xiàn)在有很多基于jQuery的插件可用。可以選擇它，這樣當(dāng)我們想要實(shí)現(xiàn)一些豐富的動態(tài)時，就顯得更加方便快捷，大大節(jié)省了開發(fā)的時間，提高開發(fā)速度。