Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

ES6, Right here, right now

Avatar for Frontend NE Frontend NE
October 01, 2015
Technology
440
1

ES6, Right here, right now

Why ES6 (the next version of JavaScript) is great and how you can use it today

Avatar for Frontend NE

Frontend NE

October 01, 2015

More Decks by Frontend NE

See All by Frontend NE
Standardizing 'select': What the future holds for HTML - Stephanie Stimac @ FrontendNE
Avatar for Frontend NE frontendne
4
470
CSS Regression testing - James A Lambert @ FrontendNE
Avatar for Frontend NE frontendne
1
390
Building a design system for Lloyds Banking - Lilly Dart @ FrontendNE
Avatar for Frontend NE frontendne
0
1.6k
What I learnt about hiring diverse teams from conducting a fully-anonymous recruitment process - Bethan Vicent
Avatar for Frontend NE frontendne
0
350
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
Avatar for Frontend NE frontendne
0
810
Contain yourself - Docker for developers
Avatar for Frontend NE frontendne
2
320
Design process of a website
Avatar for Frontend NE frontendne
0
380
What the JAMstack?
Avatar for Frontend NE frontendne
1
1k
Talking the talk
Avatar for Frontend NE frontendne
0
590

Other Decks in Technology

See All in Technology
バイブコーディング時代のWebアプリ開発入門~Cloud Runで学ぶセキュアなビルドとデプロイ
Avatar for 尾﨑勇太/Yuta Ozaki waiwai2111
1
130
30座EKS, 180次升級淬煉的EKS Upgrade Skill 的歷程
Avatar for Eric eric8230
0
170
AI時代、データエンジニアが一番おもろい
Avatar for ゲンシュン genshun9
0
620
What the customer really needed
Avatar for Yasunobu Kawaguchi kawaguti
PRO
3
200
20260912_スクフェス三河
Avatar for hikari kgnkhkr
0
380
アプリをもっと"iOSアプリっぽく"する小さな工夫 / Small Touches That Make Your App Feel More Like an iOS App
Avatar for matsuji matsuji
2
920
range over func 2年間の軌跡 Issue #56413 はGoのエコシステムをどう変えたか
Avatar for Ryuji Kokubu ryujicre8ive
0
190
AI de Idea
Avatar for Yasunobu Kawaguchi kawaguti
PRO
2
120
CLIライブラリ開発を支える技術
Avatar for Hiroshi TANABE htnabe
0
120
OpenTelemetryのメトリクスをCloudWatchに送ってPromQLで見てみた
Avatar for Itaru Ota ota1022
0
150
その Lambda、8分で 管理者権限まで奪われます
Avatar for k1nakayama k1nakayama
3
2k
TinyGo 開発サイクルを高速化する：Go で作るエミュレータ入門
Avatar for ZOZO Developers zozotech
PRO
1
740

Featured

See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
670
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
390
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
830
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
500
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
4
10k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
192
12k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
660
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
New Earth Scene 8
Avatar for Sydney Stone popppiees
4
2.6k

Transcript

  1. Es6 Right here, right now

  2. What is Es6 Single implementation of common framework features New

    functionality

  3. Modules

  4. CommonJs

  5. Es6 modules

  6. Classes

  7. Classes No support for private methods, can fake it though

    No support for private variables, yet

  8. fake private methods

  9. Arrow functions

  10. Let and const

  11. Default parameters

  12. Template strings

  13. Others • Built in promises • Sets, Maps • Proxies

    • Math - .isNan, .isInteger, constants • Array - .from, .find, .findIndex • Strings - .contains • Binary and octal literals • Generators and yield • Destructuring and spread operators

  14. Using this right now https://babeljs.io/

  15. Server side > Node 4 - everything except modules <

    Node 4 is a crapshoot Hook into require

  16. Client side ES6 — Babel —> ES5 modules ES5 modules

    — Webpack —> FRONTEND SCRIPT

  17. Client side grunt/gulp + browserify/webpack + babel 
 
 


    
 
 
 
 
 


  18. @shiggsatwork