它是学编程最流行的网站之一。事实上,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/