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
390

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
380
CSS Regression testing - James A Lambert @ FrontendNE
Avatar for Frontend NE frontendne
1
320
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
260
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
Avatar for Frontend NE frontendne
0
720
Contain yourself - Docker for developers
Avatar for Frontend NE frontendne
2
250
Design process of a website
Avatar for Frontend NE frontendne
0
280
What the JAMstack?
Avatar for Frontend NE frontendne
1
890
Talking the talk
Avatar for Frontend NE frontendne
0
470

Other Decks in Technology

See All in Technology
WEBサービスを成り立たせるAWSサービス
Avatar for Takano takano0131
1
200
AI時代におけるデータの重要性 ~データマネジメントの第一歩~
Avatar for 太田 涼一 ryoichi_ota
0
710
AWS UG Grantでグローバル20名に選出されてre:Inventに行く話と、マルチクラウドセキュリティの教科書を執筆した話 / The Story of Being Selected for the AWS UG Grant to Attending re:Invent, and Writing a Multi-Cloud Security Textbook
Avatar for Yuji Oshima yuj1osm
1
110
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
Avatar for Leko leko
2
160
クラウドとリアルの融合により、製造業はどう変わるのか？〜クラスメソッドの製造業への取組と共に〜
Avatar for 濱田孝治 hamadakoji
0
270
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
Avatar for Oikon oikon48
10
5.3k
生成AI時代のセキュアコーディングとDevSecOps
Avatar for yuriemori yuriemori
0
150
AI時代、“平均値”ではいられない
Avatar for uhyo uhyo
4
1.1k
HonoとJSXを使って管理画面をサクッと型安全に作ろう
Avatar for morimorikochan diggymo
0
150
[VPoE Global Summit] サービスレベル目標による信頼性への投資最適化
Avatar for sato-s satos
0
200
エンタメとAIのための3Dパラレルワールド構築（GPU UNITE 2025 特別講演）
Avatar for Preferred Networks pfn
PRO
0
620
LLMプロダクトの信頼性を上げるには？LLM Observabilityによる、対話型音声AIアプリケーションの安定運用
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
0
740

Featured

See All Featured
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.1k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
56
6.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
185
22k

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