emacscript 6

27
ES6 Right now!

Upload: rene-olivo

Post on 20-Jul-2015

160 views

Category:

Software


2 download

TRANSCRIPT

Page 1: Emacscript 6

ES6Right now!

Page 2: Emacscript 6

René Olivo

● MSc Electronic Commerce.● BSc System Engineering.● 15 years working with software

development.● Loves beer.

Page 3: Emacscript 6

ES6 Featureshttps://github.com/lukehoban/es6features

Page 4: Emacscript 6

ES6 Compatibilityhttps://kangax.github.io/compat-table/es6/

Page 6: Emacscript 6

Let is the new Varhttp://localhost:8080/es6-js-dom/dist/1-let/

Page 7: Emacscript 6

Destructuring - Array Pattern

Source: http://ariya.ofilabs.com/2013/02/es6-and-destructuring-assignment.html

Page 8: Emacscript 6

Destructuring - Object Pattern

Source: http://ariya.ofilabs.com/2013/02/es6-and-destructuring-assignment.html

Page 9: Emacscript 6

Template String

Page 10: Emacscript 6

Fat Arrows / Arrow Functions

Page 11: Emacscript 6

Fat Arrows / Arrow Functions

Page 12: Emacscript 6

Default parameter values

Page 13: Emacscript 6

Parameters spread

Page 14: Emacscript 6

Parameters spread

Page 15: Emacscript 6

Promises - Callback Hell

Page 16: Emacscript 6

Promises - Callback Hell No More

Page 17: Emacscript 6

ModulesOr the death of Require, Amd, Et All

Page 18: Emacscript 6

Export

Source: http://www.sitepoint.com/understanding-es6-modules/

Page 19: Emacscript 6

Import

Source: http://www.sitepoint.com/understanding-es6-modules/

Page 20: Emacscript 6

Default Export

Source: http://www.sitepoint.com/understanding-es6-modules/

Page 21: Emacscript 6

Default Import

Source: http://www.sitepoint.com/understanding-es6-modules/

Page 22: Emacscript 6

Classes

Page 23: Emacscript 6

Classes

"[Java Programmers] will go to their grave without knowing how miserable they are."

- Douglas Crockford

Source: https://www.youtube.com/watch?v=PSGEjv3Tqo0

Page 24: Emacscript 6

Classes - Definition

Page 25: Emacscript 6

Classes - Extension

Page 26: Emacscript 6

Classes - Static methods

Page 27: Emacscript 6

Weak Maphttp://localhost:8080/es6-js-dom/dist/2-weakmap/