JavaScript 入门 - 终极免费资源

GenAI LIVE! | 2025年6月4日

最近有几个朋友联系我，问我能不能提供一些资源链接，帮助他们快速入门 JavaScript/ES6。我整理了一份完全免费的链接列表，希望能对大家学习 JavaScript 有所帮助。

文档

MDN (Mozilla) JavaScript 参考是包含示例和其他信息的主要文档。它能够帮助您深入了解各个语言的功能、方法等。

您可以在MDN JavaScript Docs上找到它。

兼容性表

由于 JavaScript 是一门开发语言，新功能会定期添加，其中一些功能可能并非所有浏览器或引擎都支持。以下网站可以帮助您识别哪些功能受哪些浏览器/引擎或浏览器版本等支持。

• http://caniuse.com – 每个功能的支持表，例如查看哪些引擎支持现代加密功能：http://caniuse.com/#feat=cryptography。

• https://kangax.github.io/compat-table – 一个包含语言特性以及支持或不支持这些特性的引擎的表格。

IDE

下面列出了我用于开发的一些我最喜欢的 IDE

1. 原子
2. Visual Studio 代码
3. Sublime Text
4. 记事本++

教程/课程

1. MDN JavaScript 文档
2. 现代 Javascript 教程
3. JavaScript Web 开发入门课程
4. ES6-features.org
5. JavaScript 教程
6. ES6 教程
7. ES6 简介
8. 教程点 - ES6 初学者指南
9. JavaScript 免费资源

视频/课程

1. 学习 JavaScript - 初学者完整课程 - freecodecamp.org 提供的视频
2. ES6 - JavaScript 改进
3. JavaScript 基础知识
4. 学习 ECMAScript 下一代 JavaScript

图书

1. Eloquent JavaScript
2. 理解 ECMAScript 6
3. JavaScript 的优点
4. 讲解 JavaScript

通过构建小项目学习 JavaScript

1. 30天Vanilla JS编程挑战
2. 通过构建 7 个游戏来学习 Javascript
3. 圣诞节24天
4. 学习 JavaScript
5. JavaScript 算法和数据结构
6. Freecodecamp.org - 您可以搜索 javaScript 课程并选择更适合您的课程
7. 使用 HTML、CSS 和 JavaScript 构建测验应用程序
8. 学习 JavaScript 的更智能方法
9. 30天JavaScript
10. 在线学习 JavaScript
11. learn-js.org 交互式 JavaScript 教程。

Github 仓库

1. Javascript 算法和数据结构
2. 33个JS概念
3. 20+个使用原生 JavaScript 的 Web 项目
4. 50 天 50 个项目 - HTML/CSS 和 JavaScript
5. JavaScript 样式指南
6. 30秒代码
7. 30天Vanilla JS编程挑战
8. 清洁代码 Javascript
9. JavaScript 问题
10. 算法 - JavaScript

编码挑战

学习任何编程语言的有趣方法之一就是参加编程挑战。我很喜欢这类挑战，下面列出了一些网站，有些是专门针对 JavaScript 的，而有些网站，比如 hackerrank、leet code 等，则允许你用你选择的编程语言（例如 JavaScript、Python、C 或 C++）来解决挑战。

1. Hackerrank
2. 编码游戏
3. LeetCode
4. 编码器字节
5. 运动
6. 电梯传奇
7. 代码战争

编码场地

编码场地是一种在线编码环境，开发人员可以随时练习任何他们想学习的新编程语言，而无需担心本地机器上设置的环境。
以下是我最喜欢的几个编码场地，我每天都会用它们来创建一些功能所需的小代码片段。它们在测试小部分/代码片段时非常有用，其中一些还允许你保存这些代码片段，以便将来参考。

1. Codepen
2. Js 小提琴
3. 教程点编码地面。

博客

1. 德米特里·帕夫卢京
2. 大卫·沃尔什
3. 超级英雄.JS
4. 中等的
5. dev.to
6. 哈希节点

希望这篇文章对任何刚开始学习 JavaScript 的人都有用。
请在下方评论区告诉我你最喜欢的资源是什么。

结论

这些是我最初学习 JavaScript 时使用的一些资源，我会推荐给所有 JavaScript 初学者。其中一些编程挑战我一直乐在其中。我会在发现新资源时更新这篇文章。如果您认为还有其他资源也应该添加到此列表中，请在下方评论区告诉我。

参考：

• MDN JavaScript 文档
• 现代 Javascript 教程

让我们在Twitter | LinkedIn上联系，进行更多与 Web 开发相关的聊天。

查看我的其他博客文章：

• 使用小部件创建 GitHub 个人资料 README.md