零基礎(chǔ)如何學(xué)習(xí)web前端？

　　首先在解答零基礎(chǔ)如何學(xué)習(xí)web前端之前，我們先了解下面幾個(gè)問(wèn)題
　　什么是前端?
　　前端:針對(duì)瀏覽器的開(kāi)發(fā),代碼在瀏覽器運(yùn)行
　　后端:針對(duì)服務(wù)器的開(kāi)發(fā),代碼在服務(wù)器運(yùn)行
　　說(shuō)起大家為什么選擇學(xué)習(xí)web前端,大概是因?yàn)槠涓鞣N華麗的網(wǎng)頁(yè)特效/交互太過(guò)吸引人,或者是高額的薪資,還有就是"不難上手"的HTML/CSS編程語(yǔ)言,所以,放下你對(duì)"編程"倆字的恐懼.零基礎(chǔ)學(xué)前端,先從"不難上手"的HTML/CSS編程語(yǔ)言開(kāi)始,做出點(diǎn)有成就感的東西出來(lái)吧!
　　對(duì)于設(shè)計(jì)師來(lái)說(shuō),最有成就感的一定是"可以看到的東西",而 HTML/CSS 正是用來(lái)干這個(gè)的,HTML 就是一堆非常簡(jiǎn)單的標(biāo)簽,而 CSS 無(wú)非就是把你畫(huà)畫(huà)的流程用英語(yǔ)按一定的格式寫(xiě)出來(lái)而已.
　　這個(gè)階段的練習(xí)主要是用代碼畫(huà)出你想畫(huà)的網(wǎng)站,越多越好.這一階段要快速上手,培養(yǎng)興趣,培養(yǎng)成就感.先做出可以看的東西再說(shuō),掌握常用的HTML/CSS就夠用了,如果完成的好,這個(gè)階段過(guò)后你大概就可以寫(xiě)出一些簡(jiǎn)單又好看"靜態(tài)網(wǎng)頁(yè)".
　　零基礎(chǔ)學(xué)前端——JavaScript/jQuery 　　想要在網(wǎng)頁(yè)上實(shí)現(xiàn)一些交互效果,比如輪播圖、點(diǎn)擊按鈕后播放動(dòng)畫(huà)?那你就必須要開(kāi)始學(xué)習(xí) JavaScript 了!JavaScript 是一門(mén)完整、強(qiáng)大并且非常熱門(mén)的編程語(yǔ)言,你在瀏覽器里看到的所有交互或者高級(jí)功能都是由它在背后支撐的!
　　在了解一些基礎(chǔ)的 JavaScript 概念(變量、函數(shù)、基本類型)后,我們可以直接去學(xué)習(xí) jQuery(JavaScript 代碼庫(kù)),它可以顯著地降低你編寫(xiě)交互的難度.
　　通過(guò) jQuery,我們可以繼續(xù)使用在 CSS 中學(xué)到的"選擇器"
　　對(duì)于沒(méi)有編程基礎(chǔ)的人來(lái)說(shuō),想要完全掌握它們兩并不容易.作為設(shè)計(jì)師,很多時(shí)候我們可以先不必深究它們的原理,而是嘗試直接應(yīng)用它!這樣成就感會(huì)來(lái)得很快,并且你可以通過(guò)實(shí)際應(yīng)用更加理解 JavaScript 是用來(lái)做什么的.
　　零基礎(chǔ)學(xué)前端——前端重構(gòu)
　　對(duì)于注重視覺(jué)效果的設(shè)計(jì)師來(lái)說(shuō),在掌握基本的HTML/CSS 后,就可以朝著這個(gè)方向發(fā)展了.到了這個(gè)階段,你不但要知道怎么寫(xiě)頁(yè)面,還要知道它們都是為什么,并且知道怎么做更好.這對(duì)你理解 Web 世界非常有幫助,并且能幫助你做出更系統(tǒng)化的設(shè)計(jì).
　　CSS 的學(xué)問(wèn)很多,你需要開(kāi)始理解文檔流、浮動(dòng)流等各種定位的方式與原理,理解 CSS 的繼承復(fù)用思想、理解瀏覽器的差異、兼容、優(yōu)雅降級(jí)……HTML 方面,要開(kāi)始注重語(yǔ)義化、可訪問(wèn)性與結(jié)構(gòu)的合理,你要開(kāi)始學(xué)習(xí)"結(jié)構(gòu)與樣式的分離".另外,各種炫酷的 CSS3屬性你一定會(huì)喜歡的!