ECMAScript 6 Learning

List of resources to learn ECMAScript 6!

ES6 Specification

Table of Contents

• How to Collaborate
• Articles & Tutorials
• 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

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. ES6 and Typescript Tutorial
2. ECMAScript 6: Jump in, the water is warm!
3. ECMAScript 6 – Playing around in Harmony
4. Playing with iterators and generators in ECMAScript 6
5. Performance in ECMAScript 6
6. 10 ECMASCRIPT-6 TRICKS YOU CAN PERFORM RIGHT NOW
7. Architecture of ECMAScript 6 Modules
8. ECMAScript 6 Generators
9. Destructuring Assignment in ECMAScript 6
10. Hanging up on Callbacks: Generators in ECMAScript 6
11. ECMASCRIPT 6 – STRING.PROTOTYPE.REPEAT()
12. ECMAScript 6 Classes
13. A collaborative website about the ECMAScript 6
14. Destructuring and Recursion in ES-6
15. Tail Calls, Default Arguments, and Excessive Recycling in ES-6
16. Lazy Iterables in JavaScript
17. ES6 In Depth Articles
18. How to Use ES6 for Isomorphic JavaScript Apps
19. ES6 Generators: How do they work?
20. ECMASCript 2015 series on @medium
21. ES6 In Depth articles by Nicolas Bevacqua
22. ES6 Overview in 350 Bullet Points by Nicolas Bevacqua
23. ECMAScript 6 Overview in simple terms
24. Using ES6 at work
25. ES6 for Humans - Kickstarter Guide to writing ES6

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
7. Setting Up ES6 - Read Online
8. Exploring ES6
9. ECMAScript 6 Succinctly
10. Let's Learn ES6
11. ES6 in Practice

Built with ES6

1. Learn Harmony
2. Gistbook

Courses

1. What’s Coming to JavaScript - Tuts+
2. JavaScript Fundamentals for ES6 - Pluralsight
3. JS.Next: ES6 - Frontend Masters
4. Say Hello to ES2015
5. ES6 For Everyone
6. Rapid ES6 Training - Pluralsight
7. ES2015 Crash Course
8. ES6 Javascript: The Complete Developer's Guide
9. Programming with ECMAScript 2015 (Video Course) by Lohith G. N., Packt. (April 2017)
10. ES6 in Motion by Wes Higbee, Manning. (May 2017) - packed with exercises

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
3. Javascript Jabber - ES6 with Aaron Frost - #68

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
9. ES6 Tutorial for Beginners part 01 | part 02

Slides

1. EcmaScript 6 - My Favorite Things
2. An Overview of ECMAScript 6 - Axel Rauschmayer
3. ECMAScript 6: A Better JavaScript for the Ambient Computing Era
4. Speakerdeck presentations
5. Slideshare Presentations
6. Slid.es Presentations
7. 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. Kit Cambridge, "EcmaScript Next: The Subtleties of ES 6" at W3Conf 2013
7. Yehuda Katz - ECMAScript 6
8. Ben Newman - Easing into ECMAScript 6 and Beyond
9. Rick Waldron - The Future of JavaScript
10. What's new on EcmaScript6
11. Practical Workflows for ES6 Modules - Fluent 2014
12. The State of JavaScript - Brendan Eich
13. Luke Hoban: ECMAScript 6
14. 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