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

ES6, Right here, right now

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Frontend NE Frontend NE
October 01, 2015
Technology
420
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
440
CSS Regression testing - James A Lambert @ FrontendNE
Avatar for Frontend NE frontendne
1
360
Building a design system for Lloyds Banking - Lilly Dart @ FrontendNE
Avatar for Frontend NE frontendne
0
1.5k
What I learnt about hiring diverse teams from conducting a fully-anonymous recruitment process - Bethan Vicent
Avatar for Frontend NE frontendne
0
310
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
Avatar for Frontend NE frontendne
0
780
Contain yourself - Docker for developers
Avatar for Frontend NE frontendne
2
290
Design process of a website
Avatar for Frontend NE frontendne
0
350
What the JAMstack?
Avatar for Frontend NE frontendne
1
990
Talking the talk
Avatar for Frontend NE frontendne
0
550

Other Decks in Technology

See All in Technology
long-running-tasks
Avatar for cipepser cipepser
2
350
はじめてのAI-DLC
Avatar for 吉田真吾 yoshidashingo
2
550
組織の中で自分を経営する技術
Avatar for shoota shoota
0
150
NFLコンペ2026 解法
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
110
TypeScript で Platform SDK を作る技術
Avatar for Akira HIGUCHI toiroakr
1
310
基礎から解説！Icebergで紐解くSnowflake×Databricks連携の現在地
Avatar for TomokiYasuhara cm_yasuhara
0
320
キャリア25年目にしてTypeScript に出会うまで - 「型」を通じて振り返るプログラミング言語遍歴 / Meeting TypeScript After 25 Years in Tech - Looking Back at My Programming Language Journey Through "Types"
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
2
280
インフラが苦手でも大丈夫！ 紙芝居 Kubernetes -WWGT 10周年編-
Avatar for Aoi Takahashi aoi1
1
110
AI駆動開発でなんでもハンズオン環境をつくってみた
Avatar for yoshimi0227 yoshimi0227
0
140
TypeScript の型で副作用の実行順序を制御する
Avatar for yanaemon yanaemon
2
210
Agentic AI時代における メルカリのAIガバナンスとガードレール実装
Avatar for ichihara naoichihara
15
14k
開発にAIを組織として取り入れる一歩目とその後
Avatar for 渋谷悠司 yujishibuya
0
220

Featured

See All Featured
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
780
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
310
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
34k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
130
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
12k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
250
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
270
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
350
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.3k

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