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
220
Decorating JavaScript - source{d} edition
Avatar for Sergio Arbeo serabe
1
130
Componentes: DD
Avatar for Sergio Arbeo serabe
0
340
Introducción a JSONAPI
Avatar for Sergio Arbeo serabe
1
170
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
190
Generadores en JavaScript
Avatar for Sergio Arbeo serabe
1
510
El diablo está en los detalles
Avatar for Sergio Arbeo serabe
0
610

Other Decks in Programming

See All in Programming
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
Avatar for uzulla uzulla
1
330
画像コンペでのベースラインモデルの育て方
Avatar for tattaka tattaka
3
1.6k
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
Avatar for はる lemonade_37
2
460
JetBrainsのAI機能の紹介 #jjug
Avatar for yusuke yusuke
0
200
Android 15以上でPDFのテキスト検索を爆速開発！
Avatar for tonionagauzzi tonionagauzzi
0
200
AIコーディングエージェント全社導入とセキュリティ対策
Avatar for hikae hikaruegashira
16
9.7k
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
Avatar for Akira Suenami a_suenami
10
1.7k
MCPで実現できる、Webサービス利用体験について
Avatar for syumai syumai
7
2.5k
ライブ配信サービスの インフラのジレンマ -マルチクラウドに至ったワケ-
Avatar for Mirrativ mirrativ
1
150
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
Avatar for Kuu fumiyakume
21
10k
AIに安心して任せるためにTypeScriptで一意な型を作ろう
Avatar for Yuki Yata arfes0e2b3c
0
340
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜（奥田りさ）The Basics of Agent Development with ADK — A Demo-Focused Introduction
Avatar for RisaTube risatube
PRO
6
1.4k

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
450
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
880
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.3k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k

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]