你好，我是“web秀-提供專(zhuān)業(yè)的web前端技術(shù)知識(shí)”。

如果你已經(jīng)入門(mén)了，我的建議就是多練，多寫(xiě)，不要怕，然后網(wǎng)上多學(xué)習(xí)，實(shí)踐。就算是抄，也要做，慢慢的，自己就會(huì)了。

如果你還停留在門(mén)外，我建議你可以去慕課，極客等視頻網(wǎng)站學(xué)習(xí)，在看視頻的同時(shí)，記得邊看，邊照著操作，不要看完就算了，跟著操作才是王道。同時(shí)也要多練。

你好，同學(xué)，首先歡迎你加入前端程序員陣營(yíng)。

如果來(lái)學(xué)習(xí)網(wǎng)頁(yè)開(kāi)發(fā)，我將我的經(jīng)驗(yàn)和建議分享給你，希望對(duì)你有用。

書(shū)籍

首先，關(guān)于書(shū)籍，我個(gè)人認(rèn)為并不一定是最高效的學(xué)習(xí)方式，為什么這么說(shuō)呢？

在互聯(lián)網(wǎng)還不是很發(fā)達(dá)的時(shí)候，書(shū)籍是大多數(shù)人學(xué)習(xí)獲取知識(shí)的主要方式之一，但如今網(wǎng)絡(luò)很便捷，幾乎隨時(shí)隨地大家都可以很容易的上網(wǎng)，然而網(wǎng)上的資料是多到你無(wú)法想象，這些資料有系統(tǒng)性的，也有稀碎的，足夠你學(xué)習(xí)掌握前端知識(shí)。所以答主建議您不要花太多資金到購(gòu)買(mǎi)書(shū)籍上。

如果你對(duì)書(shū)籍情有獨(dú)鐘，那么在書(shū)籍的選擇上也要有所區(qū)分。首先建議你可以買(mǎi)2-3本系統(tǒng)性的參考工具書(shū)，不要買(mǎi)7天從入門(mén)到精通之類(lèi)的，由淺入深之類(lèi)的，其實(shí)你去看，有些人寫(xiě)的書(shū)就是網(wǎng)絡(luò)上發(fā)的博文整理成章節(jié)做的書(shū)，凡事書(shū)中有大量大篇幅的代碼的基本上都是湊數(shù)的，不建議購(gòu)買(mǎi)。那么買(mǎi)什么呢，可以買(mǎi)《xxxx權(quán)威指南》。

看視頻

其實(shí)看視頻是一個(gè)不錯(cuò)的學(xué)習(xí)方式，網(wǎng)上也有很多免費(fèi)資源可以看，比如慕課網(wǎng)。但看視頻相對(duì)來(lái)說(shuō)效率比較低，你得跟著講師的思路走，我個(gè)人看視頻容易犯困，嘿嘿。

看視頻的正確方式是，打開(kāi)電腦，一邊聽(tīng)，一邊聯(lián)系，一定要?jiǎng)邮植僮髌饋?lái)。

在頭條上我也看到有條友做直播，但是客觀的講是為了娛樂(lè)，并不一定是好好學(xué)習(xí)，它可能寫(xiě)了幾行代碼，就出了一個(gè)很炫酷的相冊(cè)，還讓大家刷禮物，送源碼等等，這個(gè)不可取。

動(dòng)手自學(xué)

動(dòng)手自學(xué)是答主推薦的最好的學(xué)習(xí)方式，我推薦題主去下面幾個(gè)入門(mén)站點(diǎn)

菜鳥(niǎo)教程（https://m.runoob.com）freecodecamp www.freecodecamp.com/實(shí)驗(yàn)樓慕課網(wǎng)

重要的事情強(qiáng)調(diào)三遍 動(dòng)手！動(dòng)手！動(dòng)手！

初級(jí)前端的話(huà)，不建議花錢(qián)買(mǎi)書(shū)。

建議花時(shí)間去學(xué)免費(fèi)的教程或者公開(kāi)課。因?yàn)槭召M(fèi)的未必比免費(fèi)的好呀，等你入門(mén)了自然知道自己要學(xué)什么，對(duì)不同書(shū)的水平，判斷能力也會(huì)強(qiáng)很多。這樣可以少踩坑。

網(wǎng)易云課堂上有許多免費(fèi)的HTML，CSS，JavaScript教程。學(xué)過(guò)之后，去學(xué)一下jQuery，這個(gè)還是用處很大的。

廖雪峰的JavaScript教程了解一下？

然后可以學(xué)習(xí)前端三大框架，VUE，React，Angular。

這樣大致就是一個(gè)合格的前段開(kāi)發(fā)者了。

小程序開(kāi)發(fā)還是很有價(jià)值的，可以去微信公共平臺(tái)去看看開(kāi)發(fā)手冊(cè)，社區(qū)交流一下，學(xué)會(huì)基本語(yǔ)法和KPI調(diào)用。