Learn Plain JavaScript from Top Articles for the Past Year

English Version | 中文版本

Between Jan~Dec 2017, we’ve compared nearly 24,000 JavaScript articles to pick the Top 55.

We made this directory, believing that reading articles written by experienced programmers is a great way to learn. After learning from a course or two, you may face many challenges in building and shipping an actual app.

This directory will make it easier for you to find best JavaScript tutorials from last year, where experienced developers share their lessons, insights and mistakes working in JavaScript.

This directory has 15 key topics as shown below.

If you want a version with images: Go to our Medium link

Table of Contents

1. Guide
2. Get Started
3. Webpack
4. Performance
5. Concept
6. Funtional Programming
7. Interview
8. Case Study
9. Async Await
10. Concurrency
11. V8
12. Machine Learning
13. Data Visualization
14. Debugging
15. Unit Testing

Recommended Learning

A) Beginner: Modern JavaScript for Beginner: Learn and build projects with pure JavaScript (No frameworks or libraries). 4,995 recommends, 4.8/5 stars

B) Advanced: Advanced JavaScript: Become a Senior JS developer. Interview questions and practices included. 10,015 recommends, 4.6/5 stars

Guide

• Modern-js-cheatsheet: Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.
• JavaScript implementations of different famous Computer Science algorithms.
• 30-seconds-of-code: Useful Javascript snippets that you can understand in 30 seconds or less.
• A simple interactive ES6 Feature list
• What the Fu*k JavaScript: A list of funny and tricky JavaScript examples
• Airbnb Javascript Styleguide
• JavaScript. The Core: 2nd Edition - Dmitry Soshnikov

Get Started

• Modern JavaScript Explained For Dinosaurs
• Modern JavaScript for Ancient Web Developers
• JavaScript Patterns for 2017 - Scott Allen
• ES6 for beginners with example
• JavaScript got better while I wasn’t looking
• I just asked 23,000 developers what they think of JavaScript. Here’s what I learned.
• How I rediscovered my love for JavaScript after throwing 90% of it in the trash.
• The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery) — SitePoint

Webpack

• A Detailed Introduction To Webpack – Smashing Magazine
• I maintain webpack, ask me anything!
• webpack bits: Getting the most out of the CommonsChunkPlugin()

Performance

• The Cost Of JavaScript - Addy Osmani
• JavaScript Start-up Performance - Addy Osmani
• How JavaScript works: memory management + how to handle 4 common memory leaks

Concept

• Understanding Scope in JavaScript
• Glossary of Modern JavaScript Concepts: Part 1
• 7 tips to handle undefined in JavaScript - Dmitri Pavlutin‏
• Hard Coding Concepts Explained with Simple Real-life Analogies
• JavaScript Promise Explained in a Burger Party
• Coding Tip: Try to Code Without If-statements – Samer Buna

Funtional Programming

• Master the JavaScript Interview: What is Functional Programming?
• The Rise and Fall and Rise of Functional Programming (Composing Software)

Interview

• The Definitive JavaScript Handbook for a developer interview
• Top 10 JavaScript Interview Questions
• 10 JavaScript concepts you need to know for interviews

Case Study

• Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
• How we built our first full-stack JavaScript web app in three weeks
• Build An Interactive Game of Thrones Map (Part II) - Leaflet.js & Webpack
• Creating a blockchain with Javascript (Blockchain, part 1)
• How We Hacked Our Coffee Machine with JavaScript
• Google Maps JavaScript API Tutorial

Async Await

• 6 Reasons Why JavaScript’s Async/Await Blows Promises Away (Tutorial)
• Async/Await: Modern Concurrency In JavaScript
• How JavaScript works: Event loop and the rise of Async programming + 5 ways to better coding with async/await
• async / await in JavaScript - What, Why and How - Fun Fun Function
• Await and Async Explained with Diagrams and Examples

Concurrency

• Concurrent JavaScript: It can work!

V8

• How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code
• Understanding V8’s Bytecode
• How JavaScript works: an overview of the engine, the runtime, and the call stack

Machine Learning

• Neural Networks in JavaScript with deeplearn.js
• How to create a Neural Network in JavaScript in only 30 lines of code
• Machine Learning with JavaScript : Part 1

Data Visualization

• A Better Way to Code: Introducing d3.express: the integrated discovery environment.

Debugging

• The 14 JavaScript debugging tips you probably didn't know
• How to get the most out of the JavaScript console

Unit Testing

• Unit testing in JavaScript [Part 1]: Why unit testing? - Fun Fun Function
• An Overview of JavaScript Testing in 2017