进击的设计师！国内外有哪些实战型的前端学习网站？

编者按：学习前端知识太过乏味木有挑战？整天对着w3school打瞌睡？有一个很棒的观点与你分享：学习一门技术最佳的方法就是把它用起来！如果你已经有了一点前端基础知识，但缺少实战经验，今天这组网站就太合适了，全都是集实战与教学为一体的综合性前端学习网站，收藏起来！

Codecademy

作为一款非常酷的在线编程学习网站，它向用户提供了一种全新的学习方式。在基于网络互动编程教程的基础之上，手把手帮助用户了解编程的基本原理，体味Codecademy的趣味性学习。

不仅如此，它还支持JavaScript、HTML和CSS、Python这四种语言呦，超赞的！

进击的设计师！国内外有哪些实战型的前端学习网站？

CodePlayer

它的优点是你可以看到作者是怎样一个个字母把代码打出来的。

有可以看高手写代码的网站，就有可以看高手一笔一划创作的网站！《超赞！有哪些很少为人所知，但是很有意思的网站？》

进击的设计师！国内外有哪些实战型的前端学习网站？

Codepen

这里面有很多很酷的特效，而且你还能看到它们的源代码。

进击的设计师！国内外有哪些实战型的前端学习网站？

CSSdeck

和CodePen差不多的一个站。

进击的设计师！国内外有哪些实战型的前端学习网站？

NetTut+

这个站不仅有很多很棒的教程，还有关于前端最新的资讯，强烈推荐！

进击的设计师！国内外有哪些实战型的前端学习网站？

HTML5Rock

也是一个非常棒的前端教程网站, 有些文章还有中文版的哦。

进击的设计师！国内外有哪些实战型的前端学习网站？

Tutorialzine

这个站的教程也非常好，同样强烈推荐。

进击的设计师！国内外有哪些实战型的前端学习网站？

Gotoandlearn

（自备梯子）

一个不错的视频教程站。

进击的设计师！国内外有哪些实战型的前端学习网站？

帮你进步提高的在线学习加油网站合集！

网站精选！自学设计的十佳站点！
《自学加油站！免费在线学习平面设计的顶尖网站TOP 10》

了解业内趋势，学习最新技术的10个好去处！
《精挑细选！值得设计师天天看的10个设计类网站》

想变得优秀，就跟着他们混！
《知己知彼百战不殆！程序员常去的14个顶级开发社区》

原文地址：zhihu
作者：@糖醋陈皮

【优设网原创文章投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量83万的人气微博@优秀网页设计，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加优秀网页设计微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：