There have been several excellent articles exploring how to use this API, including choices from authors such as Phil Hawksworth, Preethi, and Mateusz

Array sorting is one of those things you don’t spend too long thinking about, until it stops working for you. Recently I was working with array of items in JavaScript that were not sorting at all p...

The dominant costs of processing JavaScript are download and CPU execution time.

Manipulate the HTML using the power of Vanilla Javascript

Javascript, ES6, JSX...what does this all mean?!

Design Patterns helps to make code more clean, readable and dry. Dry means don't repeat yourself. Here are the most used design patterns…

I typically recommend using event delegation for event listeners instead of attaching them to individual elements. Let’s say wanted to listen to clicks on every element with the .sandwich class. You might do this. var sandwiches = document.querySelectorAll('.sandwich'); sandwiches.forEach(function (sandwich) { sandwich.addEventListener('click', function (event) { console.log(sandwich); }, false); }); But with event delegation, you would listen for all clicks on the document and ignore ones on elements without the .

Yesterday, I wrote about why event delegation is better than attaching events to specific elements. In response, my buddy Andrew Borstein asked: What’s the difference between event delegation/bubbling/capturing? This is a great question that I get fairly often. The terms are often used interchangeably (sometimes by me, oops!), which can cause some confusion. So let’s clear that up today. tl;dr: event delegation is the technique, bubbling is what the event itself does, and capturing is a way of using event delgation on events that don’t bubble.

The File System Access API enables developers to build powerful web apps that interact with files on the user's local device, like IDEs, photo and video editors, text editors, and more. After a user grants a web app access, this API allows them to read or save changes directly to files and folders on the user's device.

AKA: How to implement asynchronous code in a less painful way.

Keep your network transmission and parse/compile cost for JavaScript low to ensure pages get interactive quickly.

Design patterns are reusable solutions to commonly occurring problems in software design. Let's take a look at how they work and explore some popular JavaScript design patterns.

Learn why most people copy objects and arrays in JavaScript incorrectly. And why you won't make that mistake!

Intersection information is needed for many reasons, such as lazy loading of images. But there’s so much more. It’s time to get a better understanding and different perspectives on the Intersection Observer API. Ready?

Here is a list of some of the best bits that have been added to JavaScript in ES6.

A JavaScript Promise represents the result of an operation that hasn't been completed yet, but will at some undetermined point in the future. An example of such an operation is a network request. When we fetch data from some source, for example an API, there is no way for us

In this post, I will do my best to explain one of the most fundamental parts of JavaScript: the execution context. If you use JS frameworks…

A step-by-step tutorial to make sure you fully understand how JavaScript promises work by building a promise from scratch

Learn JavaScript Try, Throw, Catch, and Finally

ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short. Arrows have been ...

ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short. Last week I ...

Welcome to the second part of my series about ECMAScript 6! One of my favorite new web standards of Microsoft Edge, the new browser rendering engine we’re creating at Microsoft, is the...

As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In…

In the beginning, there was LiveScript, begat by Brendan Eich. Tasked by the Netscape skybeards to create a scripting language to grant unto designers and programmers of the early World Wide Web the ability to assemble unto the browser components, yea such as images and plugins, whose code could be written directly unto the page…

How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical…

You know those super cool backticks-for-strings in new JavaScript? let emotion = `happy`; let sentence = `Chris is feeling ${emotion}`; Besides the