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

DenverScript: ES6 and Beyond

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Steve Kinney Steve Kinney
April 28, 2015
Technology
160
1

DenverScript: ES6 and Beyond

Avatar for Steve Kinney

Steve Kinney

April 28, 2015

More Decks by Steve Kinney

See All by Steve Kinney
React_Performance__2022.pdf
Avatar for Steve Kinney stevekinney
0
27
React Performance v2
Avatar for Steve Kinney stevekinney
0
33
Introduction to Testing
Avatar for Steve Kinney stevekinney
0
150
Web Security, Frontend Masters
Avatar for Steve Kinney stevekinney
0
3.8k
Making Music with the Web Audio API, JSConf Colombia 2023
Avatar for Steve Kinney stevekinney
0
120
React and TypeScript, Turing School
Avatar for Steve Kinney stevekinney
0
370
Redux Workshop, 2021-05-05
Avatar for Steve Kinney stevekinney
2
2.2k
TypeScript and React Utility Types
Avatar for Steve Kinney stevekinney
1
220
A Gentle Introduction to GraphQL Resolvers
Avatar for Steve Kinney stevekinney
1
170

Other Decks in Technology

See All in Technology
AI とサービス・デザイン / AI and Service Design
Avatar for Kenji Saito ks91
PRO
0
170
TypeScriptとAngular Signal で実現する保守性の高いアプリケーション設計 - 3層アーキテクチャによる責務分離の実践（たつかわ） https://2026.tskaigi.org/talks/10
Avatar for Nealle nealle
1
360
Gradle×GitHub_ActionsでCI時間を約50%短縮 ジョブ分割の設計と落とし穴 / Cutting CI Time by ~50% with Gradle and GitHub Actions: Job-Splitting Design and Pitfalls
Avatar for 冨澤宝斗 takatty
0
190
Strands Agents超入門
Avatar for KintoTech_Dev kintotechdev
1
120
オンコールの負荷軽減のためのBits Assistant 活用方法 / How to Use Bits Assistant to Reduce the Workload on On-Call Staff
Avatar for SMS tech sms_tech
1
180
oracle-to-databricks-migration-with-llm-and-dbt
Avatar for case-k-git casek
0
250
NFLコンペ2026 解法
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
120
基礎から解説！Icebergで紐解くSnowflake×Databricks連携の現在地
Avatar for TomokiYasuhara cm_yasuhara
0
330
Agentic AI時代における メルカリのAIガバナンスとガードレール実装
Avatar for ichihara naoichihara
15
15k
TypeScript で Platform SDK を作る技術
Avatar for Akira HIGUCHI toiroakr
1
320
Claude Code x Accounting
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
330
GitHub Copilot CLI の Rubber Duck 機能を使ってコーディングの品質をあげよう #techbaton_findy
Avatar for すてにゃん stefafafan
2
1.1k

Featured

See All Featured
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
380
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
410
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
HDC tutorial
Avatar for Michiel Stock michielstock
2
670
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.9k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
770

Transcript

  1. JavaScript: ES6 & Beyond Steve Kinney, @stevekinney

  2. Hi. I'm Steve. @stevekinney | [email protected]

  3. ECMAScript 1: 1997

  4. ECMAScript 2: 1998

  5. ECMAScript 3: 1999

  6. ECMAScript 4

  7. None

  8. ECMAScript 4

  9. ECMAScript 3.1

  10. ECMAScript 3.1 5: 2007

  11. ✨ Harmony ✨

  12. None

  13. ECMAScript 6

  14. ECMAScript 6 2015

  15. The Birth of a Standard • Stage 0 - Strawman

    • Stage 1 - Proposal • Stage 2 - Draft • Stage 3 - Candidate • Stage 4 - Finished

  16. So, what's in this fancy new language?

  17. Classes, modules, array comprehension, generators, iterators, promises, tail call optimization,

    proxies, string interpolation, unicode support, maps, sets, symbols, new APIs for primitive types, binary and octal literals, slides with too many words on them…

  18. Firming up the foundation of the language.

  19. let's have a little talk about var.

  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None

  27. let: It's like var but it does the thing you

    think it's going to do.

  28. const

  29. Turing students ask: “Hey Steve, what's your least favorite thing

    about writing JavaScript?”

  30. I hate string concatenation with the fiery passion of a

    thousand burning suns.
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None

  37. Let's play a game.

  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None

  47. There are some solutions to this problem, but none of

    them are going to make you feel good.
  48. None
  49. None
  50. None
  51. None

  52. Gross.

  53. In ES5, we got Function.prototype.bind.

  54. None

  55. In ES6, we get arrow functions.

  56. None
  57. None
  58. None
  59. None
  60. None
  61. None
  62. None
  63. None
  64. None
  65. None

  66. What's the point of multi-line arrow functions if I need

    to return stuff? What gives?

  67. Arrow functions also lexically bind this.

  68. Let's do some refactoring.

  69. None
  70. None
  71. None
  72. None

  73. But, that's not all…

  74. None
  75. None

  76. In which, JavaScript gets some class.

  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. None

  87. This seems brittle. Can we refactor this?

  88. None
  89. None
  90. None
  91. None
  92. None
  93. None
  94. None
  95. None
  96. None

  97. What about inheritance?

  98. None
  99. None
  100. None
  101. None
  102. None

  103. There is still a bit more refactoring that we can

    do here.
  104. None
  105. None
  106. None
  107. None
  108. None
  109. None
  110. None

  111. Other goodies: class methods and properties, inheriting from built-in types,

    computed method names.

  112. Symbols

  113. None
  114. None

  115. Private Properties

  116. Splat and spread.

  117. None
  118. None
  119. None
  120. None
  121. None
  122. None
  123. None
  124. None
  125. None
  126. None
  127. None
  128. None
  129. None
  130. None
  131. None
  132. None
  133. None
  134. None
  135. None

  136. Default Arguments

  137. None
  138. None

  139. Generators

  140. None
  141. None
  142. None
  143. None
  144. None
  145. None

  146. Synchronous-looking Asynchronous Code

  147. None
  148. None
  149. None
  150. None
  151. None
  152. None

  153. Modules

  154. None
  155. None
  156. None
  157. None
  158. None
  159. None

  160. Proxies

  161. None
  162. None
  163. None
  164. None
  165. None
  166. None
  167. None
  168. None
  169. None
  170. None
  171. None
  172. None
  173. None

  174. How long am I going to have to wait until

    I can use this stuff?

  175. You can use all of this and more today.

  176. Transpilation.

  177. None
  178. None

  179. The Birth of a Standard • Stage 0 - Strawman

    • Stage 1 - Proposal • Stage 2 - Draft • Stage 3 - Candidate • Stage 4 - Finished
  180. None

  181. Thank you! Oh, also: Questions? All the places on the

    Internet: @stevekinney Come be our friend and mentor our students. Hire our students: http://people.turing.io/