編者按：學(xué)習(xí)前端知識(shí)太過(guò)乏味木有挑戰(zhàn)？整天對(duì)著w3school打瞌睡？有一個(gè)很棒的觀點(diǎn)與你分享：學(xué)習(xí)一門(mén)技術(shù)最佳的方法就是把它用起來(lái)！如果你已經(jīng)有了一點(diǎn)前端基礎(chǔ)知識(shí)，但缺少實(shí)戰(zhàn)經(jīng)驗(yàn)，今天這組網(wǎng)站就太合適了，全都是集實(shí)戰(zhàn)與教學(xué)為一體的綜合性前端學(xué)習(xí)網(wǎng)站，收藏起來(lái)！
Codecademy
作為一款非常酷的在線(xiàn)編程學(xué)習(xí)網(wǎng)站，它向用戶(hù)提供了一種全新的學(xué)習(xí)方式。在基于網(wǎng)絡(luò)互動(dòng)編程教程的基礎(chǔ)之上，手把手幫助用戶(hù)了解編程的基本原理，體味Codecademy的趣味性學(xué)習(xí)。
不僅如此，它還支持JavaScript、HTML和CSS、Python這四種語(yǔ)言呦，超贊的！
CodePlayer
它的優(yōu)點(diǎn)是你可以看到作者是怎樣一個(gè)個(gè)字母把代碼打出來(lái)的。
有可以看高手寫(xiě)代碼的網(wǎng)站，就有可以看高手一筆一劃創(chuàng)作的網(wǎng)站！《超贊！有哪些很少為人所知，但是很有意思的網(wǎng)站？》
Codepen
這里面有很多很酷的特效，而且你還能看到它們的源代碼。
CSSdeck
和CodePen差不多的一個(gè)站。
RunJS
國(guó)內(nèi)的類(lèi)似站。
CodeDrops
優(yōu)秀的英文教程站。
NetTut+
這個(gè)站不僅有很多很棒的教程，還有關(guān)于前端最新的資訊，強(qiáng)烈推薦！
W3CPlus
國(guó)內(nèi)的優(yōu)秀教程站。
HTML5Rock
也是一個(gè)非常棒的前端教程網(wǎng)站, 有些文章還有中文版的哦。
Red Team Design
Hakim
（自備梯子）
WebStuffShare
（自備梯子）
SitePoint
Tutorialzine
這個(gè)站的教程也非常好，同樣強(qiáng)烈推薦。
CSS Wizardry
Script Tutorials
Gotoandlearn
（自備梯子）
一個(gè)不錯(cuò)的視頻教程站。
幫你進(jìn)步提高的在線(xiàn)學(xué)習(xí)加油網(wǎng)站合集！
網(wǎng)站精選！自學(xué)設(shè)計(jì)的十佳站點(diǎn)！
《自學(xué)加油站！免費(fèi)在線(xiàn)學(xué)習(xí)平面設(shè)計(jì)的頂尖網(wǎng)站TOP 10》了解業(yè)內(nèi)趨勢(shì)，學(xué)習(xí)最新技術(shù)的10個(gè)好去處！
《精挑細(xì)選！值得設(shè)計(jì)師天天看的10個(gè)設(shè)計(jì)類(lèi)網(wǎng)站》想變得優(yōu)秀，就跟著他們混！
《知己知彼百戰(zhàn)不殆！程序員常去的14個(gè)頂級(jí)開(kāi)發(fā)社區(qū)》
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量83萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng)，未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論！每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后，在評(píng)論區(qū)留言，系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今，是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái)，提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 737 位幸運(yùn)星
發(fā)表評(píng)論
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓