学习编程是开启你的Web开发和移动应用开发职业生涯的一种绝佳方式。在这篇文章中，我们将分享10个有助你学编程的最佳网站。

它是学编程最流行的网站之一。事实上，2000万人已经使用这个网站来学习编程了。你只需要注册一个免费帐户，便可以开始挑选你想学的第一门编程语言。它包括了CSS、HTML、JavaScript、jQuery和PHP等。

这是一个学习Web开发非常棒的地方。尤其是你想学习编程语言是JS，那么，这个网站将是你的首选。网站中包含了Node.js、Angular.js和Express.js等内容。在这个网站学习最好之处就是，你可以建立一些非营利的项目，它们可以帮助你积累真实项目的经验。

这是一个神奇的地方。你可以继续你的开发之旅，并且可以进一步提高你的技能。在这里，你可以立刻学习大量的免费课程，同时可以利用截图、视频教程来指导你的学习。更多编程挑战也等待你的测试哦！

在这里，有很多针对Rails和Ruby开发人员的在线课程。当然，CSS、HTML和JavaScript也是网站课程体系的一部分。同时，为你还提供了很多其他的项目。

事实上，这是由David J.马兰教授主讲的一系列免费的计算机科学课程。即使你没有编程经验，这也是开始编程学习的最佳途径之一。在学习的过程中，你不仅将学习诸如算法、开发、封装以及数据结构的主题内容，而且会对 C、JavaScript、SQL、 CSS和 HTML等其他编程语言进行了解。

HTML Dog是一个伟大的地方。在这里汇集了CSS、HTML和JavaScript大量的教程资源，它还可以帮助一个初学者学习任何上述的语言。同时，这个网站还能指导你学习如何实现CSS下拉框、自定义404错误页面等一部分web设计的内容。

这是一个你可以学到很多计算机课程的免费在线资源网站。计算机编程部分内容包括CSS、HTML、SQL和JavaScript。在这里也有大量的交互式视频和编程挑战，通过提供信息和提示的方式来指导你的练习。

一个在线演示代码编写过程的网站。它将帮助你学习CSS、HTML和JavaScript等前端技术。你可以边看边学，还可以回放编码过程，是不是很酷呢！CSS线框、HTML5贪吃蛇 游戏 以及JavaScript就是一些常见的例子。

这是一个了不起的，学习与提高编程技能的在线学习平台。你可以在这里选择众多流行的编程语言来学习，如PHP、CSS、Python、HTML和Java。此外，你还可以学习到UX设计、Photoshop等一些网页设计方面的内容。当你通过每门课程的测试后，你还会得到相应的结业证书。

这是另一个可以提高你的编程技术，以及程序开发技能的课程网站。这些课程由软件巨头Facebook, Google中的行业专家进行讲授。通过在Udacity的学习，你将踏上Android开发、Java、Git和iOS应用开发的学习之路。

既然你找到这篇文章来，说明你是真心想学好JavaScript的。你没有想错，当今如果要开发现代网站或web应用（包括互联网创业），都要学会JavaScript。而面对泛滥的JavaScript在线学习资源，却是很难找到一份高效而实用的方法去学习这个“web时代的语言”。

有一点需要注意，几年前我们需要知道一个真正的服务器端语言（比如PHP，Rails，Java，Python 或者 Perl）去开发可扩展，动态的，数据库驱动的web应用，而现在只用JavaScript就可以实现了。

不要这样学习JavaScript

不要一开始就埋头在成堆的JavaScript在线教程里 ，这是最糟糕的学习方法。或许在看过无数个教程后会有点成效，但这样不分层次结构地学习一个东西实在是十分低效，在实际用JavaScript建立网站或web应用时你还是会频繁的卡住。总的来说，这种学习方法会让人不知道如何将语言当做工具来使用——当做个人工具来用。

另外，也许有人会建议从尊敬的JavaScript教父Douglas Crockford写的《JavaScript语言精粹》开始学习JavaScript。然而，虽然Crockford先生对JavaScript无所不知，被誉为JavaScript世界的爱因斯坦，但他的《JavaScript语言精粹》并不适合初学者学习。这本书没有通透、清晰、明了的阐述JavaScript的核心概念。但对于更高级的学习路线，我倒会建议你看看Crockford先生的视频。

还有，不要只从Codecademy等网站学习JavaScript，因为即使知道怎么编写一大堆JavaScript代码小片段，还是不能学会怎么建立一个web应用程序。即便如此，在后面我还是会建议把Codecademy当做补充的学习资源。

本课程资源

更新：Reddit用户d0gsbody4月8号在Reddit上建立了一个学习小组。他和其他组员都非常积极和乐于助人。我建议你加入这个小组，他们会让你保持积极性且帮助你更好的学习JavaScript。毕竟独自折腾JavaScript还是有点难度的。链接：Learning JS Properly – Study Group on Reddit

请在以下两本书中选一本，第一本比较适合有编程经验的人，而另一本则适合完全没有编程经验的初学者。

我个人推荐第一本书，因为作者对各个知识点都阐述得非常好且涵盖了一些高级JavaScript知识点。但是，要看懂这本书你至少要对web开发有一定的基本了解。所以，如果你有一点点编程经验或者web开发经验（不一定是JavaScript），那就买这本书吧。

如果你没有编程经验，可以买这本：

纸质版（英文） ：JavaScript: The Definitive Guide

纸质版（中文） ：JavaScript权威指南(第6版)

Kindle版（英文）：JavaScript: The Definitive Guide

Kindle版（中文）：JavaScript权威指南（原书第6版）

纸质版（英文） ：Professional JavaScript for Web Developers

纸质版（中文） ：JavaScript高级程序设计(第3版)

Kindle版（英文）：Professional JavaScript for Web Developers

Kindle版（中文）：JavaScript高级程序设计(第3版)

免费注册Stack Overflow，这是一个编程领域的问答论坛。在这里提问题得到的回答比Codecademy要好，哪怕你的问题非常基础，看起来很傻（记住，从来没有愚蠢的问题）。

免费注册Codecademy，这是一个在线学习平台，你可以直接在浏览器里面写代码。

JavaScriptIsSexy上的一些博文，包括对象，闭包，变量的作用域和提升，函数等等。

视频类:

1、lynda.com（英文网站、视频质量高、收费）

http://www.lynda.com/

2、慕课网（所有教程免费，里面的讲师都很不错，课程很多）

http://www.imooc.com/

3、百度传客（部分收费，资源不错）

http://www.chuanke.com/

4、网易云课堂（这个部分视频要收费）

http://study.163.com/

5、极客学院（这个是收费的）

http://www.jikexueyuan.com/

手册、文字教程类：

1、MDN 有很多教程、示例，更新及时

https://developer.mozilla.org/en-US/

2、w3school：提供完整的建站教程，包括：HTML、CSS、TCP/IP、JS、PHP、SQL等，教程是文字教程，

提供在线代码测试，非常方便便于理解。

http://www.w3school.com.cn/

3、Jquery中文手册，支持搜索，内容全面。

http://www.hemin.cn/jq/

4、HTML Dog：英文网站，在线学习HTML、CSS和JS

http://www.htmldog.com/

5、thinkjs 参考手册（thinkjs是基于Promise的Node.js MVC框架）

http://www.thinkjs.org/doc/start.html

6、ES6教程（全面介绍ECMAScript 6新引入的语法特性。）

http://es6.ruanyifeng.com/

7、javascript的秘密花园

http://www.jb51.net/onlineread/JavaScript-Garden-CN/

8、菜鸟教程（网站开发各方面教程）

http://www.w3cschool.cc/

9、百度Echarts 开源图表库

echarts.baidu.com/index.html

10、css-hack css教程 很多css知识点都有详细的说明

http://www.divcss5.com/rumen/

论坛、社区类：

1、Stack Overflow 问答网站，提供优质的问题解答

http://stackoverflow.com/

2、segmentFault 问答网站，提供优质的问题解答

　 http://segmentfault.com/

3、Github 开源代码库 代码分享 反映技术潮流 推荐！（点击查看github的介绍与使用 点击查看Git的使用）

https://github.com/

4、开源中国社区 代码分享 反映技术潮流 推荐！

http://www.oschina.net/

5、Google Code 代码分享 反映技术潮流 推荐！

(资源整理http://www.cnblogs.com/yangzhenyu/archive/2012/03/25/2417063.html)

https://code.google.com/

6、apache 代码分享 反映技术潮流 推荐！

http://www.apache.org/

7、CSDN IT社区

http://www.csdn.net/

博客、资讯类：

1、淘宝UED

　 http://ued.taobao.org/blog/

2、OPEN资讯

http://www.open-open.com/news/

3、豪情的博客（里面有很多干货，有很多学习经验的分享）

http://www.cnblogs.com/jikey/

4、前端分享网

http://w3cshare.com/

5、jser的博客

http://jser.me/ （他的前端导航站不能更棒！http://123.jser.us/）

其他：

1、icon图标（这里所有需要的图标）

http://www.easyicon.net/

2、很有趣的闯关游戏，可以来试试

http://cafebabe.cc/nazo/

3、前端资源网址导航

http://www.whycss.com/

4、前端资源汇总（来自知乎）

http://www.zhihu.com/question/20246142/answer/14470387

5、外国妹子180天做的180个网站，好棒！

http://jenniferdewalt.com/

6、支持在线检查标记语言的网站

https://validator.w3.org/

7、javascript练习通关（可以判断答案是否正确，还有其他语言的学习）

http://www.codewars.com/

8、webstorm快捷键

完整快捷键 速查卡

9、less、sass的编译工具-koala

http://koala-app.com/

---