web前端要怎么學(xué)習(xí)？

作為一名前端老（資深）程序員，我來說一說。

HTML

HTML是網(wǎng)頁的框架，稱為超文本標(biāo)記語言，是一種標(biāo)識(shí)性的語言。它包括一系列標(biāo)簽，也許你也見過，如p，li，boday，u，a表情等等。通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動(dòng)畫、聲音、表格、鏈接等。但是html只是讓瀏覽器認(rèn)識(shí)你寫的語言是什么，網(wǎng)頁排版他不負(fù)責(zé)。

CSS

css層疊樣式表，CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。說通俗一點(diǎn)，就是負(fù)責(zé)網(wǎng)頁排班布局。

要求：用Html+css布局寫出靜態(tài)頁面，這是學(xué)習(xí)開發(fā)的最基礎(chǔ)最基礎(chǔ)的，必須掌握。

JavaScript

簡稱js，是一種具有函數(shù)優(yōu)先的輕量級(jí)，解釋型或即時(shí)編譯型的編程語言。JavaScript 基于原型編程、多范式的動(dòng)態(tài)腳本語言，并且支持面向?qū)ο蟆⒚钍胶吐暶魇剑ㄈ绾瘮?shù)式編程）風(fēng)格。只會(huì)布局和框架是不行的，需要js實(shí)現(xiàn)頁面的動(dòng)態(tài)互動(dòng)。

要求：能夠?qū)懗龊唵蔚慕换ィ?lián)調(diào)數(shù)據(jù)。js特別重要，基礎(chǔ)一定要打好，真是項(xiàng)目實(shí)踐中，很久接口文檔調(diào)用API等

jQuery

完全自己寫js工作量有點(diǎn)大，并且寫的不一定漂亮，所以有了jQuery，jQuery快速、簡潔。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。簡單說，就是很多js腳本已經(jīng)給你寫好了，拿來直接用就可以。

要求：能夠?qū)懗龊唵蔚慕换ィ?lián)調(diào)數(shù)據(jù)。

Bootstrap框架

Bootstrap是美國Twitter公司的設(shè)計(jì)師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 開發(fā)的簡潔、直觀、強(qiáng)悍的前端開發(fā)框架，使得 Web 開發(fā)更加快捷。使得開發(fā)更迅速，代碼質(zhì)量更高。

要求：熟練掌握，后期會(huì)經(jīng)常用到。

Node.js框架

Node.js是一個(gè)應(yīng)用程序框架，有時(shí)也被稱為運(yùn)行環(huán)境（runtime），通過它，應(yīng)用程序可使用JavaScript編程語言來構(gòu)建。 Node.js以其速度而聞名，因?yàn)樗欠亲枞摹７亲枞馕吨粋€(gè)請求不會(huì)等待另一個(gè)請求結(jié)束（也就是異步的）。異步這一特性使Node.js成為當(dāng)前吞吐量最大的框架，而Java應(yīng)用服務(wù)器通常阻塞每個(gè)綁定到線程的請求，只要沒有更多線程可用，服務(wù)器會(huì)停止接收請求

要求：熟練應(yīng)用。

先寫這些，以上內(nèi)容掌握了，寫前端開發(fā)基本沒問題了。前端還有許多知識(shí)，需要在學(xué)習(xí)中不斷完善，例如：JSON，XML，SASS，LESS，如果在學(xué)習(xí)一些后臺(tái)開發(fā)知識(shí)，就如同如虎添翼，一起加油。