好玩的编程网站整理 (未完成&&未整理) (暂时比较乱)

ゞ浴缸里的玫瑰 2022-09-24 04:23 67阅读 0赞

最近找各种有趣的编程网站，也收藏了不少，有点混乱，现在暂时整理一下，先写网址和网站名，暂时不传图片。有空再传。

排名没有先后，哪个网站能打开就先写的哪个。

以下是暂时粘贴的资料：（没整理）

在过去的几年里，在互联网上出现了许多为开发人员提供的在线编程网站（Coding playgrounds）。这不是一件坏事情，毕竟，如果一个编程网站的话，开发者们迟早会腻的。在这些网站上，你在网页上编写代码，可以实时地看到效果。你可以编辑所有的东西并预览其效果。当然，这些网站最适合编写HTML，CSS和JavaScript代码了。最赞的地方在于他们大多都是免费的，你可以很容易地与别人分享你的编程现场，这很适合于团队工作和创新想法的交流。

如果你深入地想想这种编程模式的话，你就会发现这种模式对于项目合作很有帮助。而且如果你使用得当的话，你会收获很多。如果你在Coding 的时候发现你遇到问题了，你可以找你的朋友来跟你一起来玩，说不定问题很快就解决了。因此我们想给你推荐10个在线编程网站，去试试这些个工具，然后告诉我们你的感觉如何，随时欢迎你的评论！

你或许也对[CSS Code Snippets][] 和[Javascript Resources and Tools][Javascript_Resources and Tools]感兴趣。

**1、[Codepen ][Codepen]**

[![545c2583caec6.jpg][]][545c2583caec6.jpg]

这个工具写前端代码最合适了，其包括了教学，分享和设计灵感的方方面面。这个网站提供了许多实用的功能，比如说分享代码，嵌入代码片等。我们建议你边开发项目边使用Codepen来进行测试。

**2、[JSFiddle][]**

[![545c259bb1b5b.jpg][]][545c259bb1b5b.jpg]

这是一个shell 编辑器，而且因为可以使用JS库来编写客户端界面，所以用JSFiddle编写JS代码将会特别舒服。现在你就可以选择一些JS库来开始你的代码之旅。我觉得这或许是最好、最完美的JS研发、测试和分享平台了。

**3、[JS Bin][]**

[![545c25a5bcd71.jpg][]][545c25a5bcd71.jpg]

这是为那些想要测试CSS和JavaScript代码段的开发者设计的网站，你还可以去这里调试代码。如果对自己的代码很满意的话，你可以保存自己的项目并分享给朋友。

**4、[CSSDeck][]**

[![545c25b2935b4.jpg][]][545c25b2935b4.jpg]

这是一个在线的CSS沙盒软件，你可以快速地测试你的CSS代码片，并能感受到完成作品所带来的成就感。这个工具还可以显示代码行数，并且有语法高亮。最赞的特性是可以你可以把代码分享给任何人，可以是你的朋友或其他的人。

**5、[Dabblet][]**

[![545c25be84777.jpg][]][545c25be84777.jpg]

如果你想快速地测试你的HTML和CSS代码片的话，那么这个工具将是你的不二选择。该软件实现了Prefix-free 理念来简化开发人员的工作，Prefix-free就是开发者勿需写CSS 前缀，由软件来自动完成。你还可以将你的代码保存到Github上和朋友或别人来分享你的作品。当下该工具只支持Google Chrome，Safari和Firefox，但很明显你很少用别的浏览器对吧？

**6、[Liveweave][]**

[![545c25cc6a163.jpg][]][545c25cc6a163.jpg]

如果你是一个Web设计人员或开发人员，那么这个工具会很适合你，该工具支持HTML5和CSS3，当然还支持JavaScript。你可以用它来测试你的作品或工具。遇到问题了你可以和朋友一起来Coding一起来解决问题，写出了很酷炫的代码，你也可以炫耀一番。值得一提的是，该工具还有代码智能提示哦。

**7、[Google‘s Code Playground][Google_s Code Playground]**

[![545c25d7e6468.jpg][]][545c25d7e6468.jpg]

当所有人都来参与在线编程的时候，我们知道谷歌肯定也会来分一杯羹的。 谷歌Code Playground是一个基于Web的工具，旨在让开发者来更方便地使用谷歌提供的API接口。你可以修改代码然后查看结果。这个工具可以让你查看任何的代码而无需打开一个外部编辑器。它还为开发者提供了默认的API，你只需要选择你想用的就可以了。

**8、[Editr][]**

[![545c25e3c058a.jpg][]][545c25e3c058a.jpg]

这是一个相对简单的工具，你甚至可以在自己的服务器上搭建该工具。该工具基于ACE编辑器，搭建起来非常简单，支持水平、垂直和单一三种视图。前两种视图用于在线编程，后一种用于展示你的作品。该工具遵循MIT License，所以我敢保证用起来绝对很爽。另外，Editr 设计简洁美观，绝对会招你青睐的。

**9、[D3 Playground][]**

[![545c25f119621.jpg][]][545c25f119621.jpg]

这个工具是为了更全面地支持D3.js库而设计的，所有改变将实时地反映到输出中。 当下CSS的角色已经举足轻重，所以CSS代码已经是Web开发中不可或缺的 一部分，幸运的是，该工具内嵌了CSS编辑环境，你可以轻松地编写CSS代码。

**10、[HTML5 Playground][]**

[![545c25ff8bf63.jpg][]][545c25ff8bf63.jpg]

这个工具提供了很多代码和工具库供开发者学习和使用，当然很多是关于HTML5的有趣的新特性的，比如说是audio标签，互动式form等。当然，还有很多的element，比如说range，date input，甚至还有邮件地址格式的自动检查。这个工具很有前景，而且肯定能在工作中给你很多帮助。

每个人都暗自地渴望成为一个创业者。现今技术型新兴产业和机会正值繁荣时期，我看到网上创业的公司比线下创业的公司多很多。技术创业，正如其名，意味着你的生意通常不是在线下进行的。像这种类型的创业，创业者应该懂得编码和设计工作。我的意思是，如果你不知道如何给自己理发又怎么可能去开一家理发店呢。

那么，如果你没有编码和设计方面的知识，你还能够干这行吗？我们说，当然可以！为什么不呢？我们将会给您推荐一些非常棒的资源，在那里你既可以学到基础知识也可以学到高级的编码技术。你在享受乐趣的同时就提升了自己的技能。

学习编码和设计时最大的问题在于，它从来不是一件简单的事，它需要投入很多时间而且会相当枯燥。不过，我们有一系列的在线资源和网站可以简化编码，让其变成简单。

这些网站都是交互式的，采用了学习的最佳实践方法，意味着你可以立刻有所收获，不必痛苦地忍受学习编码和设计的枯燥过程。

有了这些网站，你也可以和志同道合的人弄懂并解决在开发过程中遇到的问题。常言说，谨言慎行不吃亏。因此，即使你在编码和设计方面很擅长，仍然应该了解其他人遇到的问题，以免今后同样的问题影响到你的业务。

我已经把怎样学习编码和设计的简单方法告诉你了，不相信的话，就亲自去体验吧

1) [MIT Open Courses Ware][MIT_Open_Courses_Ware]

MIT course ware 拥有大量工程和计算机科学相关的课程，它提供了所有的免费资源，包括考试、作业、设计和分析算法等等。

![wKiom1Mvp3vTQNTcAACxLmlvgek792.jpg][]

2) [Mozila Developer Network ][Mozila_Developer_Network]

Mozilla为[程序员][Link 1]提供了一个开发网络平台，在这里可以学到新的技术，也可以得到很多资源帮助你入门。这个网络平台可以帮助你学习HTML， CSS，Javascript，图型等方面的知识，包括教程，参考指南，例子，开发人员指南等。

![wKioL1Mvp1TCkkMfAAB9UbH7OGE958.jpg][]

3) [The Code Player][The_Code_Player]

The code player能帮助你学习HTML5， CSS3， Javascript以及更多的高级技术，提供有视频和源代码。

![wKiom1Mvp3zTHW2KAACBDGxlEbY553.jpg][]

4) [Codecademy][]

加入codecademy社区，学习javascript、html/css、php/python、ruby。赶快建立你的个人资料开始吧，利用免费的资源，创建你的应用程序、游戏和互动网站来学习如何编写代码。

![wKiom1Mvp3zDEtZJAABvoROUlGA748.jpg][]

5) [Udacity][]

这里提供了大量在线的计算机科学、salesforce、移动开发、web开发、人工智能等等的课程。你也可以创建项目，完成后可获得行业认可的证书。

![wKioL1Mvp1SgroNzAACFI89eO54850.jpg][]

6) [Learneroo][]

通过解决挑战来了解java编程和一些新的技能，学习变量、循环、字符串和数组这些基本的java编程知识。

![wKioL1Mvp1Sztv_UAAB3wzFDZrM691.jpg][]

7) [Koding][]

![wKiom1Mvp3zibkfPAACAqIPqDFs341.jpg][]

8) [Talent Buddy][Talent_Buddy]

TalentBuddy为程序员提供了一个可以练习C、C\#、C++、javascript、PHP、Python, Ruby的地方，以采访问答的方式引导你解决问题。

![wKiom1Mvp3yjp-WqAABYh3noeo8965.jpg][]

9) [Code Avengers][Code_Avengers]

Code avengers 上有HTML，CSS，JavaScript相关的课程，富有挑战性，你可以学到怎样编写游戏，应用程序和网站。初学者在这里也可以学到很多东西，做出一些很棒的项目。

![wKioL1Mvp1Xw49AqAAC3TZnftX8912.jpg][]

10) [Plural Sight][Plural_Sight]

![wKioL1Mvp1Wj_OS-AACDSe5biQo704.jpg][]

11) [Scratch][]

Scrath拥有超过40个的Lac项目，是一个非常棒的学习社区。你可以创建故事，游戏和动画并分享给世界各地的朋友和家人。加入Scratch，弄一个你自己的项目吧。

![wKiom1Mvp3ygoMRjAACKit5O4xU322.jpg][]

12) [The New Boston][The_New_Boston]

这是开发者的视频分享网站，你可以得到你最喜欢的主题方面所有的视频或教程，包括Ajax，C++，Java，PHP， Python， Ruby以及更多其他的技术，只要是你想要学的。

![wKiom1Mvp3yiK-rOAACoPhL4nAc367.jpg][]

13) [Coder Dojo][Coder_Dojo]

CodeDojo是一个程序员有机会学习如何编写代码的地方。这里对每个人都是免费且开源的，加入Dojo社区并开始编程吧。

![wKioL1Mvp1Ww-LZyAAB7nABK1KE748.jpg][]

14) [Udemy][]

Udemy是程序员学习如何编码的良师。在这个网站上，开发者可以找到大量的课程来增天自己的知识。

![wKioL1Mvp1WgJWg_AAB5wNkDtLs020.jpg][]

15) [Coderace][]

Coderace 是最受欢迎的去处之一，你可以轻松的学到设计、开发和IOS相关的知识，并通过解决挑战来增加你的知识。

![wKiom1Mvp33ime5dAACwp2lyDM0356.jpg][]

16) [Programmr][]

![wKiom1Mvp33xqZyFAACPpvGGYLU732.jpg][]

17) [Coursera][]

Coursera为程序员提供的最好的在线免费课程。你可以找到625门相关课程来学习怎样容易地编写代码。

![wKioL1Mvp1XwJEGfAACqMK1WVM0442.jpg][]

18) [Khan Academy][Khan_Academy]

在这些教程中，你将学会如何使用JavaScript和ProcessingJS库来创建有意思的图画和动画。

![wKioL1Mvp1WiazNwAACSF-YtOwQ020.jpg][]

19) [HTML5 Rocks][HTML5_Rocks]

在HTML5rocks，开发者可以学到如何使用HTML编程，使其适合你的项目。这里提供了许多的教程能够很好地帮助开发者。

![wKiom1Mvp32AFQ1tAABu1zQ9iWM755.jpg][]

20) [Learn Python the Hardway][Learn_Python_the_Hardway]

![wKiom1Mvp32z7FTrAACZjQ5oYAE692.jpg][]

21) [Team TreeHouse][Team_TreeHouse]

从我们专业老师录制的1000多个视频中学习web设计，编码，商业知识，等等。我们资源库不断更新，和最新的web技术接轨，你永远都不会落伍的！

![wKioL1Mvp1bwX2FYAACCyeDVRto123.jpg][]

22) [Lynda][]

无论你是想初次尝试设计并创建一个网站，还是你已经在设计网站方面干了很多年了，你总会从我们专家教授的视频课程中学到一些东西。来这里学习使用WordPress或者jQuery，CSS设计，HTML，甚至发布内容。

每一门在线课程都包括视频教程。加入我们，你可以访问任意一门课程，不断地学习。

![wKioL1Mvp1bjYXWsAACFuG6A8A0963.jpg][]

23) [Codepen][]

CodePen是一个网站前端设计开发平台。这里的一切都与灵感、教育、分享有关。需要建立一个简化的测试用例来演示并找出bug？或者想炫耀你的最新创作，并获得同行的称赞？还是想为你的项目找一个特定的设计模型？CodePen太合适不过了。

![wKiom1Mvp37ixBMSAAB-j5x4fvA280.jpg][]

24) [P2PU2  School of Webcraft][P2PU2_School_of_Webcraft]

到School of Webcraft来学习web开发技术吧。

![wKiom1Mvp37Bma6tAABznTXHZy8294.jpg][]

25) [Dev Opera][Dev_Opera]

![wKioL1Mvp1bhZKVnAACDNqbulKY220.jpg][]

26) [Code School][Code_School]

你可以方便地打开你的浏览器，看看教学视频和相关教程，做做挑战性的项目，就能从Code School学习到Web技术。Code School整合了视频，在线编程和游戏元素，为你打开了一扇学习新技术的大门！

![wKioL1Mvp1bA_GPjAABfDJshDIg562.jpg][]

27) [Academic Earth][Academic_Earth]

Academic Earth坚信每个人都应该获得世界一流的教育，这就是我们不断提供一系列免费的在线的课程的原因，这些课程均来自世界顶尖的大学。现在，我们可以在课堂之外学习原汁原味、富有启迪的视频，这些视频能够激发你的创造力并且让你想与他人交流讨论。观看、学习、分享、思辨。不管怎么说，只有对这个世界进行不断拷问，我们才会更好地理解它。

![wKiom1Mvp37CRcIbAAB456tsq-M799.jpg][]

28)  [Open Learn][Open_Learn]

![wKiom1Mvp37ROMX3AACFC-Yt7ys971.jpg][]

29) [W3C][]

欢迎来到Web教育社区组织WiKi！这个页面包含的资源可以帮助你教授或者学习先到的Web开发。

![wKioL1Mvp1aTuTJLAACBsb4Ya7w627.jpg][]

30) [Develop PHP][Develop_PHP]

DevelopPHP.com 是一个快发展中的教育系统，这里有大量的视频和文字资料，可供你在任何时候获取，并且100%免费。在这里，2013年受关注的五大技术是：HTML，CSS，JavaScript,PHP和MySQL。来这里学习编程理论，数据库交互，[网页设计][Link 2]，动画，图形编辑，矢量艺术，三维建模，等等。

![wKioL1Mvp1ejlQthAADB3Mbj_HI064.jpg][]

31) [Bloc][]

![wKiom1Mvp36i7izFAABrqfFp094567.jpg][]

32) [How to Code][How_to_Code]

![wKiom1Mvp37RQ_w8AAB7WBuFBqc281.jpg][]

33) [Google Developers][]

![wKioL1Mvp1eTeaWjAACigN1y8lo220.jpg][]

34) [Learnable][]

![wKioL1Mvp1fRrEK1AABl1sYmVfU424.jpg][]

35) [Bento Box][Bento_Box]

![wKiom1Mvp3_iKE9dAABeQC3t2cE106.jpg][]

## 国内    ##

1.  1
    
    （1）萌码  
    
    适合初学者的学习的在线编程学习网站
    
    1、在线开发环境
    
    在萌码学习，用户无需配置编程环境，所有学习和操作在网页中均能实现。
    
    2、互动式学习
    
    “互动式”的教学过程如同老师手把手教学，消除了用户学习过程中的干扰因素；同时，网站还将理论与实践融为一体，用户能够一边学习一边进行实际操作，掌握知识点的同时便能实践，从而加深了学习记忆。通过这种人机交互，就算是最零基础的“小白”用户也能搞定。
    
    3、时光机
    
    “时光机”功能类似程序员们 debug 的过程，它能让用户回放每一个编程步骤，看每一步的程序运行过程和结果，并以图形化方式显示，这样用户可以清晰地理解每一步的含义，并找出代码出错的地方进行修正，从而避免在未来的编程过程中再犯类似的错误。
    
    [![推荐几个很实用的编程网站][5882b2b7d0a20cf44acf39fc72094b36acaf99b2.jpg]][5882b2b7d0a20cf44acf39fc72094b36acaf99b2.jpg 1]
2.  2
    
    （2）慕课网  
    
    垂直的互联网IT技能免费学习网站。以独家视频教程、在线编程工具、学习计划、问答社区为核心特色。在这里，你可以找到最好的互联网技术牛人，也可以通过免费的在线公开视频课程学习国内领先的互联网IT技术。
    
    慕课网课程涵盖前端开发、PHP、Html5、Android、iOS、Swift等IT前沿技术语言，包括基础课程、实用案例、高级分享三大类型，适合不同阶段的学习人群。以纯干货、短视频的形式为平台特点，为在校学生、职场白领提供了一个迅速提升技能、共同分享进步的学习平台。
    
    [![推荐几个很实用的编程网站][ac345982b2b7d0a27783c0becfef76094b369a4f.jpg]][ac345982b2b7d0a27783c0becfef76094b369a4f.jpg 1]
3.  3
    
    （3）全国最大中文IT社区  
    
    国内的程序员入门级网站，内容很多很杂，包括论坛、资源下载、博客、各种资讯等等。经常只在这个网站找到稳定的资源下载。攒积分要从娃娃抓起啊，不要到了要下载的时候才发现分不够。。。
    
    [![推荐几个很实用的编程网站][f2deb48f8c5494ee6cc2ce3a29f5e0fe99257e35.jpg]][f2deb48f8c5494ee6cc2ce3a29f5e0fe99257e35.jpg 1]
4.  4
    
    （4）开源中国社区
    
     国内最好的开源社区，在这里讨论问题的氛围挺不错的。创始人红薯也很热心，更新很即时，经常看到新出的开源项目在这里有翻译介绍。
    
    [![推荐几个很实用的编程网站][b58f8c5494eef01fa1eadbe6e4fe9925bc317d13.jpg]][b58f8c5494eef01fa1eadbe6e4fe9925bc317d13.jpg 1]
5.  5
    
    （6）极客标签  
    
    2014 年已经不应该是学生想要学 IT 就一定要忍受这种折磨的时代，就以网页编程教学来说，我们完全可以通过一些更新，更加直观的技术来编制新的学习方式。极客标签就是这样的一个产品——一个在线 Web 编程知识学习和分享的平台。
    
    从知识学习方面，极客标签是国内唯一使用代码录制和回放的方式来为用户提供 Web 编程教育服务的学习平台，也是国内为数不多的不基于第三方，由网站运营方和注册用户提供精华教学内容的公开课平台；从知识分享方面，极客标签也是目前专精于网页前端知识，稍微对其他相关的网络编程知识进行辐射的极客社交社区。
    
    [![推荐几个很实用的编程网站][6a63f6246b600c33cb0112eb1e4c510fd9f9a19d.jpg]][6a63f6246b600c33cb0112eb1e4c510fd9f9a19d.jpg 1]
6.  6
    
    （7）
    
    国内版的stackoverflow，90后的作品，已经积累了不少中文问答，人气还有待提高。
    
    [![推荐几个很实用的编程网站][e850352ac65c103837fd02e1b6119313b07e8916.jpg]][e850352ac65c103837fd02e1b6119313b07e8916.jpg 1]
    
    END

## 国外    ##

1.  1
    
    （1）codecademy 
    
    在线教育现在有很多模式，最有代表性的就是编程学习网站Codecademy。Codecademy并没有任何老师来授课，全程都是依靠程序的反馈和提示教学。Codecademy建立的编程课，应该是现在世界上最有趣，体验最好的编程课，Codecademy学习向导功能十分强大，让用户如通关游戏一样去解决各类问题，用户可以自主地去完成各种教学任务。
    
    [![推荐几个很实用的编程网站][838ba61ea8d3fd1ff6bd6f19344e251f95ca5f59.jpg]][838ba61ea8d3fd1ff6bd6f19344e251f95ca5f59.jpg 1]
2.  2
    
    （2）stackoverflow  
    
    有干货的地方。代码遇到相关问题经常被导到这个网站去，回答质量很高，排版简洁清晰。我现在遇到问题经常会搜索词后面加一个词"stackoverflow"，敲回车的同时常常要骂一下这个创始人起个名字咋那么长.....
    
    [![推荐几个很实用的编程网站][77c6a7efce1b9d166d485542f7deb48f8c546402.jpg]][77c6a7efce1b9d166d485542f7deb48f8c546402.jpg 1]
3.  3
    
    （3）github  
    
    最大的开源中心，项目五花八门，从华贵绚丽的界面到低调实用的小类库，应有尽有。需要睁大眼睛慢慢挑，适合英语好的。Ruby和Javascript的项目尤其多。
    
    [![推荐几个很实用的编程网站][8644ebf81a4c510f97622c396459252dd42aa56b.jpg]][8644ebf81a4c510f97622c396459252dd42aa56b.jpg 1]
4.  4
    
    （4）codecanyou  
    
    初次看到这个网站，小伙伴们表示都惊呆了。原来代码也可以放在网上卖的？！！ 很多coder上传了各种代码，每个代码都明码标价。看了下销售排行，有的19刀的卖了3万多份，额di神啊。可以看到代码的演示效果，真的很漂亮。代码以php、wordpress主题、Javascript、css为主，偏前台。
    
    [![推荐几个很实用的编程网站][8601a18b87d6277f880bfb1b2c381f30e924fcfc.jpg]][8601a18b87d6277f880bfb1b2c381f30e924fcfc.jpg 1]
    
    END

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。

![一些不错的程序猿学习网站][html-website-design.jpg]

## 国外的： ##

*  [http://stackoverflow.com][http_stackoverflow.com] 有干货的地方。代码遇到相关问题经常被导到这个网站去，回答质量很高，排版简洁清晰。我现在遇到问题经常会搜索词后面加一个词"stackoverflow"，敲回车的同时常常要骂一下这个创始人起个名字咋那么长.....
 *  [http://github.com][http_github.com] 最大的开源中心，项目五花八门，从华贵绚丽的界面到低调实用的小类库，应有尽有。需要睁大眼睛慢慢挑，适合英语好的。Ruby和Javascript的项目尤其多。
 *  [http://codecanyon.net][http_codecanyon.net] 初次看到这个网站，小伙伴们表示都惊呆了。原来代码也可以放在网上卖的？！！ 很多coder上传了各种代码，每个代码都明码标价。看了下销售排行，有的19刀的卖了3万多份，额di神啊。可以看到代码的演示效果，真的很漂亮。代码以php、wordpress主题、Javascript、css为主，偏前台。

## 国内的： ##

*  [http://www.w3cschool.cc][http_www.w3cschool.cc] 自己先推荐下自己的网站，内容丰富，新手可以作为入门指引，高手可作为手册使用，支持移动版，地址为：[http://m.w3cschool.cc][http_m.w3cschool.cc]
 *  [http://csdn.net][http_csdn.net] 国内的程序员入门级网站，内容很多很杂，包括论坛、资源下载、博客、各种资讯等等。经常只在这个网站找到稳定的资源下载。攒积分要从娃娃抓起啊，不要到了要下载的时候才发现分不够。。。
 *  [http://oschina.net ][http_oschina.net]国内最好的开源社区，在这里讨论问题的氛围挺不错的。创始人红薯也很热心，更新很即时，经常看到新出的开源项目在这里有翻译介绍。
 *  [http://pudn.com ][http_pudn.com]源码资源量很大的网站，但是由于数量过大，审批松，源码质量不能保证。经常下载下来无法打开或者运行，白白浪费积分。上传5个资源即可下载。
 *  [http://misou.com][http_misou.com] 米搜网。这个网站有点龟毛，信奉"有图有真相"原则，每个上传源码都要配图证明其运行状态。刚开始我也抵触，懒得上传，后来恼了，硬着头皮传了3个，发现其实也没有那么麻烦。上传3个就有大约30个积分，同时可以下载站内很多免积分的资源。界面用的是bootstrap，在chrome或者firefox下面看起来会更漂亮些。python、c\#还有游戏类资源都不错。
 *  http://jb51.net 脚本之家。网站建设类资源非常丰富，强项在于javascript、jquery和vb等脚本语言，还有很多素材和特效模板，真是开发网站的神器。界面比较传统，罗列式布局，刚刚上有点晕呵呵。
 *  [http://segmentfault.com][http_segmentfault.com] 国内版的stackoverflow，90后的作品，已经积累了不少中文问答，人气还有待提高。

1.https://www.codeschool.com/

![55eff8a08c51b_middle.jpg_35653][]

曾几何时，编程对极客来说是最讨厌的事，但在今天，事情已经不再是这样了。大多数的企业家、自由职业者和市场推销人员都会告诉你：编程改变命运。在过去几年里，我一直在学习如何编程，编程也帮助我成为了一个更好的企业家——当我的团队需要我修理一些网站的bug时，我都可以鞠躬尽瘁了。

你完全不必倾家荡产去学习如何编程，这12个提供免费编程课的地方推荐给你。

**1.  CodeAcademy**

最受欢迎的学习编程的网站之一就是[CodeAcademy][Codecademy]啦。事实上，已经有超过2400万人通过这个教育公司的迷人经验学习过如何编程，在CodeAcademy,通过上课你可以深入了解到从[HTML&CSS][HTML_CSS]、[JavaScript][]、[jQuery][]、[PHP][]、[Python][]到[Ruby][]的所有东西。

相关阅读：[想让你的生意上升到新的层次？来提高你的市场营销和编程能力吧][Link 3]

**2. Coursera**

创办于2012年，[Coursera][Coursera 1]已经成长为一个以营利为目的的教育技术公司，它提供119个机构的超过1000个课程。虽然你可以支付某些程序来获得一个证书，但还是有免费的各种专门化编程的介绍课程，这些课程由各个大学提供，例如华盛顿大学、斯坦福大学、多伦多大学和范德比尔特大学。

**3. edX**

[EdX][]是另一个开源非营利在线学习平台的代表。它是由哈佛大学和麻省理工学院在2012年创办的，在这里你会学到一些尖端技术和理论。如今，edX的加入者已经包括60所学校，你可能不会在这个免费的[哈佛大学电脑课程介绍][Link 4]上走错。

**4. Udemy**

[Udemy][]成立于2010年，是一个可以学习和提高职业技巧的在线学习平台。虽然有需要付费的课程，但也有大量通过视频课教授的免费编程课，比如[为企业家量身打造的编程——HTML&CSS][HTML_CSS 1]和[Python编程介绍][Python 1]。

**5. aGupieWare**

[AGupieWare][]是一个独立的应用程序开发商，它从美国的一些领导机构中调查计算机科学程序，后来它创办了一个由斯坦福大学、麻省理工学院、卡内基梅隆大学、伯克利大学和哥伦比亚大学提供的免费教程，这个项目之后被分成了15个课程：3个入门课程、7个核心课程和5个选修课。

尽管实际上你不会收到贷款,这仍然是一个为未来的计算机程序员准备的完美的介绍程序。

**6. GitHub**

有时你会被一个问题困住，需要翻看参考书，那就来找[GitHub][]吧。你可以在基于web的Git存储库主机服务中，找到囊括80多种编程语言的超过500个免费的编程书。

**7. MIT Open Courseware**

如果你已经学过了基础知识，想学学更深层的知识，例如探索编程背后的理论。那就是MIT免费课件网站的优势了，它包括了例如[电脑科学及编程][Link 5]、[Java编程简介][Java]和[C语言编程实例][C]这些课程。

相关阅读：[据说GitHub投入20亿美元作为新一轮融资][GitHub_20]

**8. Hack.pledge()**

这是一个开发者社区，包括一些像BitTorrent的创造者Bram Cohen这样的高知名度开发者。因此，你可以向世界上一些首席开发者学习，使你的编程能力变得完美无缺。

**9. Code Avengers**

总部在新西兰的[Code Avengers][Code_Avengers]提供有趣且互动的编程课，教你如何用JavaScript、HTML和CSS编游戏、应用程序和网站。每个课程仅在12小时内完成且有英语、俄语、荷兰语、西班牙语、意大利语、土耳其语和葡萄牙语版本。

**10. Khan Academy**

[Khan Academy][]由教育家Salman Khan创办于2006年，是最原始的免费在线学习机构之一。通过一步步的视频教程，你可以学会如何用JavaScript和ProcessingJS编程图画、动画和游戏，还可以学会如何用HTML和CSS创建网站。

**11. Free Food Camp**

[这里][Link 6]你可以通过加入社区的专业人士和学生学到HTML5、CSS3、JavaScript、Databases、DevTools、Node.js、Angular.js和Agile。你们甚至可以用编程技能在一起工作，这样就可以构建免费的应用程序。要记得这点：你正在学习的这些技能有助于解决实际问题，代码应该是非营利的。

**12. HTML5 Rocks**

这个[Google project][]发布于2010年，是为了和苹果的HTML5对着干，这个网站满是教程、资源和最新版的HTLM5。它是开源的，所以开发者可以随意使用HTML5代码，而且因为它比大多数入门课程更先进，你可能想要在进入网站之前先学习一些基础知识和经验。

学习代码原本需要昂贵的书籍和课程，但以后再也不需要了。我强烈建议每个企业家都应该学习编程。还在纠结你要不要编程？这本[编程指南][Link 7]会详细向你展示我从一个企业家到编程者的每个步骤。

**1. [CODECADEMY][Codecademy]**

[![52a66ee4d27e7.jpg][]][52a66ee4d27e7.jpg]

它是一种基于网络的互动编程教程，手把手帮助用户了解JavaScript的一些基本原理，更重要的是，使用Codecademy学习编程充满了趣味性，它的联合创始人是Zach Sims和Ryan Bubinski。另外，该网站在去年已经推出了中文版。

在用户第一次打开首页的时候，会如上图中所示的那样，会让你简单的进行一些操作，让初学者初尝编程的乐趣。

> 用户一旦进入网站就能轻松完成编程的第一课，若用户要想知道自己的名字有多少字母，只需将自己的名字输进双引号中，再输入“.length”，最后点击enter键即可，非常简单。  
>

很多的编程网站内容错综复杂，有数以百万计的课程，而Codecademy只提供特定的计算机语言，例如：JavaScript和Ruby。

**2. [LADIES LEARNING CODE][]**

[![52a673b26f3a4.jpg][]][52a673b26f3a4.jpg]

Ladies Learning Code的网站创始人是Heather Payne，她的目标是使得促进女性和女生对计算机编程的学习，打破男性一直以来主导高科技领域的情况。这是一家总部设在多伦多（加拿大）的非营利编程组织，其网站主页上显示，只要你是有抱负的人，无论你是9岁还是49岁都能来学习。

Ladies Learning Code诚邀女子（偶尔也有男性）进行协作学习技术技能，所有课程都是从各种编程语言入门级开始教授。

你可以在任何时间和地点进行学习，另外网站也会提供一些关于JavaScript、HTML和Photoshop的研讨会。

**3. [CODE RACER][Coderace]**

[![52a6759dc95f8.jpg][]][52a6759dc95f8.jpg]

Code Racer是一个在线编程游戏，会强迫你快速编程，在编程游戏中，Code/Racer所属Treehouse团队拥有超过650个教学视屏，当你完成某个课程的话，就会获得相应的徽章。另外，高级程序员或者有经验的程序员可以考核初学者，测试他们的技能。网站的教学侧重于HTML和CSS。

**4. [UDACITY][Udacity]**

[![52a6772d95eba.jpg][]][52a6772d95eba.jpg]

UDACITY是由斯坦福大学（Stanford University）教授创办的盈利性网站，不过没有跟大学结成联盟，主要教授Java、Web开发、HTML5和软件测试。

网站会有基于软件的测试、习题集、跟编程相关的作业。另外，每个单元的每个知识块都有相应的习题和答案。而且，任意一个选择题都是教授自己手写的，每一个答案又单独做成了一个小视频。在习题集里面同样包含视频，学生可以在线输入代码，测试代码。

学生能获得很多，网站会根据学生的学习表现颁发不同层次的证书：结业、良、良好、优秀。另外，科罗拉多州立大学（Colorado State University）的环球学院已经认可Udacity上部分课程的学分。Udacity还发布了一个免费的就业匹配计划，可以将学生的简历根据公司的招聘情况和学生的成绩发给包括 Google、Facebook、Twitter、美国银行在内的合作公司。

**5. [GIRLS WHO CODE][]**

[![52a6788e12971.jpg][]][52a6788e12971.jpg]

Reshma Saujani创立的Girls Who Code致力于教育女青年编程和学习科技技能，教育女生编程，将有助于缩小她们在科技领域与男性之间的差距，提升她们的竞争力，获得更好的职业发展。

这些女孩子将会学会怎么建立网站和移动应用，甚至开设自己的公司。课程中也包含财务知识、计算机科学和机器人技术。该组织表示已经得到了一些公司的经济援助，包括Twitter、通用电气、谷歌和eBay。

Reshma Saujani是“编程女生”的创立人，也是纽约公共宣传的正式代理人。她说，该计划的萌芽是在2010年，她在美国国会上竞选失败，失败原因是科学界男女比例的不平衡。

[\[topcoder\]][topcoder]

![topcoder][topcoder 1]

大家可以在这里赢得真金白银作为奖金，而且作为一个拥有近百万程序员受众的社区，我敢肯定这里会提供大量极具挑战的编程难题。之所以能够给出这样的结论，是因为我发现相当一部分新手编程爱好者都认为\[topcoder\]的题目确实难度较高。

大家可以同时参加每天以及每周组织的编程挑战活动，这两项赛事的题目都将对各位的头脑及才能提出挑战，只有最睿智的人才能够将其解决。但在参与之后，大家会发现这一切都是值得的，因为所有经历都将成为您个人简历上的一笔宝贵财富。

[HackerEarth][]

![HackerEarth   Programming challenges and Developer jobs][HackerEarth Programming challenges and Developer jobs]

HackerEarth提供一款SaaS应用程序，旨在对候选人的技术及逻辑能力进行自动化评估。它同时也是一套聚集并筛选开发人员的平台，企业能够在这里找到符合实际需要的理想员工人选。

他们会经常组织各类编程挑战活动，大家可以提前数周注册并申请参加，从而着手准备并提前了解应对难题需要掌握的基础知识。与TopCoder类似，HackerEarth同样是一个质量极高的网站，其提供的各种脑力挑战题目能够帮助大家在未来的职业生涯当中大受裨益。

CodeMonk

HackerEarth的最新亮点在于其新近推出的CodeMonk系列挑战赛事——在CodeMonk挑战赛中，大家可以全身心沉浸在自己编写出的代码当中，并通过反复挑战让实践经验真正融入自己的血液当中。这项挑战赛事主要关注编程难题的解决。

而且如果大家希望进一步发挥自己的冒险精神，并且希望能够突破学习的范畴参与一些真正的挑战活动，那么不妨借助HackerEarth的Sprint服务——其允许我们创建属于自己的黑客马拉松。

[Coderbyte][]

![Coderbyte   Programming   Game Challenges   Competitions][Coderbyte Programming Game Challenges Competitions]

Coderbyte是一个依靠Kickstarter众筹建立而成的项目（虽然如此，但它的参加众筹之前就已经存在了），且设计受众主要面向初学者及中等水平编程人员。

该站点建立于2012年，由Daniel Borowski一手缔造，而且如今已经发展成为一个由程序员们自主维护的社区。在这里，技术人员们利用自己的闲暇时间在这里解决各类挑战性难题。

大家也可以在这里就自己不了解的编程内容发问，整个社区的活跃气氛足以帮助各位找到答案并获得充足的干劲。总体来讲，Coderbyte是个人气极高的网络平台，而且风评相当积极——大家不要错过哦。

[Project Euler][]

![About   Project Euler.resized][About Project Euler.resized]

Project Euler可能是目前世界上人气最高的编程挑战网站了，自十年前创立以来，这里也已经逐渐成为成千上万名用户的活动之家。大家每周都能在这里找到新的挑战题目，但别误以为这样的节奏太过缓慢——此前已经被解决的超过450道难题绝对能榨干您的脑汁。

不过这些题目本身并非难到高不可攀——相反，它们大多强调思路与解决问题的能力，旨在帮助大家培养并学习到更多与所用编程语言相关的知识积累。总之，各类题目都高度针对解决途径而出现，能够确保大家以清晰的思路了解自己到底在利用编程语言做些什么。

要了解更多与Project Euler相关的情况，大家不妨点击以下链接: 维基百科、Reddit、Stack Overflow以及Google Code。

该网站甚至推出了专门的Android应用程序，大家可以点击此处进行下载。

[Daily Programmer][]

![For learning  refreshing  or just for fun][For learning refreshing or just for fun]

这里我要介绍个人最喜爱的网站之一：Reddit推出的Daily Programmer。如果大家希望了解更多与编程及问题解决思路相关的内容，这里将是非常理想的讨论平台。我认为这正是Daily Programmer目前的核心定位所在，而且各位每周能够在这里找到三道等待解决的独特难题。

更值得一提的是，这里还拥有大量活跃用户。我们在评论当中提交的所有内容都会得到众多社区成员的查阅，因此每项解决方案都能得到点评及回复。

强烈推荐！

[Codility][]

![Refactor yourself. Train your programming skills   Codility][Refactor yourself. Train your programming skills Codility]

在这里，大家能够找到大量针对不同编程语言所设计的思维挑战难题。它们根据不同难度作出了适当的排序，而且整个流程将有40到50道难题为各位设下重重考验。

每一道难题都提供详尽而充分的解释，而且根据我的个人体验，各试题都设定了时间限制——所以不要懈怠，一鼓作气将其解决吧！

[SPOJ][]

![Sphere Online Judge  SPOJ][Sphere Online Judge SPOJ]

Sphere Online Judge (简称SPOJ)是一座包罗万象的宝库，其中的数千道编程挑战试题足以让大家忙上好一阵子。SPOF当中挑战题目的涵盖范围同样广泛，从最基本的编程难题到艰深的算法难关无所不包——后者要求大家具备某些高超的问题解决技巧，例如为NP难题寻找最佳启发式算法。SPOJ允许大家利用所能想到的几乎每一种编程语言作为解题工具，并针对您所给出的解决方案提供反馈意见——其中可能包含一些有针对性的额外提示。

SPOJ背后还拥有一整套令人赞叹的社区（用户数量超过30万），这里的活跃成员们乐于帮助彼此在论坛上解决难题。SPOJ允许用户添加自己的挑战题目、组织编程竞赛并比拼解决问题的能力。无论是新手上路还是从业多年的老鸟，都能够在这里找到适合自己的定位与内容。对大多数用户来说，它提供了一套理想的大型编程竞赛前不可或缺的预热环境。众多理论计算机科学家的加入为这里营造出一种充满激情的编程钻研氛围，但又同时流露出极强的亲和力——大家从该网站的宣传口号就能感受到这一切：“Where Hackers eat Crackers（作黑客，不作骇客——cracker亦有饼干之意，代表这里如下午茶般的惬意气氛）。”

[CodeChef][]

![CodeChef][CodeChef 1]

CodeChef由Directi所创建，这里不仅是一个旨在鼓励并挑战开发人员解决难题的社区，同时也为用户提供了一整套实践、竞赛并提升自身技能水平的平台。这里包含有大量供用户解决的挑战题目集合，大家也可以随意查看其他成员在解决这些编程难题时所使用的源代码。

全部挑战题目根据难度不同而作出了具体类别划分，而且该网站本身也拥有一个颇具规模的社区。总而言之，CodeChef是大家磨砺技能、展示身手的良好环境。

[CodeEval][]

![CodeEval][CodeEval 1]

如果大家希望向企业雇主及其他同行展现自己的编程功力，那么请以开发者的身份加入到CodeEval当中。在这里，我们可以参与到涉及多种不同领域的竞赛当中，不过大多数比赛目标都设定为构建一款产品/应用程序——并提供现金作为奖励。此外，大家也可以参与其中的编程挑战赛，相信把出色的成绩添加到简历当中足以帮助各位给自己的潜在雇主留下良好的第一印象。

CodeEval网站专注于帮助开发人员立足于技术层面展示自己的个人水平，而且其实际效果也相当值得称道。

[HackerRank][]

![Programming problems and Competitions    HackerRank][Programming problems and Competitions HackerRank]

HackerRank网站最吸引我的一点在于，他们所提供的挑战试题与人工智能技术高度相关——这不仅是种很酷的发展方向，同时也给高阶程序员们提供了一展身手的良好平台。HackerRank网站拥有着Y Combinator以及SVAngel等企业作为赞助方。总而言之，对个人水平有自信的朋友一定不要错过。

[Codewars][]

![Codewars][Codewars 1]

Codewars在组织编程挑战赛方面显然找到了一条极佳的实现途径，而且比赛内容也非常严肃。我费尽心力希望更为全面地帮助大家了解该网站的定位，但相信下面这段长度为十分钟的视频能够更好地展示Codewars的实际作用。

我想大家应该会对Codewars产生兴趣，正如众多已经参与到其社区当中的开发者成员一样。

[Rosalind][]

![Rosalind][Rosalind 1]

虽然与前面提到的网站相比，Rosalind选取的方向更有针对性，但这仍然不妨碍它成为一种解决编程难题及学习编程知识的理想的途径。Rosalind提供的挑战题目大多面向生物信息学科，大家可以通过适合自己的节奏在这里展开探索。

[FightCode][]

![FightCode][FightCode 1]

大家可以在这里编写自己的机器人，并利用它们同社区内的其他成员彼此对殴！这是一套编程-游戏类型的平台，但对于那些刚刚接触此类方案的开发人员来说仍然颇具现实意义——或者至少能够带来不错的娱乐性体验。感兴趣的朋友不妨点击此处查看官方文档，了解与之相关的细节信息。

[Codeforces][]

![Codeforces][Codeforces 1]

Codeforces高度关注每日/每周组织编程挑战活动。大家可以在这里组建自己的队伍、参加编程热身并在站点当中查看谁才是最出色的编程人才。当然，该网站也会频繁主办编程赛事，帮助大家以出色的成绩吸引到潜在雇主的注意。

[Exercism][]

![exercism.io][]

这套编程挑战平台由Katrina Owen所创立。Exercism平台的关注重点在于以众包方式解决技术问题。在成为该网站的成员之后，大家不仅能够提升自己的思维/计算/编程技能，同时也可以同其他针对我们编程难题给出有价值答复及解决办法的成员进行交流。这确实是种相当不错的自我进修方式，值得大家加以体验。

[Kaggle][]

![Kaggle  The Home of Data Science][Kaggle The Home of Data Science]

看起来Kaggle网站的设立初衷更多是在面向专业人士以及具备竞争意识的开发者群体，因为其中的竞赛说明页面确切指出，Kaggle组织的所有比赛都需要缴纳费用才可参与。但尽管如此，如果大家在工作及学习中遇到了难以解决的问题，这里无疑能为您提供极具价值的方案回报。大家也可以在这里找到众多招聘岗位，并通过编程教程保持知识储备的持续更新及核心竞争力。

[CodinGame][]

![Games for programmers   CodinGame][Games for programmers CodinGame]

在CodinGame，我们相信每一位参与者都能够发现编程带来的乐趣。身为程序员，我们知道编程是一种强大的工具，能够帮助自身完成各类创新与创造性活动。虽然涉足编程领域的主因在于激情与冲动，但在此之上，乐趣同样非常重要。因此我们构建出了这样一个融合了编程与游戏的平台。我们的目标是帮助来自世界各地的开发人员——无论其拥有怎样的从业经历或者专业经验——以游戏的方式学习并提升自己的编程技能并找到理想的工作。

以上内容节选自CodinGame网站的官方说明页面，简而言之其关注重点在于编写游戏程序，强调游戏的娱乐能力并以此为出发点帮助我们锻炼自己的大脑。这种定位对于一部分开发者群体可能具有特殊的吸引力。

### [CodinGame  ][CodinGame 1] ###

在玩这款游戏时会遇到许多有趣的问题，支持诸多编程语言。

[![1.jpg][]][1.jpg 1]

### [Code Combat][]   ###

Code Combat主要是面向在校学生的一个学习平台，同时也是一个社区项目，有很多志愿者来维护这个平台，在这里可以学到有关java、JavaScript、Python、Lua、CoffeeScript的相关知识。

[![2.jpg][]][2.jpg 1]

### [Streeps ][Streeps] ###

玩这个游戏可以学习到有关 JavaScript知识，同时该游戏也是面向学习编程语言的人员的第一款MMO沙盘游戏。

[![3.jpg][]][3.jpg 1]

### [Check iO][]   ###

Check iO 是一款网页游戏，你需要利用Python来解决问题。

[![4.jpg][]][4.jpg 1]

### [Vim Adventures  ][Vim Adventures] ###

玩这款游戏可以学习到Vim相关知识。

[![5.jpg][]][5.jpg 1]

### [Cyber DoJo ][Cyber DoJo] ###

这款游戏主要可以学习到有关JavaScript、java、python、PHP、Ruby知识。项目地址：[点击我][Link 8]

[![6.jpg][]][6.jpg 1]

### [Code Monkey ][Code Monkey] ###

这款游戏主要内容就是抓香蕉，在这个过程中可以学习到编程知识，可被用于教学使用（此部分收费）。

[![7.jpg][]][7.jpg 1]

### [Elevator Saga ][Elevator Saga] ###

这款游戏的第一个挑战就是在15秒之内送走15个人，一起来试试吧。项目地址：[点击我][Link 9]

[![8.jpg][]][8.jpg 1]

### [Codewars ][Codewars] ###

一款编程挑战游戏，支持 JavaScript、 Python、 C\#、 Java、 Python等语言。

[![9.jpg][]][9.jpg 1]

### [Ruby Quiz  ][Ruby Quiz] ###

这款游戏主要适合Ruby编程语言挑战，目前这款游戏有156 个测试环节。

[![10.jpg][]][10.jpg 1]

### [ git-game ][git-game]   ###

这个游戏可以被看成是一个基于终端的游戏（ git scm），使用git命令找到“线索’,最后解决问题。

[![11.jpg][]][11.jpg 1]

### [Hacker Org ][Hacker Org] ###

这款游戏可以被看成一系列的挑战，你需要破解一系列的密码才能最终翻版。

[![12.jpg][]][12.jpg 1]

1. [CodeCombat][]

CodeCombat是一个HTML5角色扮演游戏（RPG），这款游戏可以教你基本的编程概念。

![0562-01-codecombat.jpg][]

在CodeCombat中，你扮演一个英雄，需要通过游戏中不同等级的冒险。第一关是Kithard Dungeon，里面涵盖了编程的基本概念。整个冒险过程中你都面临着编程的挑战，如果通过了，你会解锁下一关，并获得经验点，经验点可以用来提升英雄的能力。

![0562-02-codecombat-levels.jpg][]

CodeCombat吸引了很多年轻、有抱负的程序员，根据游戏中的统计，62%的用户年龄在18岁以下。

![0562-03-codecombat-age-survey.jpg][]

CodeCombat 支持4中不同的语言，包括：JavaScript、CoffeeScript、Lua和Python。该游戏涵盖了广泛的编程主题，如：字符串，变量，方法调用，矢量绘图等。

2. [Code Hunt][]

Code Hunt是一个由Microsoft Research开发的HTML5科幻主题游戏。

![0562-04-codehunt.jpg][]

在这个游戏中，你扮演一个代码猎人，负责修复代码，并使其返回预期的结果。总共有14个等级（即游戏中所命名的Sectors）需要你来完成。

![0562-05-codehunt-ui.jpg][]

Code Hunt支持Java和C\#两种语言。你可以在游戏中学习到包括算法、循环和条件表达式等编程概念。你也可以通过阅读[Code Hunt设计手册][Code Hunt 1]来扩展其他关卡。

3. [CodinGame][]

CodinGame对程序员来说是一个巨大的挑战，如果你想提升自己的编程技能，玩CodinGame是一个有趣的方式。

![0562-06-codeingame.jpg][]

CodinGame支持包括PHP、C、JavaScript在内的20多种编程语言。用户界面功能非常丰富并且可以自定义。例如，你可以选择自己的代码编辑器风格：“Emacs”、”Vim”、或 “Classic”(默认)均可。

![0562-07-codeingame-ui.jpg][]

游戏可以选择单人游戏模式或多人模式。多人模式下，你可以与其他玩家共同解决CodinGame中的挑战。

4. [Screeps][]

Screeps是一个专为JavaScript程序员准备的大型多人在线游戏(MMO)。

![0562-08-screeps.jpg][]

这个游戏是一个开放的策略游戏，在游戏中你控制的单位被称为creeps ，它可以帮你获得资源、建立自己的领地等等。作为一个多人在线游戏，这意味着你的creeps会被其他creeps所包围。

![0562-09-screeps-ui.jpg][]

通过编写JavaScript语句来控制creeps(Screeps = scripting your creeps)。你可以查看[官方文档][Link 10]来学习如何玩这款游戏。

5. [FightCode][]

在FightCode中，目的很简单：就是创建一个能够击败其他玩家机器人的机器人。

![0562-10-fightcode.jpg][]

那么如何创建机器人呢？通过编写JavaScript代码。例如，当某个事件发生时，你可以通过 .rotateCannon()方法来旋转你的大炮。

![0562-11-fightcode-ui.jpg][]

在创建一个坚不可摧、可支配世界的机器人之前，你首先需要阅读[官方文档][Link 11]来学习如何编写一个机器人。

在社区混久了，总看到许多新朋友问“我学会了XX语言，怎么深入（或能用它做点什么）？”今天我给大家推荐几个好玩又有难度的编程网站，它们不仅可以增进对语言特性的了解，而且可以激发起大家对数学和算法等基础学科的兴趣，有些甚至还可以赚钱、帮你找工作呢！

![euler_main.jpg][]

这于这类网站，第一个要推荐的当然是 project euler，它的地址是：[http://projecteuler.net/][http_projecteuler.net]。它现在已经有两百多道题了，几乎每个周未都会出一两题新题。前面的题会比较简单，而后越来越难。在这个网站玩，必须要数学和编程技能都吃得开才行，好在这个网站并不看过程，只看结果，所以你可以用你最熟悉的编程语言来解决问题。但它提倡一个著名的一分钟原则，即“你解决某一道题的程序在一台主流 PC 运行时间不应多于一分钟”。另外值得称道的是如果你写的代码很牛，论坛是一个很好的炫耀你华丽的代码的好地方；反过来说，论坛可以让你学到许多语言特性、技巧、算法，还有最重要的数学。

我们可以来看看 project euler 的第一道题：

If we list all the natural numbers below 10 that are multiples of 3 or 5, we get 3, 5, 6 and 9. The sum of these multiples is 23. Find the sum of all the multiples of 3 or 5 below 1000.

它的解决方案用 python 语言写出来是：

print sum(i for i in xrange(1, 1000) if i % 3 == 0 or i % 5 == 0)

怎么样，羡慕 python 的简洁了吧？

[![calc.jpg][]  
][calc.jpg_]

作为一个 pythoner，要找好玩的编程网站的话，pythonchallenge.com（[http://www.pythonchallenge.com/][http_www.pythonchallenge.com]） 是不容错失的。用沈崴（[http://blog.163.com/eishn/][http_blog.163.com_eishn]）的话来说，它的功效是：我们部门新来两位同事, 在使用Python 做项目之前, 先沉下心来做了两周的 Python Challenge, 把 Python 模了个透, 结果两周后程序写出来相当漂亮, 甚至让我这种老牌 Python 程序员跌破眼镜, 与我周围的同事立马有了境界上的区分。

这个网站不仅考验你的数学、算法功底，而且需要比较高的智商。不过，最为重要的是你需要一个像 python 这样的强大的语言，看到上面那幅图片了吗？它是 pythonchallenge 的第一道题，简单地说，就是叫你计算 2 的 38次方。解决这样的问题用 python 只需要一行代码，5 个字符，你用 C/C++ 的话，哈哈……

[![logo.png][]  
][calc.jpg_]

另外一个好玩的网站是 code golf（[http://codegolf.com/][http_codegolf.com]），它的方向比较不同，它倡导短代码。立志于一行写出一个 windows 来的朋友们当然一定要去看看了，不过说到代码短，perl 可能真的很有优势。这个网站接受PHP、Python和 ruby，也许它更适合于网络程序员？无论如何，这是另一个能够让你炫耀编程技巧的平台，值得去看看。

[![topcoder.gif][]  
][calc.jpg_]

好吧，仅仅挑战智商的东西你提不起兴趣，你希望得到一些实质性的收益，比如金钱、经验或工作机会，那topcoder.com（[http://www.topcoder.com/][topcoder]） 一定适合你！无论国内还是国外，算法狂人都喜欢去 topcoder 比赛，因为它不仅有难度，而且有丰厚的奖品。如果还是学生，玩 SRM 最是刺激，如果白天你已经有一份工作要忙，那么玩一下 marathon，在长达一周或者两周的时间里，尝试一下持续的优化快感，感觉棒极了！实不相瞒，我是毕业以后才知道这样的一个网站的，偶尔我也会去玩一下 marathon，但最近一年多，我已经没有这个精力了，好想回到学生时代，让我享受一下 topcoder 带来的挑战。

Topcoder 的另一个好处是不仅支持 C++、java、python等语言，而且完美支持微软系的语言，如 VB.net、C\#等，可以说是最为大众化了。它的中文站地址是[http://www.topcoderchina.com/][http_www.topcoderchina.com]。但看上去有点荒废许久的感觉了，不知道当年很热的美少女副总吴莹莹现在在忙啥呢？

作者：ZestGeek  
链接：https://www.zhihu.com/question/19984182/answer/25472151  
来源：知乎  
著作权归作者所有，转载请联系作者获得授权。

一国外的：  
[http://stackoverflow.com][http_stackoverflow.com 1] 有干货的地方。代码遇到相关问题经常被导到这个网站去，回答质量很高，排版简洁清晰。我现在遇到问题经常会搜索词后面加一个词“stackoverflow”，敲回车的同时常常要骂一下这个创始人起个名字咋那么长$%^\#@%^&\*.....  
  
[http://github.com][http_github.com 1] 最大的开源中心，项目五花八门，从华贵绚丽的界面到低调实用的小类库，应有尽有。需要睁大眼睛慢慢挑，适合英语好的。Ruby和Javascript的项目尤其多。  
  
[http://codecanyon.net][http_codecanyon.net 1] 初次看到这个网站，小伙伴们表示都惊呆了。原来代码也可以放在网上卖的？！！ 很多coder上传了各种代码，每个代码都明码标价。看了下销售排行，有的19刀的卖了3万多份，额di神啊。可以看到代码的演示效果，真的很漂亮。代码以php、wordpress主题、Javascript、css为主，偏前台。  
  
  
国内的：  
  
[http://csdn.net][http_csdn.net 1] 国内的程序员入门级网站，内容很多很杂，包括论坛、资源下载、博客、各种资讯等等。经常只在这个网站找到稳定的资源下载。攒积分要从娃娃抓起啊，不  
  
[http://oschina.net][http_oschina.net 1] 国内最好的开源社区，在这里讨论问题的氛围挺不错的。创始人红薯也很热心，更新很即时，经常看到新出的开源项目在这里有翻译介绍。  
  
  
[http://segmentfault.com][http_segmentfault.com 1] 国内版的stackoverflow，90后的作品，已经积累了不少中文问答，人气还有待提高。

作者：Tikitoo  
链接：https://www.zhihu.com/question/19984182/answer/33418843  
来源：知乎  
著作权归作者所有，转载请联系作者获得授权。  
  
[ZestGeek][] 的回答的特别好，那我只有补充的份啦。  
其实学编程是一种思想，要理解，而不是像抄作业一样，把代码炒了（好吧，刚开始学编程，就是这样学的，实在是惭愧），比如学编程，基础是C 语言，你要理解C 语言是面向过程的编程语言，从基础开始慢慢了解，写一个Hello World，知道它的每一行代码是什么意思；条件语句，循环语句；要知道数据类型，int，long 等等；数组，指针，字符串，他们的结构是怎样的；知道方法，一个方法有返回值；这都是最基本的，如果这些你都不理解的话，到以后学习会很吃力（我以前就是C 语言没有学好，以至于后来学习Java 很被动），学了C 语言，算是对编程入门了，就可以学习一门面向对象编程语言，C++，C\#，Java，这样你才能对编程更加地理解，面向对象时接近人类的思考方式，和C 语言相比，思考问题的方式，是先找对象，然后是对象去做哪些事，而C 语言是面向过程语言，就考虑一步一步去做，当面对很复杂的问题，C 语言就暴露出了问题；  
学习面向对象语言，理解面向对象的几大特点，封装，继承，多态，使用它们能使我们生活中的问题很巧妙地解决，理解了面向对象，就可以学习集合类（数据结构），网络编程，多线程，IO 操作；  
作为现在Web 流行的时代，你还要学习网页开发，HTML，CSS，JavaScript， w3school 在线教程  
上面作为入门，上面讲的东西，通俗易懂，适合入门；  
你还要学习关系型数据库，实现增删改查，使用面向对象的语言操作数据库，这样你就可以做网络开发啦；  
好吧，上面基本上说了一些，编程语言，Web 方面，关系型数据库，这是编程入门最基本的，当然编程不仅仅是这些，随着以后学习的加深，你会慢慢理解编程的世界；  
  
最后还是推荐一些网站吧，刚好也符合你提的问题  
  
  
**Web 开发**  
w3school 在线教程

*  Web 开发的东西基本全部包括；

学习编程 | Codecademy

*  在线编程，除了基本的学习，还有Ruby 这样语言的学习，还提供了国外开发平台的API 学习；

**Mooc（在线学习网站）**

>  *  慕课网-免费的IT技能学习平台  
>     
>  *  极客学院-中国最大的IT职业在线教育平台  
>     
>  *  云课堂 - 网易旗下大型在线学习平台  
>     
>  *  网易公开课  
>

**下面就是推荐网站啦**

> 这些主要都是博客，基本上大部分程序员都在上面写文章，文章也层次不齐，要靠自己去甄别；  
> 
> 
>  *  CSDN.NET - 全球最大中文IT社区，为IT专业技术人员提供最全面的信息传播和服务平台  
>     
>  *  51CTO.COM - 技术成就梦想  
>     
>  *  ITeye Java编程 Spring框架 Ajax技术 agile敏捷软件开发 ruby on rails实践  
>     
>  *  博客园 - 开发者的网上家园  
>     
>  *  BlogJava - 专注于Java技术  
>     
>  *  IT技术博客大学习 -- 共学习 共进步！ -- 收录IT领域的优秀技术博客,在这里你可以找到Web开发、系统架构、数据库、前端技术、用户体验等领域的前沿文章  
>     
>  *  ChinaUnix博客  
>     
>  *  开源中国 - 找到您想要的开源项目，分享和交流  
>     
>  *  ITPUB博客-专业IT技术博客  
>

**下面是精华网站**

>  *  GitHub · Build software better, together.  
>     
>  *  博客 - 伯乐在线  
>     
>  *  ImportNew - 专注Java & Android 技术分享  
>     
>  *  SegmentFault  
>     
>  *  InfoQ - 促进软件开发领域知识与创新的传播  
>     
>  *  V2EX  
>

**当然还有一些大牛们，他们自己的博客网站，不仅有技术，还有对生活的见解，作为后辈，看看还是收获不少；**

>  *  阮一峰的网络日志  
>     
>  *  酷壳 – CoolShell.cn  
>     
>  *  MacTalk-池建强的随想录  
>     
>  *  DBA Notes | 闲思录  
>     
>  *  Home - 廖雪峰的官方网站  
>     
>  *  Home - 阳志平的网志  
>     
>  *  justjavac(迷渡)  
>

最后祝题主能够快乐地学习编程。

[CSS Code Snippets]: http://dizyne.net/css-code-snippets/
[Javascript_Resources and Tools]: http://dizyne.net/35-best-javascript-resources-tools/
[Codepen]: http://codepen.io/
[545c2583caec6.jpg]: http://cms.csdnimg.cn/article/201411/07/545c2583caec6.jpg
[JSFiddle]: http://jsfiddle.net/
[545c259bb1b5b.jpg]: http://cms.csdnimg.cn/article/201411/07/545c259bb1b5b.jpg
[JS Bin]: http://jsbin.com/
[545c25a5bcd71.jpg]: http://cms.csdnimg.cn/article/201411/07/545c25a5bcd71.jpg
[CSSDeck]: http://cssdeck.com/
[545c25b2935b4.jpg]: http://cms.csdnimg.cn/article/201411/07/545c25b2935b4.jpg
[Dabblet]: http://dabblet.com/
[545c25be84777.jpg]: http://cms.csdnimg.cn/article/201411/07/545c25be84777.jpg
[Liveweave]: http://liveweave.com/
[545c25cc6a163.jpg]: http://cms.csdnimg.cn/article/201411/07/545c25cc6a163.jpg
[Google_s Code Playground]: https://code.google.com/apis/ajax/playground/
[545c25d7e6468.jpg]: http://cms.csdnimg.cn/article/201411/07/545c25d7e6468.jpg
[Editr]: http://lab.idered.pl/editr/
[545c25e3c058a.jpg]: http://cms.csdnimg.cn/article/201411/07/545c25e3c058a.jpg
[D3 Playground]: http://phrogz.net/JS/d3-playground/#BlankDefault
[545c25f119621.jpg]: http://cms.csdnimg.cn/article/201411/07/545c25f119621.jpg
[HTML5 Playground]: http://playground.html5rocks.com/
[545c25ff8bf63.jpg]: http://cms.csdnimg.cn/article/201411/07/545c25ff8bf63.jpg
[MIT_Open_Courses_Ware]: http://ocw.mit.edu/courses/electrical-engineering-and-computer-science/
[wKiom1Mvp3vTQNTcAACxLmlvgek792.jpg]: /images/20220720/afc92c13e74b47b1b7ef7efd9b0c2a1e.png
[Mozila_Developer_Network]: https://developer.mozilla.org/en-US/learn
[Link 1]: http://blog.jobbole.com/821/
[wKioL1Mvp1TCkkMfAAB9UbH7OGE958.jpg]: /images/20220720/f813c735e6304d62a4aa9cd222a88a2a.png
[The_Code_Player]: http://thecodeplayer.com/
[wKiom1Mvp3zTHW2KAACBDGxlEbY553.jpg]: /images/20220720/9b0ac3fd93fa475fae21cfc389c0e7c0.png
[Codecademy]: http://www.codecademy.com/
[wKiom1Mvp3zDEtZJAABvoROUlGA748.jpg]: /images/20220720/25f3520b7631449ca51f9119531bd4ae.png
[Udacity]: https://www.udacity.com/
[wKioL1Mvp1SgroNzAACFI89eO54850.jpg]: /images/20220720/462b90b1cc0649188881e8688b560dee.png
[Learneroo]: http://www.learneroo.com/
[wKioL1Mvp1Sztv_UAAB3wzFDZrM691.jpg]: /images/20220720/434651415ae7465d9cc65b3af6de2dfa.png
[Koding]: https://koding.com/
[wKiom1Mvp3zibkfPAACAqIPqDFs341.jpg]: /images/20220720/367b8613eea94171bd89142117639af3.png
[Talent_Buddy]: http://www.talentbuddy.co/
[wKiom1Mvp3yjp-WqAABYh3noeo8965.jpg]: /images/20220720/790b37c1de6447b78a9ade96da3a3628.png
[Code_Avengers]: http://www.codeavengers.com/
[wKioL1Mvp1Xw49AqAAC3TZnftX8912.jpg]: /images/20220720/d2ada07f7fc945c8baaa948db508f26d.png
[Plural_Sight]: http://www.pluralsight.com/training
[wKioL1Mvp1Wj_OS-AACDSe5biQo704.jpg]: /images/20220720/2cc53eb9079f4468ad7afa667f57f098.png
[Scratch]: http://scratch.mit.edu/
[wKiom1Mvp3ygoMRjAACKit5O4xU322.jpg]: /images/20220720/2aaa83254fa046208b1423a2fb1d93b4.png
[The_New_Boston]: http://thenewboston.org/index.php
[wKiom1Mvp3yiK-rOAACoPhL4nAc367.jpg]: /images/20220720/e64fc44759814476af15030672411139.png
[Coder_Dojo]: http://coderdojo.com/
[wKioL1Mvp1Ww-LZyAAB7nABK1KE748.jpg]: /images/20220720/06b2fe392e0d4922aee9b754c30ec072.png
[Udemy]: https://www.udemy.com/
[wKioL1Mvp1WgJWg_AAB5wNkDtLs020.jpg]: /images/20220720/bc4e9e02f8214901851c2466791723e1.png
[Coderace]: http://coderace.me/
[wKiom1Mvp33ime5dAACwp2lyDM0356.jpg]: /images/20220720/338841ec04f8403281c2c986009fc9cc.png
[Programmr]: http://www.programmr.com/
[wKiom1Mvp33xqZyFAACPpvGGYLU732.jpg]: /images/20220720/73e4c1da92964cbcab7b858e10756ba2.png
[Coursera]: https://www.coursera.org/
[wKioL1Mvp1XwJEGfAACqMK1WVM0442.jpg]: /images/20220720/a77a71042f19409fbe7e4392845132c2.png
[Khan_Academy]: https://www.khanacademy.org/cs/programming
[wKioL1Mvp1WiazNwAACSF-YtOwQ020.jpg]: /images/20220720/6532e93034fc435d880b7c45ba15c69f.png
[HTML5_Rocks]: http://www.html5rocks.com/en/
[wKiom1Mvp32AFQ1tAABu1zQ9iWM755.jpg]: /images/20220720/b1e3805cafcc4ad389ad56aa076fc4c9.png
[Learn_Python_the_Hardway]: http://learnpythonthehardway.org/
[wKiom1Mvp32z7FTrAACZjQ5oYAE692.jpg]: /images/20220720/d4efa969328d43e5b5c1b775de715044.png
[Team_TreeHouse]: http://teamtreehouse.com/
[wKioL1Mvp1bwX2FYAACCyeDVRto123.jpg]: /images/20220720/5325a8b677cb4ff3a8597d58ef117649.png
[Lynda]: http://www.lynda.com/
[wKioL1Mvp1bjYXWsAACFuG6A8A0963.jpg]: /images/20220720/6bba97cd887b4209b9be0297268bb051.png
[wKiom1Mvp37ixBMSAAB-j5x4fvA280.jpg]: /images/20220720/9f89c78a1d674ae7a6327ad3deb20e31.png
[P2PU2_School_of_Webcraft]: https://p2pu.org/en/schools/school-of-webcraft/
[wKiom1Mvp37Bma6tAABznTXHZy8294.jpg]: /images/20220720/6f270406e4f24b20b73d803549b6ec24.png
[Dev_Opera]: http://dev.opera.com/web
[wKioL1Mvp1bhZKVnAACDNqbulKY220.jpg]: /images/20220720/620de55146fd4b8fb5ecc70262e7132c.png
[Code_School]: https://www.codeschool.com/
[wKioL1Mvp1bA_GPjAABfDJshDIg562.jpg]: /images/20220720/b85b9eda62484764bec9bfde97ad6332.png
[Academic_Earth]: http://academicearth.org/
[wKiom1Mvp37CRcIbAAB456tsq-M799.jpg]: /images/20220720/f4196dd88a554801bfbf3a08a9dd765d.png
[Open_Learn]: http://www.open.edu/openlearn/
[wKiom1Mvp37ROMX3AACFC-Yt7ys971.jpg]: /images/20220720/c64ce6bcce7043a9be243647e3d188e1.png
[W3C]: http://www.w3.org/community/webed/wiki/Main_Page
[wKioL1Mvp1aTuTJLAACBsb4Ya7w627.jpg]: /images/20220720/e514ec6824f947c89936a5a78038dc6b.png
[Develop_PHP]: http://www.developphp.com/
[Link 2]: http://blog.jobbole.com/51412/
[wKioL1Mvp1ejlQthAADB3Mbj_HI064.jpg]: /images/20220720/8e47e6ba3ba44285a39d8ad71ffc3468.png
[Bloc]: https://www.bloc.io/
[wKiom1Mvp36i7izFAABrqfFp094567.jpg]: /images/20220720/69a77ea5883f4052a8f7583cfc657890.png
[How_to_Code]: http://howtocode.io/
[wKiom1Mvp37RQ_w8AAB7WBuFBqc281.jpg]: /images/20220720/95670ab2fa104123b3a5cb8a6ea94a00.png
[Google Developers]: https://developers.google.com/university/
[wKioL1Mvp1eTeaWjAACigN1y8lo220.jpg]: /images/20220720/514cd21342c84e4088bd4665664a5124.png
[Learnable]: https://learnable.com/
[wKioL1Mvp1fRrEK1AABl1sYmVfU424.jpg]: /images/20220720/24a2bd48fc5c458e81dd1939e66fef1c.png
[Bento_Box]: http://www.bentobox.io/
[wKiom1Mvp3_iKE9dAABeQC3t2cE106.jpg]: /images/20220720/7f76eac328ee46448041accb46b84703.png
[5882b2b7d0a20cf44acf39fc72094b36acaf99b2.jpg]: http://d.hiphotos.baidu.com/exp/w=500/sign=100104376f600c33f079dec82a4c5134/5882b2b7d0a20cf44acf39fc72094b36acaf99b2.jpg
[5882b2b7d0a20cf44acf39fc72094b36acaf99b2.jpg 1]: /images/20220720/1f5f5f33094f44fbacd857b8a2c08349.png
[ac345982b2b7d0a27783c0becfef76094b369a4f.jpg]: http://d.hiphotos.baidu.com/exp/w=500/sign=c57e9a70f2246b607b0eb274dbf81a35/ac345982b2b7d0a27783c0becfef76094b369a4f.jpg
[ac345982b2b7d0a27783c0becfef76094b369a4f.jpg 1]: /images/20220720/763cc3aff93e49c7aa78e6c13785a403.png
[f2deb48f8c5494ee6cc2ce3a29f5e0fe99257e35.jpg]: http://e.hiphotos.baidu.com/exp/w=500/sign=900a653093dda144da096cb282b6d009/f2deb48f8c5494ee6cc2ce3a29f5e0fe99257e35.jpg
[f2deb48f8c5494ee6cc2ce3a29f5e0fe99257e35.jpg 1]: /images/20220720/18cb388a8f4f40018a7104a786de4e5f.png
[b58f8c5494eef01fa1eadbe6e4fe9925bc317d13.jpg]: http://d.hiphotos.baidu.com/exp/w=500/sign=0ae061cea544ad342ebf8787e0a30c08/b58f8c5494eef01fa1eadbe6e4fe9925bc317d13.jpg
[b58f8c5494eef01fa1eadbe6e4fe9925bc317d13.jpg 1]: /images/20220720/64587c83d82147d4b253b5a6c3528463.png
[6a63f6246b600c33cb0112eb1e4c510fd9f9a19d.jpg]: http://e.hiphotos.baidu.com/exp/w=500/sign=004d971519950a7b75354ec43ad1625c/6a63f6246b600c33cb0112eb1e4c510fd9f9a19d.jpg
[6a63f6246b600c33cb0112eb1e4c510fd9f9a19d.jpg 1]: /images/20220720/ae1be2f9b2b8483e84c8256cdf5eeb68.png
[e850352ac65c103837fd02e1b6119313b07e8916.jpg]: http://e.hiphotos.baidu.com/exp/w=500/sign=d645ba0569224f4a5799731339f69044/e850352ac65c103837fd02e1b6119313b07e8916.jpg
[e850352ac65c103837fd02e1b6119313b07e8916.jpg 1]: /images/20220720/43a6dfc7dbd743dab6294c944f9440b7.png
[838ba61ea8d3fd1ff6bd6f19344e251f95ca5f59.jpg]: http://h.hiphotos.baidu.com/exp/w=500/sign=52541f0294ef76c6d0d2fb2bad17fdf6/838ba61ea8d3fd1ff6bd6f19344e251f95ca5f59.jpg
[838ba61ea8d3fd1ff6bd6f19344e251f95ca5f59.jpg 1]: /images/20220720/e4ce420db069455cbc98a9688860d1dc.png
[77c6a7efce1b9d166d485542f7deb48f8c546402.jpg]: http://a.hiphotos.baidu.com/exp/w=500/sign=6b4048029713b07ebdbd50083cd69113/77c6a7efce1b9d166d485542f7deb48f8c546402.jpg
[77c6a7efce1b9d166d485542f7deb48f8c546402.jpg 1]: /images/20220720/fead948e1a264017affb424495ab44d8.png
[8644ebf81a4c510f97622c396459252dd42aa56b.jpg]: http://g.hiphotos.baidu.com/exp/w=500/sign=4c9380e70ed162d985ee621c21dea950/8644ebf81a4c510f97622c396459252dd42aa56b.jpg
[8644ebf81a4c510f97622c396459252dd42aa56b.jpg 1]: /images/20220720/11acf05ec718494dad490960e3ff4e35.png
[8601a18b87d6277f880bfb1b2c381f30e924fcfc.jpg]: http://g.hiphotos.baidu.com/exp/w=500/sign=c7675158d51373f0f53f6f9f940f4b8b/8601a18b87d6277f880bfb1b2c381f30e924fcfc.jpg
[8601a18b87d6277f880bfb1b2c381f30e924fcfc.jpg 1]: /images/20220720/1f5f5f33094f44fbacd857b8a2c08349.png0
[html-website-design.jpg]: /images/20220720/29ae62abebe94a329986067def6ab0d6.png
[http_stackoverflow.com]: http://stackoverflow.com/
[http_github.com]: http://github.com/
[http_codecanyon.net]: http://codecanyon.net/
[http_www.w3cschool.cc]: http://www.w3cschool.cc/
[http_m.w3cschool.cc]: http://m.w3cschool.cc/
[http_csdn.net]: http://csdn.net/
[http_oschina.net]: http://oschina.net/
[http_pudn.com]: http://pudn.com%20/
[http_misou.com]: http://misou.com/
[http_segmentfault.com]: http://segmentfault.com/
[55eff8a08c51b_middle.jpg_35653]: http://img.ptcms.csdn.net/article/201509/09/55eff8a08c51b_middle.jpg?_=35653
[HTML_CSS]: http://www.codecademy.com/tracks/web
[JavaScript]: http://www.codecademy.com/tracks/javascript
[jQuery]: http://www.codecademy.com/tracks/jquery
[PHP]: http://www.codecademy.com/tracks/php
[Python]: http://www.codecademy.com/tracks/python
[Ruby]: http://www.codecademy.com/tracks/ruby
[Link 3]: http://www.entrepreneur.com/article/247524
[Coursera 1]: https://www.coursera.org/courses?query=programming
[EdX]: https://www.edx.org/
[Link 4]: https://www.edx.org/course/introduction-computer-science-harvardx-cs50x#.VNYLwvnF_0c
[HTML_CSS 1]: https://www.udemy.com/programming-for-entrepreneurs/?dtcode=Bm7nrpl3chsc
[Python 1]: https://www.udemy.com/pythonforbeginnersintro/?dtcode=c87yden3chsc
[AGupieWare]: http://blog.agupieware.com/2014/05/online-learning-bachelors-level.html
[GitHub]: https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md#professional-development
[Link 5]: http://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-00-introduction-to-computer-science-and-programming-fall-2008/
[Java]: http://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-092-introduction-to-programming-in-java-january-iap-2010/
[C]: http://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-087-practical-programming-in-c-january-iap-2010/
[GitHub_20]: http://www.entrepreneur.com/article/247397
[Khan Academy]: https://www.khanacademy.org/
[Link 6]: http://www.freecodecamp.com/
[Google project]: http://www.html5rocks.com/
[Link 7]: https://due.com/programmer
[52a66ee4d27e7.jpg]: http://cms.csdnimg.cn/article/201312/10/52a66ee4d27e7.jpg
[LADIES LEARNING CODE]: http://ladieslearningcode.com/
[52a673b26f3a4.jpg]: http://cms.csdnimg.cn/article/201312/10/52a673b26f3a4.jpg
[52a6759dc95f8.jpg]: http://cms.csdnimg.cn/article/201312/10/52a6759dc95f8.jpg
[52a6772d95eba.jpg]: http://cms.csdnimg.cn/article/201312/10/52a6772d95eba.jpg
[GIRLS WHO CODE]: http://www.girlswhocode.com/
[52a6788e12971.jpg]: http://cms.csdnimg.cn/article/201312/10/52a6788e12971.jpg
[topcoder]: http://www.topcoder.com/
[topcoder 1]: /images/20220720/17043f4bb2ea4357a76a4367004904f5.png
[HackerEarth]: http://www.hackerearth.com/
[HackerEarth Programming challenges and Developer jobs]: /images/20220720/f2bda9a6c9344bada899da46e9ec1dd2.png
[Coderbyte]: http://coderbyte.com/
[Coderbyte Programming Game Challenges Competitions]: /images/20220720/cceaeccc2df14af5952a91798ab4ff02.png
[Project Euler]: https://projecteuler.net/
[About Project Euler.resized]: /images/20220720/d5a5c8684d594bb1832fbf46116e4bfa.png
[Daily Programmer]: http://www.reddit.com/r/dailyprogrammer
[For learning refreshing or just for fun]: /images/20220720/11adccb8d0eb4f928acfbe8fa7493966.png
[Codility]: https://codility.com/train/
[Refactor yourself. Train your programming skills Codility]: /images/20220720/02af8f6c3fbd48829c31770b7b65e924.png
[SPOJ]: http://www.spoj.com/
[Sphere Online Judge SPOJ]: /images/20220720/5a5df2a64a3a4dbdb3043750871939cb.png
[CodeChef]: http://www.codechef.com/
[CodeChef 1]: /images/20220720/7d1659ecea0843529f0bb03c63e59ea1.png
[CodeEval]: https://www.codeeval.com/
[CodeEval 1]: /images/20220720/666c0bcc68a44aae8404c61044754f03.png
[HackerRank]: https://www.hackerrank.com/
[Programming problems and Competitions HackerRank]: /images/20220720/7770bc9657204a70ad2048eb2a9515c0.png
[Codewars]: http://www.codewars.com/
[Codewars 1]: /images/20220720/bdc08727e2b94732a0df60e04c67245d.png
[Rosalind]: http://rosalind.info/problems/locations/
[Rosalind 1]: /images/20220720/59c1ba55673c4779a080097b770437e4.png
[FightCode]: http://fightcodegame.com/
[FightCode 1]: /images/20220720/0a579566ea604a4a9d7c30ecadcae0a6.png
[Codeforces]: http://codeforces.com/
[Codeforces 1]: /images/20220720/4d6efb0e2a524b09bf07ba625f5e3119.png
[Exercism]: http://exercism.io/
[exercism.io]: /images/20220720/723dc8331f5b4defa3604f4541e7cfd2.png
[Kaggle]: https://www.kaggle.com/
[Kaggle The Home of Data Science]: /images/20220720/60d05acc5f8e471fb6035b17fe35e30e.png
[CodinGame]: https://www.codingame.com/start
[Games for programmers CodinGame]: /images/20220720/df6f4ef30ac842ce8e7392524a067c6f.png
[CodinGame 1]: http://www.codingame.com/start
[1.jpg]: /images/20220720/d246b7a0b7db48d7a7108d1f57a4ed97.png
[1.jpg 1]: http://image.3001.net/images/20160504/14623471999697.jpg
[Code Combat]: http://codecombat.com/
[2.jpg]: /images/20220720/d98466c353224810b53a981d3a647b86.png
[2.jpg 1]: http://image.3001.net/images/20160504/14623472314581.jpg
[Streeps]: http://screeps.com/
[3.jpg]: /images/20220720/1be25af903564ed5a42d8728199f03f4.png
[3.jpg 1]: http://image.3001.net/images/20160504/14623472603291.jpg
[Check iO]: http://checkio.org/
[4.jpg]: /images/20220720/4af241db0cd944b491ca21bd5109870d.png
[4.jpg 1]: http://image.3001.net/images/20160504/14623472978744.jpg
[Vim Adventures]: http://vim-adventures.com/
[5.jpg]: /images/20220720/4f25c04cbab74c1ea3f8f3202d5f52c6.png
[5.jpg 1]: http://image.3001.net/images/20160504/14623473196430.jpg
[Cyber DoJo]: http://www.cyber-dojo.org/
[Link 8]: http://github.com/JonJagger/cyber-dojo
[6.jpg]: /images/20220720/06881e9b91474673a9b176ef3f44cc36.png
[6.jpg 1]: http://image.3001.net/images/20160504/14623473415248.jpg
[Code Monkey]: http://www.playcodemonkey.com/
[7.jpg]: /images/20220720/3110f762a6164110b16c16e3270ed00a.png
[7.jpg 1]: http://image.3001.net/images/20160504/14623473696641.jpg
[Elevator Saga]: http://play.elevatorsaga.com/
[Link 9]: http://github.com/magwo/elevatorsaga
[8.jpg]: /images/20220720/13b9d5528a1a48279875784e8c6c99b9.png
[8.jpg 1]: http://image.3001.net/images/20160504/1462347397367.jpg
[9.jpg]: /images/20220720/c7804d30122b4597972265a741fba1fc.png
[9.jpg 1]: http://image.3001.net/images/20160504/14623474234013.jpg
[Ruby Quiz]: http://rubyquiz.com/
[10.jpg]: /images/20220720/d6bd187a2bdd45edb67c1f47d2eda702.png
[10.jpg 1]: http://image.3001.net/images/20160504/14623474412525.jpg
[git-game]: http://www.git-game.com/
[11.jpg]: /images/20220720/f3661f39f81c4314b6e0d8c64c6a4c22.png
[11.jpg 1]: http://image.3001.net/images/20160504/14623474643198.jpg
[Hacker Org]: http://www.hacker.org/
[12.jpg]: /images/20220720/29eb7345a75b458ca451787e11000b63.png
[12.jpg 1]: http://image.3001.net/images/20160504/14623474885454.jpg
[CodeCombat]: https://codecombat.com/
[0562-01-codecombat.jpg]: /images/20220720/0a17ce4748c94cd59a625eb5e02fad0d.png
[0562-02-codecombat-levels.jpg]: /images/20220720/fa19caa2616e4263b6c6de41ad1861cd.png
[0562-03-codecombat-age-survey.jpg]: /images/20220720/51ce1d7dc4a94eee893669f74f945fef.png
[Code Hunt]: https://www.codehunt.com/
[0562-04-codehunt.jpg]: /images/20220720/4c88bf950e7b41fd990800d54c6d68ab.png
[0562-05-codehunt-ui.jpg]: /images/20220720/0bfdcc6f1bb14a73a046f7d9919193dc.png
[Code Hunt 1]: https://www.codehunt.com/docs/designer.html
[0562-06-codeingame.jpg]: /images/20220720/a17b918861254fa7b8fd3bf5981e500a.png
[0562-07-codeingame-ui.jpg]: /images/20220720/19894cb9aec64baf936791277fcb30b0.png
[Screeps]: https://screeps.com/
[0562-08-screeps.jpg]: /images/20220720/06ceee090d3146f08a10492594a0f728.png
[0562-09-screeps-ui.jpg]: /images/20220720/c097620b6545487bb804fbdb103ffd69.png
[Link 10]: http://support.screeps.com/hc/en-us/categories/200505851
[0562-10-fightcode.jpg]: /images/20220720/97f03d6039ed4804913e567d546f62b9.png
[0562-11-fightcode-ui.jpg]: /images/20220720/606136647ff84b3ea80d0b9e343a1bb4.png
[Link 11]: http://fightcodegame.com/docs/
[euler_main.jpg]: /images/20220720/1108a82fc6724fbb91c3a88877a78cdb.png
[http_projecteuler.net]: http://projecteuler.net/
[calc.jpg]: /images/20220720/8f27d1f65d2942eb9385f15445bef0fa.png
[calc.jpg_]: http://blog.csdn.net/gzlaiyonghao/article/details/3132815
[http_www.pythonchallenge.com]: http://www.pythonchallenge.com/
[http_blog.163.com_eishn]: http://blog.163.com/eishn/
[logo.png]: http://codegolf.com/images/logo.png
[http_codegolf.com]: http://codegolf.com/
[topcoder.gif]: http://www.topcoderchina.com/i/topcoder.gif
[http_www.topcoderchina.com]: http://www.topcoderchina.com/
[http_stackoverflow.com 1]: http://link.zhihu.com/?target=http%3A//stackoverflow.com
[http_github.com 1]: http://link.zhihu.com/?target=http%3A//github.com
[http_codecanyon.net 1]: http://link.zhihu.com/?target=http%3A//codecanyon.net
[http_csdn.net 1]: http://link.zhihu.com/?target=http%3A//csdn.net
[http_oschina.net 1]: http://link.zhihu.com/?target=http%3A//oschina.net
[http_segmentfault.com 1]: http://link.zhihu.com/?target=http%3A//segmentfault.com
[ZestGeek]: http://www.zhihu.com/people/zestgeek