ES6 / EcmaScript Fast Crash Course

Discover essential ES6 features and how to build JavaScript applications using frameworks and libraries. Set goals, finish the course, and study daily to stay up-to-date as technology evolves.

Download all reference files for this ES6 course, then unzip on Windows with a zip tool or double-click on Mac; files are zipped for easier transfer.

Explore what ECMAScript 6 brings to JavaScript, including let and const, arrow functions, rest parameters, and classes, and learn how ES6 standardizes behavior across browsers.

Explore how ES6 features align with browser compatibility, learn to check feature availability with an online table, and use transpilers to convert ES6 code to ES5 for broader support.

Learn how JavaScript compilers (transpilers) like Babel compare feature support with template literals and loops, and explore using Chrome Canary to test new features.

Discover how Babel acts as a compiler to transpile ES6 code to ES5, enabling features like const and template literals in browsers that lack ES6 support.

Learn how to use Webpack, a module bundler, to bundle all JavaScript and assets into one file and transpile future ECMAScript versions to a stable ES5 code.

Configure webpack to bundle es6 assets using babel for es5 compatibility, with an entry point at assets/scripts and output to public/bundle.js.

Learn how to convert ES6 code to ES5 using Babel and webpack, configure babel loader and presets, and bundle assets to ensure browser compatibility across environments.

Explore how let provides block-scoped variable declarations in JavaScript, preventing global leaks and duplicate declarations seen with var, and see practical examples in loops and conditionals.

Learn how to declare constants with the const keyword in ES6 JavaScript, preventing reassignment. You can still mutate the contents of a const, such as array items or object properties.

Master template literals with backticks to embed expressions, placeholders with dollar sign curly braces, and variables. Preserve spaces and even invoke functions inside a string.

Learn how the spread operator, three dots, combines arrays, merges data, and passes array elements as function arguments using practical examples.

Master function default parameters in ES6, using a car example to show how missing arguments fall back to defaults and how new inputs overwrite them.

Explore arrow functions in ES6, learning how they simplify and shorten code for cleaner syntax, especially in frameworks, by transforming function expressions into concise, readable forms.

Explore shorthand properties for object literals in JavaScript, contrasting old property syntax with ES6 concise syntax and arrow functions. See a practical person object example.

Explore how the this keyword behaves in ES6, using arrow functions and shorthand object properties to access this inside iterations, and avoid scope hacks with proper binding.

Learn ES6 destructuring to extract data from arrays and objects, assign values to variables with square brackets or braces, and use concise function syntax to pull data.

Learn how to define a class using the class keyword, implement a constructor to set name and title, and instantiate objects with new to access properties and methods.

Explore class inheritance in JavaScript by building a subclass that extends a parent class, using a constructor and super to pass parameters like name and title.