作者研究了近2.4萬篇 JavaScript 文章得出這篇總結，全文包含學習指南、新人上手、Webpack、性能、基礎概念、函數式編程、面試、教程案例、Async Await、并發、V8、機器學習、數據可視化、調試、單元測試等章節，非常適合用于對自己 JavaScript 技術棧的比對，用于查漏補缺，適合收藏閱讀。

　　譯者注：原文作者研究了近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 測試技術回顧

 

 

原文鏈接：最棒的 JavaScript 學習指南（2018版）

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源