Lo que la cafeína le hizo a JS

Edición extendida y revisada dada en MadridJS. Enero 2015.

Transcript

1. Sergio Arbeo {Back,Front}-end developer at codecantor @Serabe Lo  que  la  cafeína  le  hizo  a  JS   Historia  de  un  despecho  transpilado  
2. Sergio Arbeo {Back,Front}-end developer at codecantor @Serabe Lo  que  la  cafeína  le  hizo  a  JS   Historia  de  un  despecho  transpilado   Extended version, just not Peter- Jackson-extended
3. Sergio Arbeo {Back,Front}-end developer at codecantor @Serabe Lo  que  la  cafeína  le  hizo  a  JS   Historia  de  un  despecho  transpilado   Extended version, just not Peter- Jackson-extended You know what I mean
5. CODECANTOR
6. /Ember-js-Madrid
7. I loved CoffeeScript
8. I loved CoffeeScript
9. CoffeeScript V JavaScript
10. CoffeeScript V ES5
11. CoffeeScript ES6 V
12. WHY?  
13. WHY?   Implicit returns
14. WHY?   Implicit returns No named functions
15. WHY?   Implicit returns No named functions Strange regexes
16. WHY?   Implicit returns No named functions Strange regexes Significant whitespace
17. WHY?   Implicit returns No named functions Strange regexes Significant whitespace Generators
18. Ember.JS  
22. ES6  
23. Destructuring  
28. NESTABLE  
31. Destructuring   DE
33. Arrays  too  
38. NESTABLE   TOO
39. MODULES  
46. Named  exports  
50. Ember-­‐CLI  
51. let  /  const  
52. let   •  The  new  var.   •  Block  scope.   •  No  hoisRng.  
53. let   •  The  new  var.   •  Block  scope.   •  No  hoisRng.   Actually, it does hoist, but raises a syntactic error at runtime when used before being asigned.
54. Symbols   Interlude
55. Symbol   New  primiRve  type  that  serves  as  unique  IDs.  
56. Symbol  
57. CLASSES  
58. CLASSES   The Good Parts
59. METHODS  
61. STRING   TEMPLATES   Interlude
63. Computed   properRes  
68. SYMBOLS   Interlude
69. Symbol   Can  be  used  as  property  names.   keys
71. Some  symbols   •  Symbol.hasInstance   •  Symbol.isConcatSpreadable   •  Symbol.isRegExp   •  Symbol.toPrimiRve   •  Symbol.toStringTag   •  Symbol.unscopables   •  Symbol.iterator  
72. {G,S}ETTER  
75. FUNCTIONS  
76. SPREAD  OP  
83. 1  -­‐>  2  -­‐>  3  
84. 1  -­‐>  2  -­‐>  3   14
86. Symbol.iterator   12.2.4.2
88. DEFAULT  
91. fn
94. Most  important  =>  fn  feature   LEXICAL THIS
96. No  Rme  for…  
97. CLASSES   The not-that-good Parts
98. GENERATOR  
99. COMPREHENSIONS  
100. async/await   ES7
101. NAMED  EXPORTS  
102. #  LITERALS  
103. #  LITERALS   BINARY: 0b101
104. #  LITERALS   BINARY: 0b101 OCTAL: 0o67
105. #  LITERALS  
106. APIs  
107. QUESTIONS?
108. Thank you! @Serabe sergio@codecantor.com