[译] 从2.4万篇文章中挑出的最棒的 JavaScript 学习指南（2018版）

原文 - Learn Plain JavaScript from Top Articles for the Past Year (v.2018)

原文作者 - Mybridge

原文地址 - https://github.com/Mybridge/learn-javascript

译者 - hijiangtao

译文地址 - https://hijiangtao.github.io/2018/01/25/learn-plain-javascript-from-top-tutorials-for-the-past-year-v-2018/

知乎专栏 - https://zhuanlan.zhihu.com/p/33298555

译者注：原文作者研究了近2.4万篇 JavaScript 文章得出这篇总结，全文包含学习指南、新人上手、Webpack、性能、基础概念、函数式编程、面试、教程案例、Async Await、并发、V8、机器学习、数据可视化、调试、单元测试等章节，非常适合用于对自己 JavaScript 技术栈的比对，用于查漏补缺，适合收藏阅读。有删减。文中如有错误，欢迎评论指出。

在2017年1月至12月之间，我们对比了近24000篇 JavaScript 文章，并从中挑选出了最好的55篇。

我们做了这个目录，认为阅读有经验的程序员写的文章是一个很好的学习方式。在学习了一两门课程之后，您可能在构建和发布实际应用时面临许多挑战。

通过这个目录，您可以更轻松地找到去年的最佳 JavaScript 教程，在这里有经验的开发人员会分享他们学习 JavaScript 的课程、见解和遇到的错误。

这个目录有15个关键的主题，如下所示。

如果你想查看带图片的版本：查看 Medium 链接

目录

1. 指南
2. 上手
3. Webpack
4. 性能
5. 概念
6. 函数式编程
7. 面试
8. 教程案例
9. Async Await
10. 并发
11. V8
12. 机器学习
13. 数据可视化
14. 调试
15. 单元测试

指南

• Modern-js-cheatsheet: 一份针对现代项目中经常遇到的 JavaScript 知识的备忘清单。
• 不同著名的计算机科学算法的 JavaScript 实现。
• 30-seconds-of-code: 有用的 JavaScript 代码片段，你可以在30秒或更少的时间内理解。
• 一个简单的交互式 ES6 功能列表
• 去他*的 JavaScript：有趣和棘手的 JavaScript 示例列表
• Airbnb 的 Javascript 风格指南
• JavaScript. 核心内容：第二版 - Dmitry Soshnikov
  

上手

• 萌新也能懂的现代 JavaScript 开发
• 为远古 Web 开发者准备的的现代 JavaScript
• 2017年的 JavaScript 模式 - Scott Allen
• 为新手准备的带示例的 ES6
• 当我没有关注时，JavaScript 变得更好了
• 我刚问过 23,000 个开发人员对 JavaScript 的看法。这是我学到的。
• 我是如何在抛弃 JavaScript 90%的内容后，又重新找回对他的热爱的。
• Vanilla JavaScript 中的 DOM 操作基础（无 jQuery） - SitePoint
  

Webpack

• 一篇 Webpack 的详细介绍 – Smashing Magazine
• 我维护 webpack，尽情向我提问！
• webpack bits: 充分利用 CommonsChunkPlugin()
  

性能

• JavaScript 的代价 - Addy Osmani
• JavaScript 气动性能 - Addy Osmani
• JavaScript 是如何工作的：内存管理 + 如何处理四种常见的内存泄漏
  

概念

• 理解 JavaScript 中的作用域
• 现代 JavaScript 概念词汇表：第一部分
• 在 JavaScript 中处理 undefined 的7个技巧 - Dmitri Pavlutin‏
• 深入浅出编程概念
• 在汉堡排队中解释 JavaScript 中的 Promise
• 编程技巧：尝试不用 If 语句编程 – Samer Buna
  

函数式编程

• 精通 JavaScript 面试：什么是函数式编程？
• 函数式编程（编写软件）的兴起与衰落
  

面试

• 为开发者面试准备的最终版 JavaScript Handbook
• JavaScript 面试最常见的十个问题
• 面试中你必须知道的10个 JavaScript 概念
  

教程案例

• 在4分30秒内编写“贪吃蛇”（使用纯浏览器端 JavaScript）
• 我们是如何在三周内开发出我们的第一个全栈 JavaScript web app 的
• 开发一个 Thrones Map 互动游戏（第二部分） - Leaflet.js 和 Webpack
• 使用 Javascript 创建一个区块链（区块链，第一部分）
• 我们是如何使用 JavaScript 黑掉咖啡机的
• Google 地图 JavaScript API 教程
  

Async Await

• 六个为什么 JavaScript 中的 Async/Await 完虐 Promise 的原因（教程）
• Async/Await: JavaScript 中的现代并发
• JavaScript 是如何工作的：事件循环机制和异步编程的兴起 + 更好使用 async/await 编程的五种方式
• JavaScript 中的 async / await - What, Why and How - Fun Fun Function
• 图文并茂的解释 Await 和 Async
  

并发

• 并发JavaScript：可以工作！
  

V8

• JavaScript 是如何工作的：V8 引擎内部机制及如何编写优化代码的 5 个诀窍
• 理解 V8 的字节码
• JavaScript 是如何工作的：引擎，运行时以及调用堆栈概览
  

机器学习

• 使用 deeplearn.js 尝试 JavaScript 中的神经网络
• 如何只用30行代码在 JavaScript 中构建一个神经网络
• 在 JavaScript 使用机器学习：第一部分
  

数据可视化

• 更好的编程方式：d3.express 介绍：集成的探索环境。
  

调试

• 你可能不知道的14个 JavaScript 调试技巧
• 如何充分利用 JavaScript 控制台
  

单元测试

• JavaScript中的单元测试[第1部分]：为什么要进行单元测试？ - Fun Fun Function
• 2017年 JavaScript 测试技术回顾