學習前端知識太過乏味木有挑戰？整天對著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

（自備梯子）

一個不錯的視頻教程站。