HTML、CSS、JavaScript是前端學(xué)習(xí)非常重要的內(nèi)容，作為前端工程師，建立網(wǎng)站，設(shè)計(jì)網(wǎng)頁(yè)需要有一定的審美能力，也需要一定的編程技術(shù)?？傊?，技術(shù)性越來(lái)越強(qiáng)。作為學(xué)習(xí)者，筆者并不建議速成，還是應(yīng)該踏踏實(shí)實(shí)打好基礎(chǔ)。學(xué)習(xí)前端這三大塊內(nèi)容，可以先從HTML入手，其次是CSS，在打好這兩部分的基礎(chǔ)上，進(jìn)一步學(xué)習(xí)JavaScript。

WEB可以被看做是一個(gè)有生命的物體或人體，HTML可以視為骨骼和肌肉，CSS可以視為皮膚和毛發(fā)，而JavaScript可以視為受一定支配的行為。這樣比喻不一定完全恰當(dāng)，但可以幫我們更好的理解這三者之間的關(guān)系。

先從HTML說(shuō)起：

作為網(wǎng)頁(yè)內(nèi)容的載體，HTML包含了用戶需要瀏覽的內(nèi)容，包括圖文、視頻，即構(gòu)成網(wǎng)頁(yè)的基本元素。HTML是網(wǎng)頁(yè)的結(jié)構(gòu)（Structure），需要有多種框架和布局，比如frameset框架集、iframe內(nèi)聯(lián)框架、div+css布局、table布局等，同時(shí)支持表單提交（HTML Form），包括基礎(chǔ)表單、input輸入框、輸入框類型、文本域、列表、label等。當(dāng)前，大家通用的是HTML5，其中還有一些新增元素，比如footer、header等，總之，HTML的功能越來(lái)越強(qiáng)大，作為初學(xué)者還是要把握主干，有重點(diǎn)地去學(xué)習(xí)。

其次是CSS：

CSS的作用是效果，或者說(shuō)是表現(xiàn)（Presentation），比如網(wǎng)頁(yè)上的動(dòng)態(tài)文字、文字的色彩、字體、動(dòng)畫效果。正是因?yàn)镃SS的存在使得HTML變得豐富多樣。學(xué)習(xí)CSS，可以從版本CSS3開始，要了解CSS3的動(dòng)畫效果，如2D變換、過(guò)渡、特殊圖形的繪制，雪碧圖、滑動(dòng)門等等都是常見(jiàn)的效果；除此之外，CSS3還有媒體查詢（Media Queries）、grid，以及多列布局、用戶界面等。CSS部分需要配合HTML，并結(jié)合實(shí)例來(lái)加以學(xué)習(xí)，這樣效果會(huì)跟好。

更后要說(shuō)一說(shuō)JavaScript：

如果說(shuō)一個(gè)網(wǎng)頁(yè)只有“結(jié)構(gòu)”和“表現(xiàn)”，而缺少了用戶與網(wǎng)頁(yè)的交互，即行為（Behavior），那么這樣的網(wǎng)頁(yè)就如一潭死水，無(wú)法形成良好的用戶體驗(yàn)。好的用戶體驗(yàn)不僅可以讓用戶鼠標(biāo)放在哪里、哪里就會(huì)產(chǎn)生人性化的效果，而且可以增強(qiáng)用戶的可操作性，例如購(gòu)物網(wǎng)站用戶的訂購(gòu)，網(wǎng)頁(yè)會(huì)實(shí)時(shí)顯示用戶的購(gòu)物動(dòng)態(tài)。這樣一來(lái)，JavaScript就有了編程的意味。和其他編程語(yǔ)言一樣，JavaScript也有數(shù)據(jù)類型、條件語(yǔ)句、分支語(yǔ)句、字符串詳解、數(shù)組詳解、對(duì)象、函數(shù)、數(shù)值、Math函數(shù)、作用域。如果這一部分可以學(xué)會(huì)，便可以往更深的內(nèi)容去發(fā)展。

如今，大前端的時(shí)代已經(jīng)來(lái)臨，熟練使用HTML5、CSS3，對(duì)前端人員的制作要求越來(lái)越高，能否做出酷炫的效果成為衡量前端技術(shù)的一個(gè)標(biāo)準(zhǔn)，作為前端開發(fā)工程師，將PC、手機(jī)、iPad等多種設(shè)備全面掌握并能提供客戶需要的解決方案，精通響應(yīng)式技術(shù)，是必備的能力。如今微信小游戲的開發(fā)也是前端開發(fā)的重點(diǎn)，值得初學(xué)者多多關(guān)注。

筆者建議重視一下移動(dòng)端的開發(fā)，畢竟移動(dòng)端的用戶數(shù)量高于PC端，移動(dòng)端更適合碎片化的消費(fèi)人群，市場(chǎng)較為廣闊。