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
430
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
380
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
340
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
Avatar for Frontend NE frontendne
0
800
Contain yourself - Docker for developers
Avatar for Frontend NE frontendne
2
310
Design process of a website
Avatar for Frontend NE frontendne
0
370
What the JAMstack?
Avatar for Frontend NE frontendne
1
1k
Talking the talk
Avatar for Frontend NE frontendne
0
580

Other Decks in Technology

See All in Technology
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
Avatar for Etsuji Nakai enakai00
7
4.6k
フィジカルAIの知識ゼロの僕でも AIを使えばここまでできた
Avatar for tatsuya1970 tatsuya1970
0
140
アクセスキーが漏れた日にやるべきこと- 無効化の先にある本当の対応
Avatar for kazzpapa3 kazzpapa3
0
210
NANDでも描画したい！
Avatar for nichica nichica906
2
530
あなたの知らないバージョン命名規則
Avatar for Satoru Takeuchi sat
PRO
2
160
巨大気象データと戦う ― サロゲートモデル学習を高速化する圧縮技術
Avatar for GPU UNITE gpuunite_official
0
250
現場回帰したデータエンジニアが考える AI 時代のキャリア開発 / Career Development in the Age of AI Perspectives from a Hands-on Data Engineer
Avatar for MEDLEY, INC. medley
0
310
平文パスワードはログに“残り” ── 肝心の侵入は“痕跡すら残らない”
Avatar for kuroneko kuroneko13
0
120
形式手法特論：Hyperproperty とモデル検査 #kernelvm / Kernel VM Study Tokyo 19th
Avatar for y_taka_23 ytaka23
0
650
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
Avatar for Sho Nakatani laysakura
2
9.4k
強化学習「理論」入門
Avatar for Etsuji Nakai enakai00
3
3.6k
8bit CPU 2026
Avatar for KOBA789 koba789
6
2.6k

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
490
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
260
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
490
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
9
940
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.1k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
3k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.6k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
190

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