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

原文 – Learn React.js from Top 45 Tutorials for the past year (v.2018)

原文作者 – Mybridge

原文地址 –
javascript-tutorial

译者 –
hijiangtao

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

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

在过去的一年间（2017年），我们对比了近24000篇 JavaScript 文章，并从中挑选出了最好的55篇。

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

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

这个目录有15个关键的主题，如下所示。他们分别是学习指南、新人上手、Webpack、性能、基础概念、函数式编程、面试、教程案例、Async Await、并发、V8、机器学习、数据可视化、调试、单元测试。

指南

• 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 测试技术回顾

最后

如果喜欢使用微信的同学可以关注个人公众号，微信搜索「黯晓」或者扫描 二维码 关注，会同步我在知乎以及个人博客上发表的文章，谈谈前端技术与日常有趣事。喜欢使用知乎的同学可以关注我的专栏初级前端工程师。

生活中难免犯错，请多多指教！