自學(xué)web前端先看書還是先看網(wǎng)課呢？有的同學(xué)說看書我也看不懂，我就看網(wǎng)課視頻，一句老話說的好“視頻可以看，但是光看視頻，不敲代碼，不去練習(xí)”到頭來，還是什么都不會(huì)，理論很重要，實(shí)際操作更重要，對于初學(xué)者來說，小編建議書籍和網(wǎng)課都可以看，同時(shí)學(xué)習(xí)，收獲更大。

今天小編給大家分為三大板塊，聊一聊學(xué)習(xí)web前端

●學(xué)習(xí)路線圖

●資料分享

●學(xué)習(xí)方法分享

一、web前端的學(xué)習(xí)路線

前端工具篇：

1、工具篇-前端開發(fā)工具

2、工具篇-前端流行框架

3、工具篇-前端手冊

4、工具篇-前端插件與模版引擎

web前端資料分享

動(dòng)力節(jié)點(diǎn)Java培訓(xùn)基礎(chǔ)前端課程視頻，也就是HTML，CSS語言等內(nèi)容，網(wǎng)上公開免費(fèi)，小編提供給大家的都是同學(xué)極力認(rèn)可的，推薦的，完善，可以下載。HTML是標(biāo)簽語言，所以首要的就是要記憶里面的常用標(biāo)簽，CSS是層疊樣式表。這兩門語言以記憶與熟練使用標(biāo)簽為主。

HTML實(shí)戰(zhàn)入門視頻教程：http://www.soulsinkind.com/javavideo/172.html

CSS實(shí)戰(zhàn)入門視頻教程：http://www.soulsinkind.com/javavideo/114.html

JavaScript從入門到精通視頻教程：http://www.soulsinkind.com/javavideo/113.html

jQuery從入門到精通：http://www.soulsinkind.com/javavideo/117.html

web前端書籍推薦

●《JavaScript權(quán)威指南（第6版）》

●《JavaScript高級程序設(shè)計(jì)（第3版）》

●《JavaScript DOM編程藝術(shù)（第2版）》

●《JavaScript設(shè)計(jì)模式與開發(fā)實(shí)踐》

●《Web性能權(quán)威指南》

web前端學(xué)習(xí)方法分享

學(xué)習(xí)一個(gè)知識(shí)，聽一遍只是知道了，聽兩遍只是熟悉了，自己能說出這是個(gè)什么原理，并且能講給別人聽才是真正的學(xué)會(huì)了。

建議你，可以寫一個(gè)博客或者開源一個(gè)項(xiàng)目到網(wǎng)上，別人可以通過你的博客學(xué)到東西，也可以發(fā)現(xiàn)你的問題給你提出來，這是一個(gè)雙贏的事情。而且東西寫出來，以后還可以方便復(fù)習(xí)?？粗黄约簩懙臇|西，還會(huì)有自豪感，也能激勵(lì)著自己繼續(xù)努力。

最后，在學(xué)習(xí)中，方法固然重要，但堅(jiān)持也很重要，滴水石穿，量變引起質(zhì)變，有了好的方法，再能堅(jiān)持不懈，相信成功離你不遠(yuǎn)了。