学习JavaScript

Awesome JavaScript Learning

> 一个很棒的列表，仅限于最好的 JavaScript 学习资源

这个列表主要是关于 JavaScript - 语言. 与 API、工具、框架或当今 JavaScript 生态系统的其他方面无关.

请阅读 contribution guidelines 在贡献之前.

---

JavaScript References

• MDN - 最广泛和最新的语言参考.
• DevDocs - 舒适地搜索 MDN. 甚至离线.
• JavaScript Notes & Reference - 带有代码示例的详细参考. 分为涵盖基础和高级科目的主题.
• Simplified JavaScript Jargon - 解释 JavaScript 生态系统中所有流行语的词汇表.
• Functional Programming Jargon - 解释在 JavaScript 上下文中的函数式编程中使用的术语.
• ECMAScript® Language Specification - 标准的 JavaScript 是基于. 仅适用于非常高级的学习者.

Articles & Tutorials

Overall Topics

• A re-introduction to JavaScript* - 涵盖类型、变量、运算符、控制结构、函数和闭包的紧凑介绍.
• JavaScript.info - 从基础知识到高级主题的现代教程，带有简单但详细的解释.
• Glossary of Modern JavaScript Concepts: Part 1 - 学习 JavaScript 中函数式编程、反应式编程和函数式反应式编程的基础知识.
• Glossary of Modern JavaScript Concepts: Part 2 - 解释范围和闭包、数据流、变更检测、组件、编译、摇树优化等概念.
• Robust Client-Side JavaScript - 指南着重于通过描述可能的故障并解释如何防止它们来编写健壮的代码.

**MDN 提供了很多 other guides 深入挖掘各个层次的知识. *

Single Topics

• JavaScript Closures Demystified - 覆盖关闭. 从基础到用例. 有有用的意见.
• Understanding Hoisting - JavaScript 提升概念的详细解释.
• Array operations - 涵盖 Array 的 map、reduce 和 filter 方法的实用性.
• Promises - 一步步学习承诺.
• Async/Await - 教程展示了通过异步函数使用 Promises 的优势.
• Pure functions - 史诗般地回答了“什么是纯函数？”这个问题.
• Using Fetch - 详细描述了如何使用 Fetch API 来接收和发送数据.
• Chrome DevTools - 您需要了解的有关 Google Chrome 浏览器内置调试工具的一切信息.

Free eBooks

• Eloquent JavaScript - 涵盖语言和运行时细节.
• You Don't Know JS (book series) - 深入探讨语言的系列书籍.
• Speaking JavaScript - 从基础开始的深入指南.
• JavaScript Design Patterns - 经典和 JavaScript 特定的设计模式.
• Mostly Adequate Guide to Functional Programming - 使用 JavaScript 进行函数式编程的优秀入门书.
• Functional-Light JavaScript - 这本书探讨了函数式编程 (FP) 的核心原则，因为它们应用于 JavaScript.

Books

几天就能读完的薄书.

• JavaScript: The Good Parts - 仍然具有相关性的经典材料.
• The Principles of Object-Oriented JavaScript - 易于理解，对于具有基于类的 OOP 背景的人来说尤其有趣.
• JavaScript Enlightenment - 将巩固您对语言的理解.
• Testing JavaScript Applications - JavaScript 测试工具和技术的完整指南.
• The Joy of JavaScript - 一本涵盖迭代器和生成器等高级语言功能的书.

Blogs

• ②ality - 作者兼培训师 Axel Rauschmayer 博士对语言功能和 API 进行了很好的解释.
• Pony Foo - 来自 Nicolás Bevacqua 的详细且高质量的帖子都与 JavaScript 相关.

Videos

• == ? === ??? ...#@^% - 关于类型强制和严格类型比较的基本讨论.
• FunFunFunction - 寓教于乐的 YouTube 节目涵盖语言功能以及建筑主题等.
• What the heck is the event loop anyway? - 很棒的关于 JavaScript 工作方式的讨论，以及探索调用堆栈的工具.
• Become a JavaScript Console Power-User - 浏览器 JavaScript 控制台简介.
• Debugging The Web - 了解使用 Chrome 开发工具进行调试的最新技术.

• Promises Are So Passé - 展示异步下一步的发展方向、它为何重要以及您今天需要做什么才能将其付诸实践的谈话.
• Learning Functional Programming with JavaScript - 包含 map/reduce 最佳解释的演讲.
• Understand JavaScript's this Keyword in Depth - 18 分钟分为 8 个短片，让您围绕“这个”展开思考.

Interactive learning

• Udacity JavaScript Basics - 他们还提供更高级的课程.
• Code School - 从基础知识到最佳实践. 与 JavaScript 相关的不同课程.
• Functional programming - 通过使用 map、filter、concatAll、reduce 和 zip，以交互方式学习函数式编程的基本原理.
• JavaScript30 - 包含 30 个小型独立教程的视频课程，用于使用纯 JavaScript 构建简洁的小东西.
• Learn JavaScript Online - 带有间隔重复抽认卡应用程序的交互式 JavaScript 课程.
• Exercism JavaScript Track - Exercism 免费提供个人练习和基于导师的学习.

ES6 and above

• Exploring ES6 - 很好的介绍和深入的章节.
• Exploring ES2016 and ES2017 - 跟进“探索 ES6”.
• ES6 Overview - 要点概述，包括深度文章.
• ES6 Katas - 通过在线解决单元测试来学习 ES6.
• Practical ES6 - 包含实际示例和建议的电子书.
• 30 seconds of code - 有用的 ES6 片段，您可以在 30 秒或更短时间内理解.
• What's the difference between JavaScript and ECMAScript? - 清除关于 ES6 和 JavaScript 的混淆.

DOM related

• DOM Enlightenment - 一本关于如何在没有库的情况下访问和操作 DOM 的整本书.
• You Might Not Need jQuery - 获取纯 JavaScript 代码片段（并查看它们的 jQuery 等效项）.
• Traversing the DOM with JavaScript - 一个以本机方法为特色的教程来遍历 DOM.

Node.js

• The Art of Node - 涵盖基础知识的入门教程.
• NodeSchool - 您也可以自己进行互动式自导式研讨会.
• Node Patterns - 关于与 Node.js 相关的代码和网络模式的简短书籍.
• Learn Node - 学习使用 Node.js、Express、MongoDB 构建应用程序的高级培训课程.

---

Related

Awesome CSS Learning - 一个很棒的列表，仅限于最好的 CSS 学习资源.