A Taste of EcmaScript 6 - The Language and the Tools

Explore the latest features of EcmaScript 6 (ES6/ES2015) and learn how to implement them in your web development projects. Dive into the new syntax, including let, const, import, and class declarations, while discovering powerful tools like Babel transpiler and Webpack bundler. Gain insights on variable scoping, function examples, classes, constructors, promises, and modules. Master string templates, multiline strings, object building, filtering variables, and destructuring objects. Understand the import syntax and spread operator to enhance your JavaScript coding skills. By the end of this 52-minute conference talk, you'll be equipped to leverage ES6 features in production, even for ES5 browsers, enabling you to build robust and efficient web applications.

Introduction
Terminology
ES6 story
New features
Compatibility table
Transpiling
Polyfill
Transpilers
Babel JS
Babel Setup
Babel vs Webpack
Webpack
Webpack config
Presets
Questions
Variable scoping
Function examples
Classes
Constructor
Promise
Babble
Modules
Export and import
String templates
Multiline strings
Building objects
Filtering variables
Destructuring objects
Import syntax
Spread operator
Summary
Any questions