SlideShare a Scribd company logo
ES6
A LOOK INTO YOUR FUTURE
Created by /Jason Sich @jasich
WHAT IS ES6?
ECMAScript is the standard for the JavaScript language
ES6 is the coming 6th edition of standard
Implemented by vendors (Chrome, Firefox, Node.js, IE)
Only a draft spec now, expected to be finalized in 2015
HISTORY: IN THE BEGINNING
Created by Brendan Eich at Netscape mid 90's
Became a thing
Got standardized with ECMA
TC39 is the technical committee in charge
HISTORY: CH CHA CHANGES
v2 for ISO
v3 brought try/catch, Regex, & other
v4 stalled out
HISTORY: NOT TO BE
Netscape tanked, Microsoft soared, & dev stopped
Started again in 2005
Committee split into two
ES4 committee looked to make major changes
Subcommittee focused on smaller incremental change
(ES3.1)
HISTORY: HARMONY
In 2008 the groups were brought back together
ES4 was abandoned, wanted to avoid confusion
ES5 was created as a compromise, mostly based on ES3.1
ES6 is a work to harmonize TC39 & the ECMAScript
language
WHAT'S IN ES6?
arrows, classes, enhanced object literals, template strings, destructuring, default + rest + spread, let
+ const, iterators + for..of, generators, unicode, modules, module loaders, map + set + weakmap +
weakset, proxies, symbols, subclassable built-ins, promises, math + number + string + object APIs,
binary and octal literals, reflect api, tail calls
Checkout for the list.github.com/lukehoban/es6features
3 THINGS TO TALK ABOUT TODAY
Modules
Classes
Generators/Iterators
other stuff too
CODE EXAMPLE
CURRENT SUPPORT
Browsers
Node
Compliers/Polyfils
Checkout the ES6 Compatibility Table
HOW TO SUPPORT IT
Use a compiler to compile ES6 code to ES6
Like
Traceur can precompile files to ES5 using node.js
Or it can compile at runtime (like my example code)
Use polyfils to use a subset of features you want
Ask people to turn on experimental flags?
github.com/google/traceur-compiler
WHO'S USING IT?
Ember
Using ES6 modules
Angular
Using ES6 modules & classes
Adding annottation support for AtScript via Traceur
THE END
Presentation & Source code at github.com/jasich/harmony

More Related Content

PDF
Node.js筆記(1)
Jen-Hsuan Hsieh
 
PDF
ES2015 / ES6: Basics of modern Javascript
Wojciech Dzikowski
 
PPTX
Javantura v3 - ES6 – Future Is Now – Nenad Pečanac
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
PPTX
ES6 - JavaCro 2016
Nenad Pecanac
 
PDF
Making ES6 available to all with ChakraCore and Typescript
Christian Heilmann
 
PDF
Upgrading JavaScript to ES6 and using TypeScript as a shortcut
Christian Heilmann
 
PPTX
Intro to ES6 and why should you bother !
Gaurav Behere
 
PDF
The Present and Future of JavaScript: ES2015 and Beyond
Nizar Khalife
 
Node.js筆記(1)
Jen-Hsuan Hsieh
 
ES2015 / ES6: Basics of modern Javascript
Wojciech Dzikowski
 
Javantura v3 - ES6 – Future Is Now – Nenad Pečanac
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
ES6 - JavaCro 2016
Nenad Pecanac
 
Making ES6 available to all with ChakraCore and Typescript
Christian Heilmann
 
Upgrading JavaScript to ES6 and using TypeScript as a shortcut
Christian Heilmann
 
Intro to ES6 and why should you bother !
Gaurav Behere
 
The Present and Future of JavaScript: ES2015 and Beyond
Nizar Khalife
 

Similar to ES6, A Look Into Your Future (20)

PDF
Making ES6 available to all with ChakraCore
Christian Heilmann
 
PDF
The ES6 Conundrum - All Things Open 2015
Christian Heilmann
 
PDF
Ecma6 in the wild
Codecamp Romania
 
PDF
The Future is Here: ECMAScript 6 in the Wild
Adrian-Tudor Panescu
 
PDF
Ecma6 in the wild
Codecamp Romania
 
PDF
What's New in ES6 for Web Devs
Rami Sayar
 
PPTX
The State of JavaScript
Domenic Denicola
 
PPTX
JS awesomeness or how will ES6 help me build better apps ?
Пламен Стоев
 
PDF
JavaScript ES6
Leo Hernandez
 
PDF
Fitc whats new in es6 for web devs
FITC
 
PDF
ECMAScript: past, present and future
Kseniya Redunova
 
PPTX
Workshop JavaScript ES6+
Roy Derks
 
PPTX
Introduction to Ecmascript - ES6
Nilesh Jayanandana
 
PPTX
ES6: The future of JavaScript
Rob Schley
 
PDF
ECMAScript 6 from an Attacker's Perspective - Breaking Frameworks, Sandboxes,...
Mario Heiderich
 
PPTX
Modern JS with ES6
Kevin Langley Jr.
 
PDF
2017-web-development-readthedocs-io-en-latest.pdf
SumanDhali4
 
PDF
NodeConfLondon - Making ES6 happen with ChakraCore and Node
Christian Heilmann
 
PDF
JavaScript Language Update 2016 (LLoT)
Teppei Sato
 
PPTX
React & Redux JS
Hamed Farag
 
Making ES6 available to all with ChakraCore
Christian Heilmann
 
The ES6 Conundrum - All Things Open 2015
Christian Heilmann
 
Ecma6 in the wild
Codecamp Romania
 
The Future is Here: ECMAScript 6 in the Wild
Adrian-Tudor Panescu
 
Ecma6 in the wild
Codecamp Romania
 
What's New in ES6 for Web Devs
Rami Sayar
 
The State of JavaScript
Domenic Denicola
 
JS awesomeness or how will ES6 help me build better apps ?
Пламен Стоев
 
JavaScript ES6
Leo Hernandez
 
Fitc whats new in es6 for web devs
FITC
 
ECMAScript: past, present and future
Kseniya Redunova
 
Workshop JavaScript ES6+
Roy Derks
 
Introduction to Ecmascript - ES6
Nilesh Jayanandana
 
ES6: The future of JavaScript
Rob Schley
 
ECMAScript 6 from an Attacker's Perspective - Breaking Frameworks, Sandboxes,...
Mario Heiderich
 
Modern JS with ES6
Kevin Langley Jr.
 
2017-web-development-readthedocs-io-en-latest.pdf
SumanDhali4
 
NodeConfLondon - Making ES6 happen with ChakraCore and Node
Christian Heilmann
 
JavaScript Language Update 2016 (LLoT)
Teppei Sato
 
React & Redux JS
Hamed Farag
 
Ad

Recently uploaded (20)

PDF
Generating Union types w/ Static Analysis
K. Matthew Dupree
 
PDF
ChatPharo: an Open Architecture for Understanding How to Talk Live to LLMs
ESUG
 
PDF
WatchTraderHub - Watch Dealer software with inventory management and multi-ch...
WatchDealer Pavel
 
PDF
advancepresentationskillshdhdhhdhdhdhhfhf
jasmenrojas249
 
PDF
49784907924775488180_LRN2959_Data_Pump_23ai.pdf
Abilash868456
 
PDF
Enhancing Healthcare RPM Platforms with Contextual AI Integration
Cadabra Studio
 
PDF
MiniTool Power Data Recovery Crack New Pre Activated Version Latest 2025
imang66g
 
PPTX
Presentation about Database and Database Administrator
abhishekchauhan86963
 
PDF
Protecting the Digital World Cyber Securit
dnthakkar16
 
PDF
49785682629390197565_LRN3014_Migrating_the_Beast.pdf
Abilash868456
 
PDF
New Download MiniTool Partition Wizard Crack Latest Version 2025
imang66g
 
PDF
Salesforce Implementation Services Provider.pdf
VALiNTRY360
 
PPTX
Presentation about variables and constant.pptx
safalsingh810
 
PDF
Adobe Illustrator Crack Full Download (Latest Version 2025) Pre-Activated
imang66g
 
PPTX
AI-Ready Handoff: Auto-Summaries & Draft Emails from MQL to Slack in One Flow
bbedford2
 
PDF
Balancing Resource Capacity and Workloads with OnePlan – Avoid Overloading Te...
OnePlan Solutions
 
PDF
Applitools Platform Pulse: What's New and What's Coming - July 2025
Applitools
 
PDF
On Software Engineers' Productivity - Beyond Misleading Metrics
Romén Rodríguez-Gil
 
PPTX
Presentation about variables and constant.pptx
kr2589474
 
PDF
Key Features to Look for in Arizona App Development Services
Net-Craft.com
 
Generating Union types w/ Static Analysis
K. Matthew Dupree
 
ChatPharo: an Open Architecture for Understanding How to Talk Live to LLMs
ESUG
 
WatchTraderHub - Watch Dealer software with inventory management and multi-ch...
WatchDealer Pavel
 
advancepresentationskillshdhdhhdhdhdhhfhf
jasmenrojas249
 
49784907924775488180_LRN2959_Data_Pump_23ai.pdf
Abilash868456
 
Enhancing Healthcare RPM Platforms with Contextual AI Integration
Cadabra Studio
 
MiniTool Power Data Recovery Crack New Pre Activated Version Latest 2025
imang66g
 
Presentation about Database and Database Administrator
abhishekchauhan86963
 
Protecting the Digital World Cyber Securit
dnthakkar16
 
49785682629390197565_LRN3014_Migrating_the_Beast.pdf
Abilash868456
 
New Download MiniTool Partition Wizard Crack Latest Version 2025
imang66g
 
Salesforce Implementation Services Provider.pdf
VALiNTRY360
 
Presentation about variables and constant.pptx
safalsingh810
 
Adobe Illustrator Crack Full Download (Latest Version 2025) Pre-Activated
imang66g
 
AI-Ready Handoff: Auto-Summaries & Draft Emails from MQL to Slack in One Flow
bbedford2
 
Balancing Resource Capacity and Workloads with OnePlan – Avoid Overloading Te...
OnePlan Solutions
 
Applitools Platform Pulse: What's New and What's Coming - July 2025
Applitools
 
On Software Engineers' Productivity - Beyond Misleading Metrics
Romén Rodríguez-Gil
 
Presentation about variables and constant.pptx
kr2589474
 
Key Features to Look for in Arizona App Development Services
Net-Craft.com
 
Ad

ES6, A Look Into Your Future

  • 1. ES6 A LOOK INTO YOUR FUTURE Created by /Jason Sich @jasich
  • 2. WHAT IS ES6? ECMAScript is the standard for the JavaScript language ES6 is the coming 6th edition of standard Implemented by vendors (Chrome, Firefox, Node.js, IE) Only a draft spec now, expected to be finalized in 2015
  • 3. HISTORY: IN THE BEGINNING Created by Brendan Eich at Netscape mid 90's Became a thing Got standardized with ECMA TC39 is the technical committee in charge
  • 4. HISTORY: CH CHA CHANGES v2 for ISO v3 brought try/catch, Regex, & other v4 stalled out
  • 5. HISTORY: NOT TO BE Netscape tanked, Microsoft soared, & dev stopped Started again in 2005 Committee split into two ES4 committee looked to make major changes Subcommittee focused on smaller incremental change (ES3.1)
  • 6. HISTORY: HARMONY In 2008 the groups were brought back together ES4 was abandoned, wanted to avoid confusion ES5 was created as a compromise, mostly based on ES3.1 ES6 is a work to harmonize TC39 & the ECMAScript language
  • 7. WHAT'S IN ES6? arrows, classes, enhanced object literals, template strings, destructuring, default + rest + spread, let + const, iterators + for..of, generators, unicode, modules, module loaders, map + set + weakmap + weakset, proxies, symbols, subclassable built-ins, promises, math + number + string + object APIs, binary and octal literals, reflect api, tail calls Checkout for the list.github.com/lukehoban/es6features
  • 8. 3 THINGS TO TALK ABOUT TODAY Modules Classes Generators/Iterators other stuff too
  • 11. HOW TO SUPPORT IT Use a compiler to compile ES6 code to ES6 Like Traceur can precompile files to ES5 using node.js Or it can compile at runtime (like my example code) Use polyfils to use a subset of features you want Ask people to turn on experimental flags? github.com/google/traceur-compiler
  • 12. WHO'S USING IT? Ember Using ES6 modules Angular Using ES6 modules & classes Adding annottation support for AtScript via Traceur
  • 13. THE END Presentation & Source code at github.com/jasich/harmony