1、w3schools：w3schools是一个免费的在线编程学习网站，它提供了很多关于HTML、CSS、JavaScript、SQL、PHP、Python、jQuery等的入门教程和参考手册，非常适合初学者学习。
2、Codecademy：Codecademy是一个在线编程学习网站，提供了很多关于HTML、CSS、JavaScript、jQuery、PHP、Python等的入门教程和实践练习，非常适合初学者学习。
3、Treehouse：Treehouse是一个在线编程学习网站，提供了很多关于HTML、CSS、JavaScript、jQuery、PHP、Python等的入门教程和实践练习，非常适合初学者学习。
4、Code Avengers：Code Avengers是一个在线编程学习网站，提供了很多关于HTML、CSS、JavaScript、jQuery、PHP、Python等的入门教程和实践练习，非常适合初学者学习。
5、CodePen：CodePen是一个在线编程编辑器，支持HTML、CSS、JavaScript、jQuery等语言，非常适合初学者练习和实践。
只要你输入任意字元在任意编辑器窗格里，你会立刻发现「网址列」发生了变化，如下图所示，编号1的地方就是你的Bin ID，编号2的地方则是这个Bin的版本编号 (预设会从1开始)，编号3的地方则是目前的显示模式，edit则代表「编辑」模式。预设的情况下，你输入的HTML / CSS / JavaScript都会立刻反映到最右边的Output窗格。
注 :在JS Bin里面，每一个前端网页组合( HTML + CSS + JavaScript )都被称为一个Bin！
当然，只要你把这个Bin设定完成后，便可直接把你当下的JS Bin网址分享出去，非常方便！
导览列介绍
如下图是JS Bin进入后的主要版面，非常简洁，最上方就是个导览列而已，接下来会依图编号解说：
看你是纯HTML编辑还是带有后台的？
1.纯HTML专业点的话，装Dreamweaver CSS4 CS5也行，但我估计你用不到那些功能。
个人比较中意的纯HTML，有两个轻量级的：
2.Dreamweaver 8，r比较早的一个版本，很小，才几十MB。
3.Editplus，万能编辑王，但缺点是需要打补丁。
带后台的话：
4.一个是NetBeans，主打PHP后台，但很轻量级，前端编辑也不错，但跳提示速度慢。
5.还有个是vs studio，微软主打产品，比较大，但几乎是万能的。
6.如果你只是手写代码，推荐sublime。sublime要不DW小很多，而且还有各种插件支持。
