/ES6-Learning

:clipboard: List of resources to learn ECMAScript 6!

ECMAScript 6 Learning

List of resources to learn ECMAScript 6!

Table of Contents

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
  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
  20. ES6 In Depth articles by Nicolas Bevacqua
  21. ES6 Overview in 350 Bullet Points by Nicolas Bevacqua
  22. ECMAScript 6 Overview in simple terms

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

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

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

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. 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