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

Lo que la cafeína le hizo a JS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Sergio Arbeo Sergio Arbeo
November 22, 2014
Programming
3k
1

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

More Decks by Sergio Arbeo

See All by Sergio Arbeo
Testing sin Dogmas
Avatar for Sergio Arbeo serabe
0
250
Decorating JavaScript - source{d} edition
Avatar for Sergio Arbeo serabe
1
160
Componentes: DD
Avatar for Sergio Arbeo serabe
0
390
Introducción a JSONAPI
Avatar for Sergio Arbeo serabe
1
200
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
240
Taller de Introducción a Ember.JS
Avatar for Sergio Arbeo serabe
1
210
Generadores en JavaScript
Avatar for Sergio Arbeo serabe
1
530
El diablo está en los detalles
Avatar for Sergio Arbeo serabe
0
690

Other Decks in Programming

See All in Programming
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
360
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
2
480
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて！
Avatar for Takashi Kokubun k0kubun
3
2.7k
Symfony + NelmioApiDocBundle を使った スキーマ駆動開発 / Schema Driven Development with NelmioApiDocBundle
Avatar for Shohei Okada okashoi
0
260
2026-03-27 #terminalnight 変数展開とコマンド展開でターミナル作業をスマートにする方法
Avatar for SUZUKI Masashi masasuzu
0
270
AI Assistants for Your Angular Solutions @Angular Graz, March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
The free-lunch guide to idea circularity
Avatar for Holly Cummins hollycummins
0
400
飯MCP
Avatar for Yusuke Wada yusukebe
0
460
RailsのValidatesをSwift Macrosで再現してみた
Avatar for Takuma Shimizu hokuron
0
150
安いハードウェアでVulkan
Avatar for Fadis fadis
1
870
Migration to Signals, Signal Forms, Resource API, and NgRx Signal Store @Angular Days 03/2026 Munich
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
脱 雰囲気実装！ AgentCoreを良い感じに WEBアプリケーションに組み込むために
Avatar for Takuya Yonezawa takuyay0ne
3
430

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
64
53k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
780
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.3k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.9M
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
280

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]