学习前端知识太过乏味木有挑战?整天对着w3school打瞌睡?有一个很棒的观点与你分享：学习一门技术最佳的方法就是把它用起来!如果你已经有了一点前端基础知识，但缺少实战经验，今天这组网站就太合适了，全都是集实战与教学为一体的综合性前端学习网站，收藏起来!
Codecademy
作为一款非常酷的在线编程学习网站，它向用户提供了一种全新的学习方式。在基于网络互动编程教程的基础之上，手把手帮助用户了解编程的基本原理，体味Codecademy的趣味性学习。
不仅如此，它还支持javaScript、HTML和CSS、Python这四种语言呦，超赞的!
CodePlayer
它的优点是你可以看到作者是怎样一个个字母把代码打出来的。
Codepen
这里面有很多很酷的特效，而且你还能看到它们的源代码。
CSSdeck
和CodePen差不多的一个站。
RunJS
国内的类似站。
CodeDrops
优秀的英文教程站。
NetTut+
这个站不仅有很多很棒的教程，还有关于前端最新的资讯，强烈推荐!
W3CPlus
国内的优秀教程站。
HTML5Rock
也是一个非常棒的前端教程网站, 有些文章还有中文版的哦。
Red Team Design
Hakim
(自备梯子)
WebStuffShare
(自备梯子)
SitePoint
Tutorialzine
这个站的教程也非常好，同样强烈推荐。
CSS Wizardry
Script Tutorials
Gotoandlearn
(自备梯子)
一个不错的视频教程站。