Gain the most valuable updates and skills for working with JavaScript today. We'll cover new keywords, map collections, array, string and number methods, arrow functions and a whole host of other practical lessons to build with ES6.

Practical ES6

Preface

In this tutorial, I'll introduce let and const , two new keywords added to JavaScript with the arrival of ES6. They enhance JavaScript by providing a way to define block-scope variables and constants.

New Keywords: let and const

This chapter examines four new ES6 collections and the benefits they provide.

Using Map, Set, WeakMap, WeakSet

In this chapter we’ll discuss most of the new methods available in ES6 that work with the Array type, using Array.* and Array.prototype.* .

New Array.* and Array.prototype.* Methods

In my previous chapter on ES6 array methods , I introduced the new methods available in ECMAScript 6 that work with the Array type. In this tutorial, you'll learn about new ES6 methods that work with strings: String.prototype.*

New String Methods — String.prototype.*

This chapter covers new and improved number methods in ES6 (ECMAScript 6).

New Number Methods

Arrow functions were introduced with ES6 as a new syntax for writing JavaScript functions. They save developers time and simplify function scope. The good news is that many major modern browsers support the use of arrow functions .

ES6 Arrow Functions: Fat and Concise Syntax in JavaScript

While ES2015 has introduced many language features that have been on developers’ wish lists for some time, there are some new features that are less well known and understood, and the benefits of which are much less clear — such as symbols.

Symbols and Their Uses

In computing terms, proxies sit between you and the things you’re communicating with. The term is most often applied to a proxy server — a device between the web browser (Chrome, Firefox, Safari, Edge etc.) and the web server (Apache, Nginx, IIS etc.) where a page is located. The proxy server can modify requests and responses. For example, it can increase efficiency by caching regularly accessed assets and serving them to multiple users.

How to Use Proxies

Destructuring assignment sounds complex. It reminds me of object-oriented terms such as encapsulation and polymorphism . I’m convinced they were chosen to make simple concepts appear more sophisticated!

Destructuring Assignment

ES6 brought a number of new features to the lang. Two of these features, generators and iterators, have substantially changed how we write specific functions in more complex front-end code.

ES6 Generators and Iterators: a Developer’s Guide

Often we need to represent an idea or concept in our programs — maybe a car engine, a computer file, a router, or a temperature reading. Representing these concepts directly in code comes in two parts: data to represent the state, and functions to represent the behavior. ES6 classes give us a convenient syntax for defining the state and behavior of objects that will represent our concepts.

Object-oriented JavaScript: A Deep Dive into ES6 Classes

This chapter explores ES6 modules, showing how they can be used today with the help of a transpiler.

Understanding ES6 Modules

This tutorial covers the basics of JavaScript promises, showing how you can leverage them in your JavaScript development.

An Overview of JavaScript Promises

With the introduction of ES2015+, and as transpilation has become commonplace, many of you will have come across newer language features, either in real code or tutorials. One of these features that often has people scratching their heads when they first come across them are JavaScript decorators.

JavaScript Decorators: What They Are and When to Use Them

This chapter looks at what’s possible with object literals in JavaScript, especially in the light of recent ECMAScript updates.

Enhanced Object Literals

In this chapter, we’ll learn what the new Fetch API looks like, what problems it solves, and the most practical way to retrieve remote data inside your web page using the fetch() function.

Introduction to the Fetch API

As programming languages go, JavaScript’s development has been positively frantic in the last few years. With each year now seeing a new release of the ECMAScript specification, it’s easy to get confused about JavaScript versioning, which version supports what, and how you can future-proof your code.

ES6 (ES2015) and Beyond: Understanding JavaScript Versioning

Let’s take a look at the most important JavaScript updates that came with ES2017, and also briefly cover how this updating process actually takes place.

What’s New in ES2017: Async Functions, Improved Objects, and More

In this chapter, I’ll cover the new features of JavaScript introduced via ES2018 (ES9), with examples of what they’re for and how to use them.

Community Questions