Guide: Javascript Introduction - ES6
Description
👉 This guide is part of the Javascript Introduction Guides. Please follow the order:
- Fundamentals & Data Types
- Conditionals
- Loops & Iterators
- Functions
- ES6
Put simply, ES6 is a “version” of Javascript which contains many nice features for developers but that unfortunately is still not completely supported by all browsers (there are still some old ones around). That is not a reason not to use it, though. There is a mechanism called transpilation, which allows us to transform ES6 code into an older format which browsers do understand. With that said, this Guide will help you understand better what is new in the ES6 “version” and why is it better.
Knowledge
- Understand what is ES6
- Understand the concept of transpilation
Skills
- Be able to make use of ES6 features
- Be able to transpile ES6 code
Topics
- ES6 Overview
- What is it and what's new?
- Browser compatibility
- Transpilation with Babel
Action Points
- Read up on ES6 to find out what is "new"
- Learn how to transpile ES6 code with Babel
- Find out what is ECMA2015
Deliverable: Exercise solution
- Submit:
- Repl.it Project URL (Javascript Repl)
- Add comments for each relevant code block
- Description:
- Adapt the result of the Contact List exercise (Guide “Javascript- Functions") to use ES6 features, containing:
- Arrow functions
- let/const
- Template literals
- Object destructuring / Spread operator
- Adapt the result of the Contact List exercise (Guide “Javascript- Functions") to use ES6 features, containing: