/ES6-Learning

List of resources to learn ECMAScript 6!

ECMAScript 6 Learning

List of resources to learn ECMAScript 6!

ES6 Specification/Proposals

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: An Introduction
  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

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