ES6 Rocks!

Palestra ES6 Rocks RSJS 2014

Transcript

1. let conf = (e, s, six = new Date().getFullYear()) => e + s + six; console.log(conf('rs', 'js'));
2. * Entusiasta JavaScript * FrontEnd Engineer no Terra * BrazilJSConf/RSJS/FrontInPoa
6. Cronograma • História • Arrows functions • Classes • Template Strings • default/rest/spread params • let + const • modules • promises • Demo • Surpresa!
9. 1995 - Mocha - LiveScript - JavaScript - ECMAScript
10. ECMA-262
11. Versão suportada na maioria dos browsers Introduziu algumas features como expressões regulares, try/catch, entre outras 1999 - ES3
12. 2008 - ES4 Versão abandonada :(
13. 2009 - ES5 Várias melhorias na linguagem es5-compat-table by @kangax
24. ES6
26. Arrow Functions
27. =>
28. • Lexical this binding • Not newable • Can’t change this • Always anonymus
31. Classes
32. • OO clássica • super call • static methods • constructors
35. Template Strings
36. • Multiline strings • Basic string formatting • HTML escaping • Localization of strings
38. Parameters
40. Block Scope
42. Modules
45. Promises
47. Uma promise representa um valor não necessariamente conhecido no seu tempo de criação; Promises permitem associar handlers de sucesso ou erro de uma ação assíncrona; Isso permite que métodos assíncronos retornem valores como métodos ~síncronos~; Ao invés do valor final, o método assíncrono retorna uma promessa de ter um valor em algum momento no futuro
49. Como usar hoje?
51. https://github.com/google/traceur-compiler
52. • Array Comprehension • Arrow Functions • Classes • Computed Property Names • Default Parameters • Destructuring Assignment • Iterators and For Of • Generator Comprehension • Generators • Modules • Numeric Literals • Property Method Assignment • Object Initializer Shorthand • Rest Parameters • Spread • Template Literals • Promises Traceur features
53. Tabela ES6 es6-compat-table by @kangax
54. Demo
55. ~Surpresa~
56. es6rocks.com
59. Harmonic https://github.com/es6rocks/harmonic The next static site generator