web前端入門(mén)要學(xué)什么？學(xué)習(xí)web前端需要學(xué)的內(nèi)容有這些：1.基礎(chǔ)部分，主要就是html、css、JavaScript;2.幾個(gè)邊界，與美工相關(guān)、后端開(kāi)發(fā)、設(shè)計(jì)相關(guān);3.相關(guān)標(biāo)準(zhǔn);4.各種框架類庫(kù)，jquery，bootstrap等;5.工具。

1、基礎(chǔ)部分

主要就是html、css、JavaScript。這個(gè)其實(shí)不用多講，這些個(gè)基礎(chǔ)不學(xué)扎實(shí)了啥也干不了，可以直接從html5、css3、ES5來(lái)學(xué)習(xí)。學(xué)習(xí)的方法很多，較方便的方法是像w3cschool、匯智網(wǎng)這種邊學(xué)邊練的，類似之前微軟的所見(jiàn)即所得，喜歡讀紙質(zhì)書(shū)的可以買(mǎi)幾本書(shū)來(lái)看看。

2、幾個(gè)邊界

與美工相關(guān)、后端開(kāi)發(fā)、設(shè)計(jì)相關(guān)。想做好Web前端，一定搞清楚自己的工作界面在什么地方，這對(duì)你有很大幫助。每個(gè)公司可能都不一樣，所以了解邊界相關(guān)的知識(shí)就很重要。

美工相關(guān)，主要是說(shuō)ps、切圖之類的東西，photoshop還是需要會(huì)用的，至于說(shuō)你能不能搞出漂亮的圖片來(lái)那倒不是重點(diǎn)，關(guān)鍵點(diǎn)是體會(huì)美工的工作過(guò)程。如果你在公司兼了這件事，那你就得深入的學(xué)習(xí)了，別不以為然，前端的美術(shù)有修養(yǎng)還是挺重要的。

后端開(kāi)發(fā)，雖說(shuō)一般情況下，前端開(kāi)發(fā)和后端開(kāi)發(fā)是分開(kāi)的，不過(guò)二般情況也很多。這個(gè)時(shí)候就需要你在后端中選擇一條主線，很多人都在比較PHP、Python、Node.js哪種好，其實(shí)都差不多，不過(guò)從市場(chǎng)上的熱度來(lái)說(shuō)視乎Node.js更熱一些，當(dāng)然Node.js對(duì)js熟悉的前端來(lái)說(shuō)也更容易上手。我的建議還是先從Node.js來(lái)吧，如果公司有選擇或者有余力可以學(xué)學(xué)其他兩個(gè)。數(shù)據(jù)庫(kù)似乎mysql和mongodb都可以試試。

3、相關(guān)標(biāo)準(zhǔn)

標(biāo)準(zhǔn)這個(gè)東西很多人都不屑的很。其實(shí)很重要，越大的團(tuán)隊(duì)越重要。還是熟悉熟悉養(yǎng)成好的習(xí)慣微妙。這在初期至少涉及到很多兼容性問(wèn)題，所以W3C的標(biāo)準(zhǔn)是必須了解和掌握的。

4、各種框架類庫(kù)

jquery，bootstrap等，現(xiàn)在的框架比較多，但是jquery和bootstrap這樣級(jí)別的必須得熟練掌握，要不很多公司都沒(méi)法干活。一般類庫(kù)和框架都有垂直的網(wǎng)站可以學(xué)習(xí)，如bootstrap中文網(wǎng)之類的都很不錯(cuò)。

5、工具

這個(gè)有很多如Git、webpack、Gulp、github、Nginx 等等。工具本身實(shí)際上不學(xué)也能干活，從學(xué)習(xí)的角度來(lái)說(shuō)，這個(gè)時(shí)間的分配上可以少一點(diǎn)兒，但是從工作的角度來(lái)說(shuō)，如果需要的話要盡快上手，逐步熟悉。工具類的東西都不是特別難上手，幾天可能就差不多了，但是想玩的透，極大的提率這個(gè)還是需要投入不少時(shí)間的。