最棒的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 測試技術回顧

 

 

原文連結：最棒的 JavaScript 學習指南（2018版）

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