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

Other Decks in Technology

See All in Technology
Browser
Avatar for Recruit recruitengineers
PRO
8
2.3k
ヘブンバーンズレッドにおける、世界観を活かしたミニゲーム企画の作り方
Avatar for gree_tech gree_tech
PRO
0
490
Oracle Cloud Infrastructure：2025年8月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
190
PRDの正しい使い方 ～AI時代にも効く思考・対話・成長ツールとして～
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
1.4k
フィンテック養成勉強会#56
Avatar for フィンテック養成コミュニティ finengine
0
110
ガチな登山用デバイスからこんにちは
Avatar for halka halka
1
210
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
Avatar for gree_tech gree_tech
PRO
0
500
Agile PBL at New Grads Trainings
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
190
事業価値と Engineering
Avatar for Recruit recruitengineers
PRO
8
5.6k
攻撃と防御で実践するプロダクトセキュリティ演習～導入パート～
Avatar for Recruit recruitengineers
PRO
4
1.9k
自作JSエンジンに推しプロポーザルを実装したい！
Avatar for Saji sajikix
1
130
衝突して強くなる！ BLUE GIANTと アジャイルチームの共通点とは ― いきいきと活気に満ちたグルーヴあるチームを作るコツ ― / BLUE GIANT and Agile Teams
Avatar for naiban naitosatoshi
0
300

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.5k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Docker and Python
Avatar for Tania Allard trallard
45
3.5k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
3
610
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k

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