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

ES6, Right here, right now

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

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
Tweet

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
340
CSS Regression testing - James A Lambert @ FrontendNE
Avatar for Frontend NE frontendne
1
300
Building a design system for Lloyds Banking - Lilly Dart @ FrontendNE
Avatar for Frontend NE frontendne
0
1.3k
What I learnt about hiring diverse teams from conducting a fully-anonymous recruitment process - Bethan Vicent
Avatar for Frontend NE frontendne
0
240
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
Avatar for Frontend NE frontendne
0
690
Contain yourself - Docker for developers
Avatar for Frontend NE frontendne
2
240
Design process of a website
Avatar for Frontend NE frontendne
0
260
What the JAMstack?
Avatar for Frontend NE frontendne
1
860
Talking the talk
Avatar for Frontend NE frontendne
0
450

Other Decks in Technology

See All in Technology
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
Avatar for 弁護士ドットコム bengo4com
0
2k
いつの間にか入れ替わってる！？新しいAWS Security Hubとは？
Avatar for cm-usuda-keisuke cmusudakeisuke
0
130
PO初心者が考えた ”POらしさ”
Avatar for (Ha)rady nb_rady
0
210
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
Avatar for FUJIWARA Shunichiro fujiwara3
3
450
OPENLOGI Company Profile
Avatar for OPENLOGI hr01
0
67k
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
Avatar for kou_kita kou_kita
0
170
Glacierだからってコストあきらめてない？ / JAWS Meet Glacier Cost
Avatar for sasaki taishin
1
170
Lazy application authentication with Tailscale
Avatar for Elliot Blackburn bluehatbrit
0
220
改めてAWS WAFを振り返る～業務で使うためのポイント～
Avatar for モブエンジニア masakiokuda
2
270
United Airlines Customer Service– Call 1-833-341-3142 Now!
Avatar for vivankilkenny548+imnfc airhelp
0
170
AI専用のリンターを作る #yumemi_patch
Avatar for 弁護士ドットコム bengo4com
6
4.3k
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
Avatar for 三菱UFJインフォメーションテクノロジー株式会社 muit
2
17k

Featured

See All Featured
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.4k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k

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