tobeyouth / es6-learning

List of resources to learn ECMAScript 6!

List of resources to learn ECMAScript 6!

ES6 Specification/Proposals

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. 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: An Introduction
17. How to Use ES6 for Isomorphic JavaScript Apps
18. ES6 Generators: How do they work?

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

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.

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