Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Lo que la cafeína le hizo a JS

7b8e1744137ecbad51b24ab2d169779b?s=47 Sergio Arbeo
November 22, 2014

Lo que la cafeína le hizo a JS

Un paseo por la nueva sintaxis de ECMAScript 6

7b8e1744137ecbad51b24ab2d169779b?s=128

Sergio Arbeo

November 22, 2014
Tweet

Transcript

  1. MADRID · NOV 21-22 · 2014 Sergio Arbeo {Back,Front}-end developer

    at codecantor @Serabe Historia de un despecho transpilado Lo que la cafeína le hizo a JS
  2. MADRID · NOV 21-22 · 2014 CODECANTOR

  3. MADRID · NOV 21-22 · 2014 I loved CoffeeScript

  4. MADRID · NOV 21-22 · 2014 I loved CoffeeScript

  5. MADRID · NOV 21-22 · 2014 CoffeeScript V JavaScript

  6. MADRID · NOV 21-22 · 2014 CoffeeScript V ES5

  7. MADRID · NOV 21-22 · 2014 CoffeeScript ES6 V

  8. MADRID · NOV 21-22 · 2014 WHY?

  9. MADRID · NOV 21-22 · 2014 WHY? Implicit returns

  10. MADRID · NOV 21-22 · 2014 WHY? Implicit returns No

    named functions
  11. MADRID · NOV 21-22 · 2014 WHY? Implicit returns No

    named functions Strange regexes
  12. MADRID · NOV 21-22 · 2014 WHY? Implicit returns No

    named functions Strange regexes Significant whitespace
  13. MADRID · NOV 21-22 · 2014 WHY? Implicit returns No

    named functions Strange regexes Significant whitespace Generators
  14. MADRID · NOV 21-22 · 2014 Ember.JS

  15. MADRID · NOV 21-22 · 2014

  16. MADRID · NOV 21-22 · 2014

  17. MADRID · NOV 21-22 · 2014

  18. MADRID · NOV 21-22 · 2014 ES6

  19. MADRID · NOV 21-22 · 2014 Destructuring

  20. MADRID · NOV 21-22 · 2014

  21. MADRID · NOV 21-22 · 2014

  22. MADRID · NOV 21-22 · 2014

  23. MADRID · NOV 21-22 · 2014

  24. MADRID · NOV 21-22 · 2014 NESTABLE

  25. MADRID · NOV 21-22 · 2014

  26. MADRID · NOV 21-22 · 2014

  27. MADRID · NOV 21-22 · 2014 Destructuring DE

  28. MADRID · NOV 21-22 · 2014

  29. MADRID · NOV 21-22 · 2014 Arrays too

  30. MADRID · NOV 21-22 · 2014

  31. MADRID · NOV 21-22 · 2014

  32. MADRID · NOV 21-22 · 2014

  33. MADRID · NOV 21-22 · 2014

  34. MADRID · NOV 21-22 · 2014 NESTABLE TOO

  35. MADRID · NOV 21-22 · 2014 MODULES

  36. MADRID · NOV 21-22 · 2014

  37. MADRID · NOV 21-22 · 2014

  38. MADRID · NOV 21-22 · 2014

  39. MADRID · NOV 21-22 · 2014

  40. MADRID · NOV 21-22 · 2014

  41. MADRID · NOV 21-22 · 2014 Ember-CLI

  42. MADRID · NOV 21-22 · 2014 let / const

  43. MADRID · NOV 21-22 · 2014 let •  The new

    var. •  Block scope. •  No hoisting.
  44. MADRID · NOV 21-22 · 2014 let •  The new

    var. •  Block scope. •  No hoisting. Actually, it does hoist, but raises a syntactic error at runtime when used before being asigned.
  45. MADRID · NOV 21-22 · 2014 Hard to transpile properly.

  46. MADRID · NOV 21-22 · 2014 CLASSES

  47. MADRID · NOV 21-22 · 2014 CLASSES The Good Parts

  48. MADRID · NOV 21-22 · 2014 METHODS

  49. MADRID · NOV 21-22 · 2014

  50. MADRID · NOV 21-22 · 2014 STRING TEMPLATES Interlude

  51. MADRID · NOV 21-22 · 2014

  52. MADRID · NOV 21-22 · 2014 Computed properties

  53. MADRID · NOV 21-22 · 2014

  54. MADRID · NOV 21-22 · 2014

  55. MADRID · NOV 21-22 · 2014

  56. MADRID · NOV 21-22 · 2014

  57. MADRID · NOV 21-22 · 2014 {G,S}ETTER

  58. MADRID · NOV 21-22 · 2014

  59. MADRID · NOV 21-22 · 2014

  60. MADRID · NOV 21-22 · 2014 FUNCTIONS

  61. MADRID · NOV 21-22 · 2014 SPREAD OP

  62. MADRID · NOV 21-22 · 2014

  63. MADRID · NOV 21-22 · 2014

  64. MADRID · NOV 21-22 · 2014

  65. MADRID · NOV 21-22 · 2014

  66. MADRID · NOV 21-22 · 2014

  67. MADRID · NOV 21-22 · 2014

  68. MADRID · NOV 21-22 · 2014 1 -> 2 ->

    3
  69. MADRID · NOV 21-22 · 2014 1 -> 2 ->

    3 14
  70. MADRID · NOV 21-22 · 2014

  71. MADRID · NOV 21-22 · 2014 DEFAULT

  72. MADRID · NOV 21-22 · 2014

  73. MADRID · NOV 21-22 · 2014

  74. MADRID · NOV 21-22 · 2014 fn

  75. MADRID · NOV 21-22 · 2014

  76. MADRID · NOV 21-22 · 2014

  77. MADRID · NOV 21-22 · 2014 Most important => fn

    feature LEXICAL THIS
  78. MADRID · NOV 21-22 · 2014

  79. MADRID · NOV 21-22 · 2014 No time for…

  80. MADRID · NOV 21-22 · 2014 CLASSES The not-that-good Parts

  81. MADRID · NOV 21-22 · 2014 GENERATOR

  82. MADRID · NOV 21-22 · 2014 COMPREHENSIONS

  83. MADRID · NOV 21-22 · 2014 async/await ES7

  84. MADRID · NOV 21-22 · 2014 NAMED EXPORTS

  85. MADRID · NOV 21-22 · 2014 # LITERALS

  86. MADRID · NOV 21-22 · 2014 # LITERALS BINARY: 0b101

  87. MADRID · NOV 21-22 · 2014 # LITERALS BINARY: 0b101

    OCTAL: 0o67
  88. MADRID · NOV 21-22 · 2014 # LITERALS

  89. MADRID · NOV 21-22 · 2014 APIs

  90. MADRID · NOV 21-22 · 2014 QUESTIONS?

  91. MADRID · NOV 21-22 · 2014 Thank you! @Serabe sergio@codecantor.com