ECMAScript 6 Learning

List of resources to learn ECMAScript 6!

ES6 Specification

Table of Contents

• How to Collaborate
• Articles & Tutorials
  • Optimisation
  • Syntax
  • Bindings
  • Functions
  • Built-ins
  • Built-in extensions
  • Subclassing
  • Misc
  • Annex b
  • General
• Books
• Built with ES6
• Courses
• Learn with Code
• Podcasts
• Screencasts
• Slides
• Talks
• Transpilers/Polyfills
• More Useful Links

How to Collaborate

Just send a pull request or open an issue to send more useful links! After it, I'll update the list!

Articles & Tutorials

Optimisation

proper tail calls (tail call optimisation)

Syntax

default function parameters

rest parameters

spread (...) operator

object literal extensions

for..of loops

octal and binary literals

template strings

1. A critical review of ECMAScript 6 quasi-literals - Nicholas Zakas

RegExp "y" and "u" flags

destructuring

Unicode code point escapes

new.target

Bindings

const

let

block-level function declaration

Functions

arrow functions

1. Understanding ECMAScript 6 arrow functions - Nicholas Zakas

class

1. Does JavaScript need classes? - Nicholas Zakas

super

generators

Built-ins

typed arrays

Map

1. ECMAScript 6 collections, Part 2: Maps - Nicholas Zakas

Set

1. ECMAScript 6 collections, Part 1: Sets - Nicholas Zakas

WeakMap

1. ECMAScript 6 collections, Part 3: WeakMaps - Nicholas Zakas
2. Private instance members with weakmaps in JavaScript - Nicholas Zakas

WeakSet

Proxy

1. Creating type-safe properties with ECMAScript 6 proxies - Nicholas Zakas
2. Creating defensive objects with ES6 proxies - Nicholas Zakas

Reflect

Promise

Symbol

Well-known symbols

Built-in extensions

Object static methods

Function "name" property

String static methods

String.prototype methods

RegExp.prototype methods

Array static methods

Array.static methods

Number properties

Math methods

Subclassing

Array is subclassable

RegExp is subclassable

Function is subclassable

Promise is subclassable

miscellaneous is subclassable

General

ES6 with Node.js

Testing ES6 code

prototype and bound functions

Object static methods accept primitives

Miscellaneous

1. Thoughts on ECMAScript 6 and new syntax - Nicholas Zakas

Annex b

non-strict function semantics

__proto__ in object literals

Object.prototype.__proto__

String.prototype HTML methods

RegExp.prototype.compile

RegExp syntax extensions

1. Nicholas Zakas' articles ✔
2. A guide to 2ality’s posts on ECMAScript.next/ECMAScript 6
3. Axel Rauschmayer's articles
4. Use ECMAScript 6 Today
5. Rewriting A WebApp With ECMAScript 6
6. Toward Modern Web Apps with ECMAScript 6
7. A Few New Things Coming To JavaScript
8. Summary of ECMAScript 6 major features
9. 5 Great Features in EcmaScript 6 (ES6 Harmony)
10. An introduction to ES6

• Part 1: Using ES6 Today
• Part 2: Block Scoping
• Part 3: Destructuring
• Part 4: Parameters and Spread

1. ECMAScript 6: Jump in, the water is warm!
2. ECMAScript 6 – Playing around in Harmony
3. Playing with iterators and generators in ECMAScript 6
4. Performance in ECMAScript 6
5. 10 ECMASCRIPT-6 TRICKS YOU CAN PERFORM RIGHT NOW
6. Architecture of ECMAScript 6 Modules
7. ECMAScript 6 Generators
8. Destructuring Assignment in ECMAScript 6
9. Hanging up on Callbacks: Generators in ECMAScript 6
10. ECMASCRIPT 6 – STRING.PROTOTYPE.REPEAT()
11. ECMAScript 6 Classes
12. A collaborative website about the ECMAScript 6
13. Destructuring and Recursion in ES-6
14. Tail Calls, Default Arguments, and Excessive Recycling in ES-6
15. Lazy Iterables in JavaScript
16. ES6 In Depth Articles
17. How to Use ES6 for Isomorphic JavaScript Apps
18. ES6 Generators: How do they work?
19. ECMASCript 2015 series on @medium

Books

1. Understanding ECMAScript 6 - read online
2. JS.next: A Manager’s Guide
3. Exploring ES6
4. You Don't Know JS: ES6 & Beyond
5. Expert JavaScript
6. JavaScript Allongé, The "Six" Edition

Built with ES6

1. Learn Harmony
2. Gistbook

Courses

1. What’s Coming to JavaScript - Tuts+
2. JavaScript Fundamentals for ES6 - Pluralsight
3. Expert ES6 - Tagtree
4. JS.Next: ES6 - Frontend Masters

Learn with Code

1. Learn Harmony
2. ECMAScript 6 — Feature Overview & Comparison
3. ES6 Katas

Podcasts

1. The JavaScript Show - Ecmascript 6
2. 5 minutes of JavaScript - #18

Screencasts

1. ECMAScript 6
2. ES6! Let's do it
3. What's Coming to JavaScript: Picking the ECMAScript 6 Environments
4. ECMAScript 6—Alec Larsen
5. ES6 - tagtree.tv episode 01 | episode 02 | episode 03 | episode 04
6. ES6 - the let keyword
7. ECMAscript 6 Lessons - egghead.io
8. Ode to Code

Slides

1. JAVASCRIPT NEXT - ES6 HARMONY
2. EcmaScript 6 - My Favorite Things
3. An Overview of ECMAScript 6 - Axel Rauschmayer
4. ECMAScript 6: A Better JavaScript for the Ambient Computing Era
5. Speakerdeck presentations
6. Slideshare Presentations
7. Slid.es Presentations
8. ECMAScript (ES) 6 - Mark Volkmann
9. The power of ES6 - Charles King

Talks

1. Brendan Eich: ECMA Harmony and the Future of JavaScript
2. Dave Herman: The Future of JavaScript
3. What's ECMAScript 6 Good For? - Presentation by Julio Cesar Ody
4. Hanging Up On Callbacks: Using ECMAScript 6 Generators
5. Axel Rauschmayer - A 90 minute overview of ECMAScript 6
6. ECMAScript 6 with Kit Cambridge
7. Kit Cambridge, "EcmaScript Next: The Subtleties of ES 6" at W3Conf 2013
8. Yehuda Katz - ECMAScript 6
9. Ben Newman - Easing into ECMAScript 6 and Beyond
10. Rick Waldron - The Future of JavaScript
11. What's new on EcmaScript6
12. Practical Workflows for ES6 Modules - Fluent 2014
13. The State of JavaScript - Brendan Eich
14. Luke Hoban: ECMAScript 6
15. John K. Paul - ES6 Right Now

Transpilers/Polyfills

Transpilers

1. Babel
2. Google Traceur
3. Google Caja
4. Esprima
5. ES Transpiler

Polyfills

1. es6-shim - ECMAScript 6 (Harmony) compatibility shims for legacy JavaScript engines
2. es6-collections - Map, WeakMap, and Set fast/simple shim for Harmony collections
3. shepherd-js - ES:Harmony compliant module loader and module maker that fits nicely with each and every JS file you can have to work with.
4. require-hm - RequireJS loader plugin that supports ES6 Modules.
5. es6-module-loader - An ES6 Module Loader polyfill based on the latest spec.
6. SystemJS - Universal dynamic module loader - loads ES6 modules, AMD, CommonJS and global scripts in the browser and NodeJS. Works with both Traceur and Babel, built on top of the dynamic ES6 module loader polyfill.
7. jspm-cli - jspm is a package manager for the SystemJS universal module loader, built on top of the dynamic ES6 module loader polyfill.

More Useful Links

1. es6features - Overview of ECMAScript 6 features
2. ECMAScript 6 compatibility table
3. ES6 Fiddle
4. ECMAScript 6 Resources For The Curious JavaScripter
5. ES6 what can be shimmed and what not.
6. EcmaScript Sixth Edition Overview
7. JSFixed - share your feelings, loves, hates, proposals on ES.next
8. es-discuss - Discussion of ECMAScript
9. Airbnb Javascript Style Guide for ES6