学无止境！15个给网页设计师学习JavaScript的优质网站

JavaScript 是网页设计中绕不开的一部分，也是最热的编程语言之一。作为网页开发人员，JavaScript几乎是必学的语言。技术的发展和软硬件的发展，使得JavaScript的性能有了更大的提升空间。

如果你打算在事业上有更为长足的进步，掌握JavaScript能为你带来更多的可能性，这是毋庸置疑的。在今天的这篇文章中，我们搜集了15个最适宜学习JavaScript的网站，其中有的以文章为主，有的则提供了系统的教程和完整的视频，立体的学习方式能让你更完整地掌握这门语言。

1. JavaScript.com

JavaScript.com 是不可多得的学习资源，它是一个由Code School 团队建立的JavaScript 社区，这个社区秉承开源共享的精神，分享知识，其中内容是完全免费的。对于编程新手而言，JavaScript也算是一种强大而易于上手的语言，在这个社区当中，来自世界各地的程序员和开发者搜集整理了大量的内容，方便新手学习。由于JavaScript 的强大扩展性，大量的第三方的工具、库和框架层出不穷，你在社区当中还能及时获得相关的更新和新闻。

2. W3schools

W3schools 绝对是一个了不起的网站，许多前端和设计师都是从这里开始学习写网页的。你在这里可以学习HTML、CSS等语言，同样也可以学习JavaScript，当然，永远免费。网站针对不同阶段的读者准备了基础版和高级版，你可以根据你的学习进度来选择。另外网站准备了在线的测试工具，你可以跟着教程写代码，测试实际效果。

3. Mozilla Developer Network

Mozilla Developer Network （MDN）是火狐浏览器所属的魔智公司所创建的网站。这个网站搜集整理了大量的JavaScript 学习指南和资源给初学者，在线教程也被划分成为初级，中级和高级三个不同级别。

4. Superhero.js

创建、测试和维护一个大型的JavaScript代码库本就是一件极为不容易的事情，而教你如何测试维护大型JS代码库的教程就更难找了。Superhero.js 的价值就在这里。这个网站搜集整理了创建、测试和维护JS库的相关文章、视频和PPT，你可以总这里了解到具体的语法，组织项目的具体方法，怎样测试代码，如何更新库，等等等等。

5. LetsCodeJavaScript

有过 JavaScript 编程开发经验的开发者都知道，这个编程语言除了众所周知的优点和每种语言都相似的特征之外，它还是一门测试驱动开发（TDD）的编程语言。这种技术是为了确保你的代码能按照你的想法来运作而存在的。TDD可以帮你将绝大多数的错误清理掉，尽管它不是100%完美。如果你是一名惯于使用TDD的JavaScript程序员，那么LetsCodeJavaScript这个站可以让你省心不少。

6. Learn JS

无论你是否是一名经验丰富的程序员，Learn JS这个网站都能帮到你——它是为所有愿意学习JS编程的人设计的。你所需要做的，就是打开对应的章节，开始你的学习历程，就这么简单。

7. Code Avengers

在Code Avengers开始你的JS学习是一件有趣而容易的事情。无论你是第一次接触开发，还是有过类似经验，这里的课程都会一步一步带你逐步成长起来。他们的课程被设计得非常灵活，你可有在任何时候开始和暂停。每天花费30分钟，搞定一个知识点，也可以在周末用整块的时间来搞定一个章节。在这里你不仅能看视频阅读各种文章，还可以构建一些可行的项目。构建一些可行的项目。

8. Codeacademy

Codeacademy 是著名的在线学习社区，其中就包含了JavaScript 的课程，其中的入门教程很好的融入了JavaScript 的函数和相关的编程概念。

9. Eduonix

Eduonix 为你准备了一套有用而又易于理解的在线视频教程，帮你搞定JavaScript和jQuery 的学习。每个视频都由专业的人员创建，他们为你解释JavaScript的每一个概念和重要的细节。

10. Alison

Alison 是一个在线的免费课程，只是针对JavaScript和jQuery。这套课程将会带你深入了解JavaScript 的各种相关主题，包含测试、函数、对象、数组、循环和各种语法知识。

11. Adobe KnowHow

Adobe Systems 所提供的这套JavaScript 课程可能是网上最好的课程之一，它是为JS的学习者量身打造的一套教程，不同阶段的学习者能从中学到自己想要的东西。

12. AboutTech

你没有任何编程经验，就可以从这个系列开始学习。About tech 将会手把手教你开始编写JavaScript 程序，让你不再需要依靠别人预制的脚本一步一步来。相反，你可以创建属于你自己的程序，这正是这套课程所推崇的。

13. CodeSchool

Codeschool 是一个为渴望学习的开发者而建立的在线学习社区，其中涵盖的内容非常广泛，包括了JavaScript、HTML/CSS、Ruby、Git 和iOS，等等。Code School同经验丰富的开发者一同精心制作了高质量的内容，造福每一个社区成员。

14. Dash

Dash 是一个在线课程，可以教你如何用HTML、CSS和JS从头开始构建网站。

15. Learn Visual Studio

这个在线的视频课程由21集组成，在此过程中你会了解JS的基础知识，比如如何获取工具，如何编写代码，等等等等。为了方便大家学习，JS相关的概念会被整合到每一集课程中，方便集中学习、搜索和关注。

【帮你进步提高的在线学习加油网站合集】

网站精选！自学设计的十佳站点！
《自学加油站！免费在线学习平面设计的顶尖网站TOP 10》

了解业内趋势，学习最新技术的10个好去处！
《精挑细选！值得设计师天天看的10个设计类网站》

想变得优秀，就跟着他们混！
《知己知彼百战不殆！程序员常去的14个顶级开发社区》

原文地址：codegeekz
优设译者：@陈子木

「子木说」

大家学知识的方式不尽相同，有人喜欢在线学习，有人喜欢看书做笔记。如果你正好是后者，那么有几本不错的入门书值得读一下：《Javascript dom 编程艺术》和《Javascript高级程序设计》，进阶一点的推荐《Javascript语言精辟》。当然，肯定有人会向你推荐《JavaScript权威指南》的，不过我的经验是这种大部头在入门的时候看真的不合适，我的这本就垫在显示器下面……

本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量97万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：