網(wǎng)友解答: 不得不說(shuō)，想要入行Web前端的門(mén)檻并不高。Web前端開(kāi)發(fā)的前期是網(wǎng)頁(yè)制作，簡(jiǎn)單的ps和dw就可以制作網(wǎng)頁(yè)，后來(lái)為了更好的用戶體驗(yàn)，應(yīng)用于企業(yè)，那么就需要掌握基本的Web前端開(kāi)

不得不說(shuō)，想要入行Web前端的門(mén)檻并不高。

Web前端開(kāi)發(fā)的前期是網(wǎng)頁(yè)制作，簡(jiǎn)單的ps和dw就可以制作網(wǎng)頁(yè)，后來(lái)為了更好的用戶體驗(yàn)，應(yīng)用于企業(yè)，那么就需要掌握基本的Web前端開(kāi)發(fā)技術(shù)。

雖然不同的公司都有Web前端開(kāi)發(fā)，但是職能也有不同，可以是做網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)界面開(kāi)發(fā)的，只做網(wǎng)頁(yè)界面開(kāi)發(fā)的，做網(wǎng)頁(yè)界面開(kāi)發(fā)、前臺(tái)數(shù)據(jù)綁定和前臺(tái)邏輯的處理的，也有設(shè)計(jì)、開(kāi)發(fā)、數(shù)據(jù)的。

主要是根據(jù)具體的公司職位需求來(lái)定，但是需要掌握的技術(shù)還是沒(méi)差的。

基礎(chǔ)：HTML、CSS 、JavaScript

前端三大基礎(chǔ)，學(xué)習(xí)順序?yàn)椋篐TML＞CSS＞JavaScript。

了解HTML的基礎(chǔ)知識(shí)，學(xué)會(huì)將頁(yè)面分為多個(gè)部分，知道如何正確的建立DOM，最好至少能夠制作五個(gè)頁(yè)面（這里的重點(diǎn)是了解頁(yè)面結(jié)構(gòu)）。

然后我們?cè)賮?lái)考慮美觀問(wèn)題，認(rèn)識(shí)CSS，網(wǎng)格和彈性盒子的知識(shí)要去了解，還有媒體查詢和響應(yīng)式知識(shí)，然后把CSS樣式套用到你制作的HTML網(wǎng)頁(yè)。

基礎(chǔ)知識(shí)的最后一步JavaScript，這里會(huì)比前面兩點(diǎn)稍有提升，但是不難，了解語(yǔ)法和基本的結(jié)構(gòu)，開(kāi)始學(xué)習(xí)操作DOM，理解一些相關(guān)概念，了解Ajax（XHR）。

推薦幾本書(shū)籍：

《html5從入門(mén)到精通》

這本書(shū)講的很系統(tǒng)，作為入門(mén)書(shū)籍，也比較容易懂，最重要的是有光盤(pán)教學(xué)，可以放電腦上看看。

css的書(shū)籍，這本書(shū)也有涵蓋html5，有承上啟下的作用。

比較出名的一本javascript，被讀者稱為犀牛書(shū)，很推薦。

框架：React、Angular 或者 Vue

學(xué)習(xí)完前端的三大基礎(chǔ)之后，你還需要了解最新的前端框架。

這里就提出Vue 、Angular 、React，大部分人稱為VAR，這三個(gè)是目前最流行的前端框架。

為什么沒(méi)有jQuery？確實(shí)，初學(xué)者認(rèn)為使用jQuery就可以寫(xiě)出任何特效效果，但是它并不是前端的全部，在工作時(shí)間久了之后才會(huì)發(fā)現(xiàn)，jQuery只是滿足當(dāng)下的業(yè)務(wù)需求，技術(shù)框架是隨時(shí)會(huì)變的。

當(dāng)然，學(xué)習(xí)jQuery沒(méi)有問(wèn)題，只是多學(xué)會(huì)框架，有助于提升你的個(gè)人技術(shù)能力，和你的職場(chǎng)競(jìng)爭(zhēng)力。

打包工具：Webpack 和 gulp

不急，還沒(méi)完呢，前端開(kāi)發(fā)中有一個(gè)重要的知識(shí)：前端布局，主要是對(duì)頁(yè)面模塊和內(nèi)容進(jìn)行科學(xué)合理的組織與呈現(xiàn)。

其實(shí)前端布局沒(méi)有引起多大的重視，但是它又是Web前端開(kāi)發(fā)的核心，在工作中的比重也不小。

可能在你認(rèn)為已經(jīng)掌握了前端知識(shí)后，信心滿滿的去面試，但是卻被一個(gè)看似簡(jiǎn)單的切圖問(wèn)題給難倒了，即便是混過(guò)了面試，工作中也不得心應(yīng)手。

布局的好壞直接影響著后續(xù)的所有工作進(jìn)展的順利與否與效率的高低。

對(duì)于如何掌握前端布局的技能，W3Cschool APP最近新上線了一個(gè)專欄，有興趣的可以看看。

最后我想說(shuō)，Web前端開(kāi)發(fā)的前景好不好，還是得看你的技術(shù)怎么樣，技能過(guò)關(guān)，網(wǎng)站界面做得好看，用戶體驗(yàn)好，那自然好，如果想要更上一層樓，建議了解一下Web全棧開(kāi)發(fā)，這是前端行業(yè)內(nèi)重要的發(fā)展趨勢(shì)。