学编程没人带?推荐10个免费学编程的最佳网站给你

JavaScript021

学编程没人带?推荐10个免费学编程的最佳网站给你,第1张

学习编程是开启你的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/