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

ES6, Right here, right now

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Frontend NE Frontend NE
October 01, 2015
Technology
410
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
420
CSS Regression testing - James A Lambert @ FrontendNE
Avatar for Frontend NE frontendne
1
350
Building a design system for Lloyds Banking - Lilly Dart @ FrontendNE
Avatar for Frontend NE frontendne
0
1.5k
What I learnt about hiring diverse teams from conducting a fully-anonymous recruitment process - Bethan Vicent
Avatar for Frontend NE frontendne
0
310
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
Avatar for Frontend NE frontendne
0
760
Contain yourself - Docker for developers
Avatar for Frontend NE frontendne
2
280
Design process of a website
Avatar for Frontend NE frontendne
0
330
What the JAMstack?
Avatar for Frontend NE frontendne
1
980
Talking the talk
Avatar for Frontend NE frontendne
0
530

Other Decks in Technology

See All in Technology
推し活エージェント
Avatar for ゆんたん yuntan_t
1
860
AIを活用したアクセシビリティ改善フロー
Avatar for 出口 裕貴 degudegu2510
1
150
遊びで始めたNew Relic MCP、​気づいたらChatOpsな​オブザーバビリティボットができてました/From New Relic MCP to a ChatOps Observability Bot
Avatar for AEON aeonpeople
1
190
主催・運営として"場をつくる” というアウトプットのススメ
Avatar for もっさん _mossann_t
0
120
Cortex Code君、今日から内製化支援担当ね。
Avatar for あべ coco_se
0
290
サイボウズフロントエンドの活動から考える探究と発信
Avatar for mugi / Hajime Mugishima mugi_uno
0
110
不確実性と戦いながら見積もりを作成するプロセス/mitsumori-process
Avatar for hiro@miraito hirodragon112
1
190
自分をひらくと次のチャレンジの敷居が下がる
Avatar for aki sudoakiy
5
1.9k
Databricks Lakebaseを用いたAIエージェント連携
Avatar for Daiki Akimoto NTTD daiki_akimoto_nttd
0
160
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
11k
Hooks, Filters & Now Context: Why MCPs Are the “Hooks” of the AI Era
Avatar for Miriam Schwab miriamschwab
0
110
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
16
410k

Featured

See All Featured
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
110
It's Worth the Effort
Avatar for 3n 3n
188
29k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.1k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
430
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
700
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
480
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.9M
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
250
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
270

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