ericdouglas/es6-learning

★ 4,531Audience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((ES6 Learning))
    Resource Types
      Articles tutorials
      Books courses
      Screencasts podcasts
      Interactive exercises
    ES6 Topics
      Arrow functions
      Classes modules
      Destructuring
      Generators
    Tools
      Transpilers Babel
      Polyfills
    Platforms
      Pluralsight Udemy
      Frontend Masters
      ES6 Katas

mindmap root((ES6 Learning)) Resource Types Articles tutorials Books courses Screencasts podcasts Interactive exercises ES6 Topics Arrow functions Classes modules Destructuring Generators Tools Transpilers Babel Polyfills Platforms Pluralsight Udemy Frontend Masters ES6 Katas

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Find a curated book, course, or tutorial to learn ES6 JavaScript features like arrow functions, classes, and modules.

USE CASE 2

Discover interactive coding exercises to practice specific ES6 features like destructuring or generators.

USE CASE 3

Look up transpiler and polyfill options for running modern JavaScript in older browsers.

Tech stack

JavaScript

Getting it running

Difficulty · easy Time to first run · 5min

No code to run, this is a pure link collection, just open the README and follow links to resources.

No license information was mentioned in the explanation.

In plain English

ECMAScript 6 Learning is a curated list of links and resources for learning ECMAScript 6, the version of JavaScript standardized in 2015. ECMAScript is the official name for the language most people call JavaScript, and version 6 (also called ES6 or ES2015) added major new features to the language, such as classes, arrow functions, template strings, destructuring, modules, and generators. The repository does not contain any code to run. It is a community-maintained collection of links organized into categories: articles and tutorials, books, courses, screencasts, podcasts, slides, conference talks, transpilers and polyfills, and interactive code exercises. Transpilers are tools that convert ES6 syntax into an older version of JavaScript that runs in browsers that do not yet support the newer syntax, and polyfills are code libraries that add missing features to older environments. The list was assembled by Eric Douglas and accepts contributions via pull requests. The collection includes over a dozen books, multiple video courses on platforms like Pluralsight, Udemy, Udacity, and Frontend Masters, several podcasts, and interactive learning tools like ES6 Katas, where you solve small coding problems to practice specific language features. ES6 as a topic has been largely absorbed into mainstream JavaScript development, so this list reflects a moment in time when the upgrade from older JavaScript was a significant learning event for many developers. It remains useful as a historical reference or starting point for anyone still getting familiar with the ES6 feature set.

Copy-paste prompts

Prompt 1

I'm learning ES6 JavaScript. Based on the es6-learning resource list, what are the best free resources for a beginner to learn arrow functions, destructuring, and classes?

Prompt 2

I want to practice ES6 features interactively. What coding exercise tools or katas does the es6-learning list recommend, and how do I get started with them?

Prompt 3

Explain ES6 modules (import/export) as if I'm coming from older JavaScript with no module system. Give me a simple before/after code example.

Prompt 4

What is the difference between let, const, and var in ES6? Write 3 short code examples showing when each is appropriate.

Prompt 5

I need to support older browsers but want to write ES6 code. Walk me through setting up Babel as a transpiler based on the transpiler resources in the es6-learning list.

Open on GitHub → Explain another repo

← ericdouglas on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.