$30 off During Our Annual Pro Sale. View Details »

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
140
Componentes: DD
Avatar for Sergio Arbeo serabe
0
370
Introducción a JSONAPI
Avatar for Sergio Arbeo serabe
1
190
Bienvenidos a Ember Madrid
Avatar for Sergio Arbeo serabe
2
220
Lo que la cafeína le hizo a JS
Avatar for Sergio Arbeo serabe
1
230
Taller de Introducción a Ember.JS
Avatar for Sergio Arbeo serabe
1
200
Generadores en JavaScript
Avatar for Sergio Arbeo serabe
1
520
El diablo está en los detalles
Avatar for Sergio Arbeo serabe
0
660

Other Decks in Programming

See All in Programming
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
180
Jetpack XR SDKから紐解くAndroid XR開発と技術選定のヒント / about-androidxr-and-jetpack-xr-sdk
Avatar for にー兄さん drumath2237
1
190
Developing static sites with Ruby
Avatar for Masafumi Okura okuramasafumi
0
330
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
Avatar for mouson(墨嗓) mouson
0
220
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
230
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
360
生成AIを利用するだけでなく、投資できる組織へ
Avatar for pospome pospome
2
410
The Art of Re-Architecture - Droidcon India 2025
Avatar for Sid Patil siddroid
0
130
LLMで複雑な検索条件アセットから脱却する！！ 生成的検索インタフェースの設計論
Avatar for po3rin po3rin
4
980
AtCoder Conference 2025「LLM時代のAHC」
Avatar for Yuki Imajuku imjk
2
590
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
160
まだ間に合う！Claude Code元年をふりかえる
Avatar for nogu nogu66
5
900

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
39k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
120
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
400
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
130
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
65
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k

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]