9个免费学习JavaScript的网站和教程[2023最新推荐]

JavaScript作为最受欢迎的编程语言之一，在网页开发当中有着举足轻重的角色，全世界超过95%的网站（15亿）都在使用。在网页开发中，HTML和CSS控制着网页的内容和样式，而JavaScript则用于使网页更具交互性。本文盘点了互联网上9个免费学习JavaScript的网站和教程，帮助你的网站添加更多交互功能或者踏上网页开发人员的路程。

1. Scrimba - 免费学习JavaScript
2. JavaScript.info - 现代JavaScript教程
3. Simplilearn - 给初学者的JavaScript
4. MDN - JavaScript指南
5. W3School - JavaScript教程
6. Google Digital Garage - 学习JavaScript编程
7. freeCodeCamp - JavaScript算法和数据结构
8. Codecademy - 学习JavaScript
9. Eloquent JavaScript - JavaScript编程精解

1. Scrimba - 免费学习JavaScript

地址：https://scrimba.com/learn/learnjavascript

介绍： Scrimba是一个前端在线学习平台，允许用户通过在浏览器中观看交互式编程课程来学习。 Scrimba 上的“免费学习 JavaScript”（Learn JavaScript for Free） 课程提供了一个全面的JavaScript介绍，通过这门课程，您可以学习 JavaScript 语法、数据类型、变量、函数、控制结构、DOM操作、浏览器调试等的知识，并通过编码挑战和项目应用您的知识。到课程结束时，你会对自己的JavaScript技能充满信心，并准备好进入学习React或Vue等JS库，或继续你的JavaScript之旅。

2. JavaScript.info - 现代JavaScript教程

地址：https://zh.javascript.info/

介绍：JavaScript.info是免费学习JavaScript的综合性在线资源，该网站涵盖了广泛的现代JS知识，从JavaScript语法和数据类型的基础知识到更高级的概念，如面向对象编程和异步代码。你可以学习如何使用JavaScript来操作网页元素，处理用户输入，并提出网络请求，以及其他事项。JavaScript.info既适合初学者，也适合有经验的开发者来提高自己的JavaScript技能。该网站有互动的例子和代码片段，以及动手练习和挑战，以帮助你练习和巩固你对JS的理解。

3. Simplilearn - 给初学者的JavaScript

地址：https://www.simplilearn.com/learn-javascript-basics-free-course-skillup

介绍：Simplilearn的“给初学者的JavaScript”课程是一个在线培训项目，旨在向那些没有或很少有编码经验的人入门JavaScript编程语言的基础知识。通过这个课程，你将学习如何在网络浏览器或JavaScript环境中编写、理解和运行JavaScript代码。课程涉及的主题包括JavaScript语法的基础知识，变量，数据类型，函数，循环，控制结构，等等。在课程结束时，你应该对JavaScript的基础知识有一个扎实的了解，并能够使用该语言建立简单的互动网页。此外，该5个小时课程还可以通过编码练习和项目提供动手实践，并且提供结业证书。

4. MDN - JavaScript指南

地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide

介绍： MDN（Mozilla开发者网络）是一个免费且开源的平台，为网页开发者提供有关网络技术和最佳实践的信息、文档和资源。它涵盖了各种主题，包括HTML、CSS、JavaScript、网页API、网页设计和网页开发工具。该平台由Mozilla的志愿者和工作人员维护，Mozilla是Firefox网络浏览器背后的组织。MDN上的JavaScript指南是网页开发人员的综合参考资料，提供有关JS详细信息，以及教程、指南和互动实例，以帮助开发人员有效地学习和应用这些技术。

5. W3School - JavaScript教程

地址：https://www.w3school.com.cn/js/index.asp

介绍： W3School的JavaScript教程是免费学习JavaScript编程语言的在线资源。它是为没有或很少有编程经验的初学者设计的。通过W3School的JavaScript教程，你可以学习到：

• JavaScript语法的基础知识，包括变量、数据类型、数组、对象和函数。
• 如何使用JavaScript创建动态和互动网页，包括操作文档对象模型（DOM）和创建动画。
• JavaScript中面向对象编程（OOP）的基础知识，包括如何创建对象和使用原型。
• 如何使用JavaScript库和框架，如jQuery和React。
• JavaScript中异步编程的基础知识，包括使用回调和Promise。

6. Google Digital Garage - 学习JavaScript编程

地址1：https://learndigital.withgoogle.com/digitalgarage/course/learn-programming-with-javascript

地址2：https://openclassrooms.com/en/courses/5664271-learn-programming-with-javascript

介绍：Google Digital Garage是谷歌提供的一个在线学习平台，提供免费课程和资源，帮助个人和企业提高数字技能。该平台在数字营销、数据分析、用户体验设计和编程等领域提供广泛的课程和认证。这些课程是自定进度的，任何人都可以参加，无论经验或技能水平如何。完成课程后，用户会收到一份证书，证明他们新发现的数字技能。而Learn Programming with JavaScript（学习JavaScript编程）课程旨在教授JavaScript编程语言的基础知识，并让你在学习过程中得到大量的练习！课程主要集中在以下四个方面：

• 如何在你的应用程序中用数据类型将信息结构化和分组
• 如何使用编程逻辑使你的应用程序做你想做的事
• 如何管理错误并使你的应用程序能够沟通交流
• 如何编写可读的代码，以便你能更容易地修改、维护和分享你的应用程序。

7. freeCodeCamp - JavaScript算法和数据结构

地址：https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/

介绍：在 freeCodeCamp的JavaScript算法和数据结构课程中，你将学习JavaScript的基础知识，包括变量、数组、对象、循环和函数。当你掌握了这些基础知识，你将通过创建算法来处理字符串，对数字进行阶乘，甚至计算国际空间站的轨道来应用这些知识。

在此过程中，你还将学习两种重要的编程风格或范式。面向对象的编程（OOP）和函数式编程（FP）。

8. Codecademy - 学习JavaScript

地址：https://www.codecademy.com/learn/introduction-to-javascript

介绍： Codecademy作为国外流行的编程学习平台，其出品的免费学习JavaScript课程已超过两百三十万人学习，三千多人打分4.6/5.0。课程面向JavaScript的初学者，无需任何编程基础，课程时长约20个小时。课程分10个小节，主要介绍了JavaScript的数据类型、变量、控制结构、函数、作用域、数组、循环、迭代器、面向对象等基础知识。

9. Eloquent JavaScript - JavaScript编程精解

英文版地址：https://eloquentjavascript.net/

中文版地址：https://eloquent-js.apachecn.org/

介绍：《Eloquent JavaScript 》是由Marijn Haverbeke撰写的书和创建的网站，提供了对JavaScript编程语言的介绍。本书面向那些想学习如何编写交互式网络应用程序的初级和中级程序员，并对该语言及其特点进行了全面介绍。通过该网站，你将学习到：

• 编写和理解JavaScript代码，包括基本编程概念，如变量、函数、数组和对象。
• 使用JavaScript来创建交互式网络应用程序，包括动画、动态内容和用户交互式表单。
• 使用文档对象模型（DOM）来操作网页和创建动态用户界面。
• 编写和使用JavaScript函数，包括高阶函数和闭包。
• 编写和使用JavaScript库和框架，如jQuery和React。

除了JS语言的核心概念外，《JavaScript编程精解》还涵盖了更多的高级主题，如函数式编程、异步编程和使用node.js。该书包括练习和项目，以帮助读者应用他们的知识，构建真实世界的网络应用。