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

ES6, Right here, right now

Frontend NE
October 01, 2015
Technology
1
300

ES6, Right here, right now

Why ES6 (the next version of JavaScript) is great and how you can use it today

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
frontendne
4
250
CSS Regression testing - James A Lambert @ FrontendNE
frontendne
1
230
Building a design system for Lloyds Banking - Lilly Dart @ FrontendNE
frontendne
0
1.1k
What I learnt about hiring diverse teams from conducting a fully-anonymous recruitment process - Bethan Vicent
frontendne
0
170
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
frontendne
0
580
Contain yourself - Docker for developers
frontendne
2
180
Design process of a website
frontendne
0
170
What the JAMstack?
frontendne
1
750
Talking the talk
frontendne
0
350

Other Decks in Technology

See All in Technology
バクラクのドキュメント解析技術と実データにおける課題 / layerx-ccc-winter-2024
shimacos
2
1.1k
プロダクト開発を加速させるためのQA文化の築き方 / How to build QA culture to accelerate product development
mii3king
1
260
Google Cloud で始める Cloud Run 〜AWSとの比較と実例デモで解説〜
risatube
PRO
0
100
watsonx.ai Dojo #5 ファインチューニングとInstructLAB
oniak3ibm
PRO
0
160
Turing × atmaCup #18 - 1st Place Solution
hakubishin3
0
480
DUSt3R, MASt3R, MASt3R-SfM にみる3D基盤モデル
spatial_ai_network
2
110
あの日俺達が夢見たサーバレスアーキテクチャ/the-serverless-architecture-we-dreamed-of
tomoki10
0
460
Wantedly での Datadog 活用事例
bgpat
1
440
kargoの魅力について伝える
magisystem0408
0
210
レンジャーシステムズ | 会社紹介（採用ピッチ）
rssytems
0
150
祝！Iceberg祭開幕！re:Invent 2024データレイク関連アップデート10分総ざらい
kniino
3
260
NilAway による静的解析で「10 億ドル」を節約する #kyotogo / Kyoto Go 56th
ytaka23
3
380

Featured

See All Featured
It's Worth the Effort
3n
183
28k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
Why Our Code Smells
bkeepers
PRO
335
57k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
28
900
Building Adaptive Systems
keathley
38
2.3k
Thoughts on Productivity
jonyablonski
67
4.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
We Have a Design System, Now What?
morganepeng
51
7.3k
What's in a price? How to price your products and services
michaelherold
243
12k
Bash Introduction
62gerente
608
210k

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