在过去的一年间（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 测试技术回顾

转载:最棒的 JavaScript 学习指南

更多推荐

最棒的 JavaScript 学习指南