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
490
CSS Regression testing - James A Lambert @ FrontendNE
Avatar for Frontend NE frontendne
1
400
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
360
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
Avatar for Frontend NE frontendne
0
820
Contain yourself - Docker for developers
Avatar for Frontend NE frontendne
2
330
Design process of a website
Avatar for Frontend NE frontendne
0
390
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
LocalStack を使ったサーバーレスアプリケーション開発 / Serverless Development with LocalStack
Avatar for Yoshiaki Yoshida kakakakakku
0
210
ファミコンでPHPを動かす / PHP on the Famicom side b
Avatar for HASEGAWA Tomoki tomzoh
0
140
オブザーバビリティを高める AI エージェント体験を考える / Designing AI Agent Experiences That Enhance Observability
Avatar for Kento Kimura aoto
PRO
2
310
契約書画像からの情報抽出に特化した視覚接地モデルを育てる話
Avatar for SansanTech sansantech
PRO
1
140
SDDの運用にめげずに向き合った話
Avatar for SansanTech sansantech
PRO
1
130
【データ横丁主催】AI Agentがコンテキストを使って仕事をした後、何が残るのか― 組織の経験を次の判断に引き継ぐ「Agent Memory」
Avatar for KoheiOgawa shisyu_gaku
2
330
AI時代に必要な脅威モデリング― 変化の速度に負けない理解とリスク判断
Avatar for masakane55 masakane55
4
1.1k
FinTech 1-2 : Overview of FinTech
Avatar for Kenji Saito ks91
PRO
0
150
IR Today: Theory, Practice, and Agents
Avatar for Daniel Tunkelang dtunkelang
0
350
[2026 Oracle Technical Deep Dive] AI時代のデータベース基盤をどう選ぶ？ Exadata Database Serviceの選択肢と使い分け (2026年9月17日開催)
Avatar for oracle4engineer oracle4engineer
PRO
0
230
The seven pitfalls of AI (revised version)
Avatar for Uwe Friedrichsen ufried
0
270
ai_cording_with_k8s_knowledge.pdf
Avatar for mochizuki875 mochizuki875
1
300

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
440
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
590
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
580
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
560
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
550
エンジニアに許された特別な時間の終わり
Avatar for watany watany
109
250k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
440
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
320
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
2
35k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
520
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
240

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