Repository: ericdouglas/ES6-Learning Branch: master Commit: 7cb43beb1836 Files: 1 Total size: 12.8 KB Directory structure: gitextract_r8ci_c89/ └── README.md ================================================ FILE CONTENTS ================================================ ================================================ FILE: README.md ================================================ # ECMAScript 6 Learning List of resources to learn **ECMAScript 6!** #### [ES6 Specification](http://www.ecma-international.org/ecma-262/6.0/) ## Table of Contents * [How to Collaborate](#how-to-collaborate) * [Articles & Tutorials](#articles--tutorials) * [Books](#books) * [Built with ES6](#built-with-es6) * [Courses](#courses) * [Learn with Code](#learn-with-code) * [Podcasts](#podcasts) * [Screencasts](#screencasts) * [Slides](#slides) * [Talks](#talks) * [Transpilers/Polyfills](#transpilerspolyfills) * [More Useful Links](#more-useful-links) ## How to Collaborate Just send a pull request or open an [issue](https://github.com/ericdouglas/ES6-Learning/issues) to send more useful links! After it, I'll update the list! ## Articles & Tutorials 1. [Nicholas Zakas' articles](http://www.nczonline.net/blog/tag/ecmascript-6/) 1. [A guide to 2ality’s posts on ECMAScript.next/ECMAScript 6](http://www.2ality.com/2012/11/guide-esnext.html) 1. [Axel Rauschmayer's articles](http://www.2ality.com/search/label/esnext) 1. [Use ECMAScript 6 Today](http://code.tutsplus.com/articles/use-ecmascript-6-today--net-31582) 1. [Rewriting A WebApp With ECMAScript 6](https://medium.com/@tastejs/rewriting-a-webapp-with-ecmascript-6-39417b642cb2) 1. [Toward Modern Web Apps with ECMAScript 6](http://www.sencha.com/blog/toward-modern-web-apps-with-ecmascript-6) 1. [A Few New Things Coming To JavaScript](http://addyosmani.com/blog/a-few-new-things-coming-to-javascript/) 1. [Summary of ECMAScript 6 major features](http://ryandao.net/summary-ecmascript-6-major-features/) 1. [5 Great Features in EcmaScript 6 (ES6 Harmony)](http://wintellect.com/blogs/nstieglitz/5-great-features-in-es6-harmony) 1. An introduction to ES6 * [Part 1: Using ES6 Today](http://dev.venntro.com/2013/09/es6-part-1/) * [Part 2: Block Scoping](http://dev.venntro.com/2013/09/es6-part-2/) * [Part 3: Destructuring](http://dev.venntro.com/2013/10/es6-part-3/) * [Part 4: Parameters and Spread](http://dev.venntro.com/2013/10/es6-part-4/) 1. [ES6 and Typescript Tutorial](https://www.youtube.com/watch?v=n3zrCxB8sj8&list=PLC3y8-rFHvwhI0V5mE9Vu6Nm-nap8EcjV/) 1. [ECMAScript 6: Jump in, the water is warm!](http://flippinawesome.org/2014/04/14/ecmascript-6-jump-in-the-water-is-warm/) 1. [ECMAScript 6 – Playing around in Harmony](http://thejackalofjavascript.com/es6-playing-around-in-harmony/) 1. [Playing with iterators and generators in ECMAScript 6](http://macr.ae/article/iterators-and-generators.html) 1. [Performance in ECMAScript 6](http://www.pixeldonor.com/2014/mar/30/performance-ecmascript-6/) 1. [10 ECMASCRIPT-6 TRICKS YOU CAN PERFORM RIGHT NOW](http://html5hub.com/10-ecmascript-6-tricks-you-can-perform-right-now/#i.1h3oa30hkjd9b1) 1. [Architecture of ECMAScript 6 Modules](http://blog.ponyfoo.com/2013/12/23/architecture-of-ecmascript-6-modules) 1. [ECMAScript 6 Generators](http://fitzgeraldnick.com/weblog/50/) 1. [Destructuring Assignment in ECMAScript 6](http://fitzgeraldnick.com/weblog/50/) 1. [Hanging up on Callbacks: Generators in ECMAScript 6](http://blog.carbonfive.com/2013/12/01/hanging-up-on-callbacks-generators-in-ecmascript-6/) 1. [ECMASCRIPT 6 – STRING.PROTOTYPE.REPEAT()](http://cwestblog.com/2014/02/27/ecmascript-6-string-prototype-repeat/) 1. [ECMAScript 6 Classes](http://www.9bitstudios.com/2014/04/ecmascript-6-classes/) 1. [A collaborative website about the ECMAScript 6](http://es6rocks.com/) 1. [Destructuring and Recursion in ES-6](http://raganwald.com/2015/02/02/destructuring.html) 1. [Tail Calls, Default Arguments, and Excessive Recycling in ES-6](http://raganwald.com/2015/02/07/tail-calls-defult-arguments-recycling.html) 1. [Lazy Iterables in JavaScript](http://raganwald.com/2015/02/17/lazy-iteratables-in-javascript.html) 1. [ES6 In Depth Articles](https://hacks.mozilla.org/category/es6-in-depth/) 1. [How to Use ES6 for Isomorphic JavaScript Apps](https://medium.com/javascript-scene/how-to-use-es6-for-isomorphic-javascript-apps-2a9c3abe5ea2) 1. [ES6 Generators: How do they work?](http://x-team.com/2015/04/generators-work) 1. [ECMASCript 2015 series on @medium](https://medium.com/ecmascript-2015) 1. [ES6 In Depth articles by Nicolas Bevacqua](https://ponyfoo.com/articles/tagged/es6-in-depth) 1. [ES6 Overview in 350 Bullet Points by Nicolas Bevacqua](https://ponyfoo.com/articles/es6) 1. [ECMAScript 6 Overview in simple terms](https://github.com/imalitavakoli/learn-es6) 1. [Using ES6 at work](http://xarnze.com/article/ES6,%20ECMAScript2015) 1. [ES6 for Humans - Kickstarter Guide to writing ES6](https://github.com/metagrover/ES6-for-humans) ## Books 1. [Understanding ECMAScript 6](https://leanpub.com/understandinges6) - [read online](https://leanpub.com/understandinges6/read) 1. [JS.next: A Manager’s Guide](http://chimera.labs.oreilly.com/books/1234000001623/index.html) 1. [Exploring ES6](http://exploringjs.com) 1. [You Don't Know JS: ES6 & Beyond](https://github.com/getify/You-Dont-Know-JS/blob/master/es6%20&%20beyond/README.md#you-dont-know-js-es6--beyond) 1. [Expert JavaScript](http://www.apress.com/9781430260974) 1. [JavaScript Allongé, The "Six" Edition](https://leanpub.com/javascriptallongesix) 1. [Setting Up ES6](https://leanpub.com/setting-up-es6) - [Read Online](https://leanpub.com/setting-up-es6/read) 1. [Exploring ES6](https://leanpub.com/exploring-es6) 1. [ECMAScript 6 Succinctly](https://www.syncfusion.com/resources/techportal/details/ebooks/ECMAScript_6_Succinctly) 1. [Let's Learn ES6](https://letslearnes6.com/) 1. [ES6 in Practice](https://leanpub.com/es6-in-practice) 1. [Get Programming with JavaScript Next](https://www.manning.com/books/get-programming-with-javascript-next) 1. [Builder Book: Learn how to build a full stack JavaScript web app from scratch](https://builderbook.org/book) ## Built with ES6 1. [Learn Harmony](https://github.com/BrianGenisio/learnharmony) 1. [Gistbook](https://github.com/jmeas/gistbook) ## Courses 1. [What’s Coming to JavaScript - Tuts+](https://tutsplus.com/course/whats-coming-to-javascript/) 1. [JavaScript Fundamentals for ES6 - Pluralsight](http://www.pluralsight.com/courses/javascript-fundamentals-es6) 1. [JS.Next: ES6 - Frontend Masters](https://frontendmasters.com/courses/jsnext-es6/) 1. [ES6 For Everyone](https://es6.io) 1. [Rapid ES6 Training - Pluralsight ](https://www.pluralsight.com/courses/rapid-es6-training) 1. [ES2015 Crash Course](https://laracasts.com/series/es6-cliffsnotes) 1. [ES6 Javascript: The Complete Developer's Guide](https://www.udemy.com/javascript-es6-tutorial/learn/v4/overview) 1. [Programming with ECMAScript 2015 (Video Course)](https://www.packtpub.com/web-development/programming-ecmascript-2015-video) by Lohith G. N., Packt. (April 2017) 1. [ES6 in Motion](https://www.manning.com/livevideo/es6-in-motion) by Wes Higbee, Manning. (May 2017) - packed with exercises 1. [ES6: JavaScript Improved - Udacity](https://www.udacity.com/course/es6-javascript-improved--ud356) ## Learn with Code 1. [Learn Harmony](http://learnharmony.org) 1. [ECMAScript 6 — Feature Overview & Comparison](http://es6-features.org/) 1. [ES6 Katas](http://es6katas.org/) ## Podcasts 1. [5 minutes of JavaScript - #18](http://five-js.envylabs.com/episodes/18-episode-18-march-13th-2014/stories/123-ecmascript-6-features) 1. [Javascript Jabber - ES6 with Aaron Frost - #68](https://devchat.tv/js-jabber/068-jsj-es6-with-aaron-frost) ## Screencasts 1. [ECMAScript 6](http://www.youtube.com/watch?v=Z7yS28I5ci4) 1. [ES6! Let's do it](http://www.youtube.com/playlist?list=PL35CJKPquv2aRsY5Gts82IvU9-nM1me0a) 1. [What's Coming to JavaScript: Picking the ECMAScript 6 Environments](http://www.youtube.com/watch?v=hrxzST9bvr8) 1. [ECMAScript 6—Alec Larsen](http://www.youtube.com/watch?v=ikgRLpWZiLs) 1. ES6 - tagtree.tv [episode 01](http://tagtree.tv/ecmascript-6-episode-1) | [episode 02](http://tagtree.tv/ecmascript-6-episode-2) | [episode 03](http://tagtree.tv/ecmascript-6-episode-3) | [episode 04](http://tagtree.tv/ecmascript-6-episode-4) 1. [ES6 - the let keyword](http://tagtree.tv/ecmascript-6-let) 1. [ECMAscript 6 Lessons - egghead.io](https://egghead.io/technologies/es6) 1. [Ode to Code](http://odetocode.com/videos) 1. ES6 Tutorial for Beginners [part 01](https://www.youtube.com/watch?v=JVKFTS9duIo) | [part 02](https://www.youtube.com/watch?v=OV_EPRUgvxo) ## Slides 1. [EcmaScript 6 - My Favorite Things](https://dl.dropboxusercontent.com/u/3531958/es6-favorite-parts/index.html#/) 1. [An Overview of ECMAScript 6 - Axel Rauschmayer](http://cdn.oreillystatic.com/en/assets/1/event/93/An%20Overview%20of%20ECMAScript%206%20Presentation.pdf) 2. [ECMAScript 6: A Better JavaScript for the Ambient Computing Era](http://pt.slideshare.net/allenwb/wdc14-allebwb) 1. [Speakerdeck presentations](https://speakerdeck.com/search?q=ecmascript+6) 1. [Slideshare Presentations](http://www.slideshare.net/search/slideshow?searchfrom=header&q=ecmascript+6) 1. [Slid.es Presentations](http://slides.com/explore?search=ecmascript%206) 1. [The power of ES6 - Charles King](http://charlesbking.com/power_of_es6/) ## Talks 1. [Brendan Eich: ECMA Harmony and the Future of JavaScript](http://www.youtube.com/watch?v=eUtsgUrF-ec&feature=player_embedded) 1. [Dave Herman: The Future of JavaScript](http://www.youtube.com/watch?v=u4IdoBU1uKE&feature=player_embedded) 1. [What's ECMAScript 6 Good For? - Presentation by Julio Cesar Ody](http://www.youtube.com/watch?v=tBkA6x0sbuQ) 1. [Hanging Up On Callbacks: Using ECMAScript 6 Generators](http://www.youtube.com/watch?v=OYdP1tQ9Rnw) 1. [Axel Rauschmayer - A 90 minute overview of ECMAScript 6](http://www.2ality.com/2015/02/using-es6-today-minsk.html) 1. [Kit Cambridge, "EcmaScript Next: The Subtleties of ES 6" at W3Conf 2013](http://www.youtube.com/watch?v=Dt0f2XdvriQ) 1. [Yehuda Katz - ECMAScript 6](http://www.youtube.com/watch?v=AkjcxlAuyLI) 1. [Ben Newman - Easing into ECMAScript 6 and Beyond](http://www.youtube.com/watch?v=kXY9hIPKuLQ) 1. [Rick Waldron - The Future of JavaScript](http://www.youtube.com/watch?v=EdfLA_wKUF8) 1. [What's new on EcmaScript6](http://www.youtube.com/watch?v=aQ5jazAEUd0) 1. [Practical Workflows for ES6 Modules - Fluent 2014](http://www.youtube.com/watch?v=0VUjM-jJf2U) 1. [The State of JavaScript - Brendan Eich](http://www.infoq.com/presentations/State-JavaScript) 1. [Luke Hoban: ECMAScript 6](http://channel9.msdn.com/Events/Lang-NEXT/Lang-NEXT-2012/ECMAScript-6) 1. [John K. Paul - ES6 Right Now](https://www.youtube.com/watch?v=rwm5JLqCpdk&index=16&list=PL-0yjdC10QYpmXI3l-PGK1od4kTWOjm_A&spfreload=10) ## Transpilers/Polyfills ### Transpilers 1. [Babel](https://babeljs.io) 1. [Google Traceur](https://code.google.com/p/traceur-compiler/wiki/LanguageFeatures) 1. [Google Caja](https://code.google.com/p/google-caja/) 1. [Esprima](http://esprima.googlecode.com/git-history/harmony/index.html) 1. [ES Transpiler](https://github.com/kaisellgren/ES-Transpiler) ### Polyfills 1. [es6-shim](https://github.com/paulmillr/es6-shim) - ECMAScript 6 (Harmony) compatibility shims for legacy JavaScript engines 1. [es6-collections](https://github.com/WebReflection/es6-collections) - Map, WeakMap, and Set fast/simple shim for Harmony collections 1. [shepherd-js](https://github.com/xcambar/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. 1. [require-hm](https://github.com/addyosmani/require-hm) - RequireJS loader plugin that supports ES6 Modules. 1. [es6-module-loader](https://github.com/ModuleLoader/es6-module-loader/) - An ES6 Module Loader polyfill based on the latest spec. 1. [SystemJS](https://github.com/systemjs/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](https://github.com/ModuleLoader/es6-module-loader/). 1. [jspm-cli](http://jspm.io/) - jspm is a package manager for the [SystemJS universal module loader](https://github.com/systemjs/systemjs), built on top of the dynamic [ES6 module loader polyfill](https://github.com/ModuleLoader/es6-module-loader/). ## More Useful Links 1. [es6features](https://github.com/lukehoban/es6features) - Overview of ECMAScript 6 features 1. [ECMAScript 6 compatibility table](http://kangax.github.io/compat-table/es6/) 1. [ES6 Fiddle](http://www.es6fiddle.net/) 1. [ECMAScript 6 Resources For The Curious JavaScripter](http://addyosmani.com/blog/ecmascript-6-resources-for-the-curious-javascripter/) 1. [ES6 what can be shimmed and what not.](https://gist.github.com/Raynos/1665192) 1. [EcmaScript Sixth Edition Overview](http://espadrine.github.io/New-In-A-Spec/es6/) 1. [JSFixed](https://github.com/JSFixed/JSFixed/issues) - share your feelings, loves, hates, proposals on ES.next 1. [es-discuss](https://mail.mozilla.org/listinfo/es-discuss) - Discussion of ECMAScript 1. [Airbnb Javascript Style Guide for ES6](https://github.com/airbnb/javascript) 1. [Discover JavaScript courses](https://bestcourses.io/results?q=javascript%20&size=n_20_n)