從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、併發、V八、機器學習、數據可視化、調試、單元測試等章節，很是適合用於對本身 JavaScript 技術棧的比對，用於查漏補缺，適合收藏閱讀。有刪減。文中若有錯誤，歡迎評論指出。

在過去的一年間（2017年），咱們對比了近24000篇 JavaScript 文章，並從中挑選出了最好的55篇。

咱們作了這個目錄，認爲閱讀有經驗的程序員寫的文章是一個很好的學習方式。在學習了一兩門課程以後，您可能在構建和發佈實際應用時面臨許多挑戰。

經過這個目錄，您能夠更輕鬆地找到去年的最佳 JavaScript 教程，在這裏有經驗的開發人員會分享他們學習 JavaScript 的課程、看法和遇到的錯誤。

這個目錄有15個關鍵的主題，以下所示。他們分別是學習指南、新人上手、Webpack、性能、基礎概念、函數式編程、面試、教程案例、Async Await、併發、V八、機器學習、數據可視化、調試、單元測試。

指南

• 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 測試技術回顧

最後

若是喜歡使用微信的同窗能夠關注我的公衆號，微信搜索「黯曉」或者掃描 二維碼 關注，會同步我在知乎以及我的博客上發表的文章，談談前端技術與平常有趣事。喜歡使用知乎的同窗能夠關注個人專欄初級前端工程師。

生活中不免犯錯，請多多指教！