gotoandlearn.com
一个很棒的视频教程网站
CodePlayer: http://thecodeplayer.com/
它的优点是 你可以看到作者是怎样一个个字母把代码打出来的…
Codepen: http://codepen.io/
这里面有很多很酷的特效,而且你还能看到它们的源代码.
CSSdeck: http://cssdeck.com/
和CodePen差不多的一个站…
RunJS: http://runjs.cn/square
国内的类似站
CodeDrops: http://tympanus.net/codrops/
优秀的英文教程站
NetTut+: http://net.tutsplus.com/
这个站有很多很棒的教程和资讯,强烈推荐
W3CPlus: http://www.w3cplus.com/
国内的优秀教程站
HTML5Rock: http://www.html5rocks.com/zh/tutorials/
也是一个非常棒的前端教程网站, 有些文章还有中文版的哦.
Red Team Design: http://www.red-team-design.com/
Hakim: http://hakim.se/experiments
WebStuffShare: http://www.webstuffshare.com/
SitePoint: http://www.sitepoint.com/
Tutorialzine: http://tutorialzine.com/
这个站的教程也非常好,同样强烈推荐
Home – CSS Wizardry
http://csswizardry.com/
Script Tutorials
http://www.script-tutorials.com/
https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Getting_started
https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps
Mozilla 开发者新闻报
https://www.mozilla.org/zh-CN/newsletter/developer/
我们为 Web 开发者编写的新闻报,对各种水平的开发者都很有用。
Web Demystified
https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g
一个由 Jérémie Patonnier 创作的面向 Web 开发的完全新手的系列视频,讲述了 Web 基础。
EXLskills
https://exlskills.com/learn-en/courses
免费和开放的课程,学习技术技能,指导和基于项目的学习
Codecademy
https://www.codecademy.com/
很棒的交互式学习网站,帮您从头开始学习编程语言。
Code.org
https://code.org/
基本的编程理论和实战,主要面向儿童与完全初学者。
FreeCodeCamp.org
https://www.freecodecamp.org/
使用教程和项目练习,来学习 Web 开发的交互式网站。
Web Literacy Map
https://learning.mozilla.org/web-literacy/
Web 素养与21世纪常用技能的入门级框架,同时提供分门别类的教学活动。
Mozilla 教学活动
https://learning.mozilla.org/activities
由 Mozilla 基金会创建的一系列教学与学习活动,介绍了基本 Web 素养、隐私权、JavaScript、如何捣鼓 Minecraft 等等。
Edabit
https://edabit.com/
不同编程语言的上百个免费交互式编程挑战。