国内外有哪些实战型的前端学习网站?
2017-05-27 00:00
239 查看
编者按:学习前端知识太过乏味木有挑战?整天对着w3school打瞌睡?有一个很棒的观点与你分享:学习一门技术最佳的方法就是把它用起来!如果你已经有了一点前端基础知识,但缺少实战经验,今天这组网站就太合适了,全都是集实战与教学为一体的综合性前端学习网站,收藏起来!
不仅如此,它还支持JavaScript、HTML和CSS、Python这四种语言呦,超赞的!
![](https://static.oschina.net/uploads/img/201705/27180416_L4oT.png)
![](https://static.oschina.net/uploads/img/201705/27180416_SKfP.jpg)
![](https://static.oschina.net/uploads/img/201705/27180416_VTtP.jpg)
![](https://static.oschina.net/uploads/img/201705/27180417_Co5Y.jpg)
![](https://static.oschina.net/uploads/img/201705/27180417_nOeH.jpg)
CodeDrops
优秀的英文教程站。
![](https://static.oschina.net/uploads/img/201705/27180417_wWOJ.jpg)
NetTut+
这个站不仅有很多很棒的教程,还有关于前端最新的资讯,强烈推荐!
![](https://static.oschina.net/uploads/img/201705/27180417_jQBH.jpg)
![](https://static.oschina.net/uploads/img/201705/27180417_ob0n.jpg)
![](https://static.oschina.net/uploads/img/201705/27180417_d73Q.jpg)
Red Team Design
![](https://static.oschina.net/uploads/img/201705/27180417_3TA1.jpg)
![](https://static.oschina.net/uploads/img/201705/27180418_Nck0.jpg)
![](https://static.oschina.net/uploads/img/201705/27180418_QL2y.jpg)
SitePoint
![](https://static.oschina.net/uploads/img/201705/27180418_15TC.jpg)
Tutorialzine
这个站的教程也非常好,同样强烈推荐。
![](https://static.oschina.net/uploads/img/201705/27180418_c6Em.jpg)
![](https://static.oschina.net/uploads/img/201705/27180418_TRHQ.jpg)
![](https://static.oschina.net/uploads/img/201705/27180418_chig.jpg)
一个不错的视频教程站。
Codecademy
作为一款非常酷的在线编程学习网站,它向用户提供了一种全新的学习方式。在基于网络互动编程教程的基础之上,手把手帮助用户了解编程的基本原理,体味Codecademy的趣味性学习。不仅如此,它还支持JavaScript、HTML和CSS、Python这四种语言呦,超赞的!
![](https://static.oschina.net/uploads/img/201705/27180416_L4oT.png)
CodePlayer
它的优点是你可以看到作者是怎样一个个字母把代码打出来的。![](https://static.oschina.net/uploads/img/201705/27180416_SKfP.jpg)
Codepen
这里面有很多很酷的特效,而且你还能看到它们的源代码。![](https://static.oschina.net/uploads/img/201705/27180416_VTtP.jpg)
CSSdeck
和CodePen差不多的一个站。![](https://static.oschina.net/uploads/img/201705/27180417_Co5Y.jpg)
RunJS
国内的类似站。![](https://static.oschina.net/uploads/img/201705/27180417_nOeH.jpg)
CodeDrops
优秀的英文教程站。![](https://static.oschina.net/uploads/img/201705/27180417_wWOJ.jpg)
NetTut+
这个站不仅有很多很棒的教程,还有关于前端最新的资讯,强烈推荐!![](https://static.oschina.net/uploads/img/201705/27180417_jQBH.jpg)
W3CPlus
国内的优秀教程站。![](https://static.oschina.net/uploads/img/201705/27180417_ob0n.jpg)
HTML5Rock
也是一个非常棒的前端教程网站, 有些文章还有中文版的哦。![](https://static.oschina.net/uploads/img/201705/27180417_d73Q.jpg)
Red Team Design
![](https://static.oschina.net/uploads/img/201705/27180417_3TA1.jpg)
Hakim
(自备梯子)![](https://static.oschina.net/uploads/img/201705/27180418_Nck0.jpg)
WebStuffShare
(自备梯子)![](https://static.oschina.net/uploads/img/201705/27180418_QL2y.jpg)
SitePoint
![](https://static.oschina.net/uploads/img/201705/27180418_15TC.jpg)
Tutorialzine
这个站的教程也非常好,同样强烈推荐。![](https://static.oschina.net/uploads/img/201705/27180418_c6Em.jpg)
CSS Wizardry
![](https://static.oschina.net/uploads/img/201705/27180418_TRHQ.jpg)
Script Tutorials
![](https://static.oschina.net/uploads/img/201705/27180418_chig.jpg)
Gotoandlearn
(自备梯子)一个不错的视频教程站。
![](https://static.oschina.net/uploads/img/201705/27180419_6maO.jpg)
相关文章推荐
- 国内外有哪些实战型的前端学习网站?
- Web前端应该从哪些方面来优化网站?转载学习。
- 收集到的国内外java学习网站
- 收集到的国内外java学习网站 zt
- 优秀学习前端网站链接地址
- 帕兰映像 前端学习网站
- 我常用的一些很酷的前端学习网站,分享给大家
- 收集到的国内外java学习网站
- 前端学习网站
- 前端学习网站整理篇
- 一个学习前端页面开发的技术网站
- 学习Web前端的好网站推荐
- .NET学习网址大全,不得不上,国内外经典网站
- 前端学习-好的学习网站
- 你平时爱上哪些IT网站???国内外知名IT网站推荐
- 推荐一些国外前端的学习网站
- 收集到的国内外java学习网站
- 8个前端技术学习网站
- web前端性能优化-高性能网站建设指南学习
- http://tympanus.net/codrops/ 挺好的前端学习网站