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

Lo que la cafeína le hizo a JS

Avatar for Sergio Arbeo Sergio Arbeo
November 22, 2014
Programming
1
3k

Lo que la cafeína le hizo a JS

Un paseo por la nueva sintaxis de ECMAScript 6

Avatar for Sergio Arbeo

Sergio Arbeo

November 22, 2014
Tweet

More Decks by Sergio Arbeo

See All by Sergio Arbeo
Testing sin Dogmas
Avatar for Sergio Arbeo serabe
0
230
Decorating JavaScript - source{d} edition
Avatar for Sergio Arbeo serabe
1
130
Componentes: DD
Avatar for Sergio Arbeo serabe
0
350
Introducción a JSONAPI
Avatar for Sergio Arbeo serabe
1
180
Bienvenidos a Ember Madrid
Avatar for Sergio Arbeo serabe
2
210
Lo que la cafeína le hizo a JS
Avatar for Sergio Arbeo serabe
1
220
Taller de Introducción a Ember.JS
Avatar for Sergio Arbeo serabe
1
200
Generadores en JavaScript
Avatar for Sergio Arbeo serabe
1
510
El diablo está en los detalles
Avatar for Sergio Arbeo serabe
0
620

Other Decks in Programming

See All in Programming
GitHubとGitLabと AWS CodePipelineで CI/CDを組み比べてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
4
250
複雑なフォームに立ち向かう Next.js の技術選定
Avatar for Takashi Machinaga macchiitaka
2
220
🔨 小さなビルドシステムを作る
Avatar for Mutsuha Asada momeemt
4
690
はじめてのMaterial3 Expressive
Avatar for yume ym223
2
890
Oracle Database Technology Night 92 Database Connection control FAN-AC
Avatar for oracle4engineer oracle4engineer
PRO
1
470
そのAPI、誰のため？ Androidライブラリ設計における利用者目線の実践テクニック
Avatar for mkeeda mkeeda
2
1.8k
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
Avatar for azukiazusa azukiazusa1
24
12k
より安全で効率的な Go コードへ： Protocol Buffers Opaque API の導入
Avatar for shoyan shwatanap
2
730
Azure SRE Agentで運用は楽になるのか？
Avatar for KAMEGAWA Kazushi kkamegawa
0
2.5k
楽して成果を出すためのセルフリソース管理
Avatar for clipnote clipnote
0
190
MCPとデザインシステムに立脚したデザインと実装の融合
Avatar for Yuku Kotani yukukotani
4
1.5k
詳解！defer panic recover のしくみ / Understanding defer, panic, and recover
Avatar for convto convto
0
250

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
850
Embracing the Ebb and Flow
Avatar for Simon Collison colly
87
4.8k

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 [email protected]