Learn Plain JavaScript from Top Articles for the Past Year
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
- Guide
- Get Started
- Webpack
- Performance
- Concept
- Funtional Programming
- Interview
- Case Study
- Async Await
- Concurrency
- V8
- Machine Learning
- Data Visualization
- Debugging
- 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
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
Debugging
- The 14 JavaScript debugging tips you probably didn't know
- How to get the most out of the JavaScript console