Promises Tutorials
![Build a Decentralized Web Chat in 15 Minutes]()
Build a Decentralized Web Chat in 15 Minutes
In this 15 minute tutorial we're going to build a simple decentralized chat application which runs entirely in a web browser.All you will need is a text editor, a web browser, and a basic knowledge of how to save HTML files and open them in the browser.
![Write Your First Service Worker in 5 Minutes]()
Write Your First Service Worker in 5 Minutes
What is a service worker?A service worker is a little file that will allow you to cache files and other assets on a user's machine. How is this different from server-side caching? Because the assets are stored on a user's machine, rather than a server...
![Background Sync with Service Workers]()
Background Sync with Service Workers
Service workers have been having a moment. In March 2018, iOS Safari began including service workers -- so all major browsers at this point support offline options. And this is more important than ever -- 20% of adults in the United States are without Internet at...
![JavaScript waitForever]()
JavaScript waitForever
Writing mochitests for new features in DevTools can be difficult and time-consuming. There are so many elements interacting in an async manner that I oftentimes find myself using the debugger to debug the debugger! In the case where it's unclear what interaction isn't working properly, I...
![The Dark Side of Promises]()
The Dark Side of Promises
Since the release of es6 many new features have found their way into NodeJS, but non had quite the same impact as promises. Promises have been developed for the browser before es6 was even a thing. There were several implementations that have been used like jQuery's...
![Six Tiny But Awesome ES7 + ES8 Features]()
Six Tiny But Awesome ES7 + ES8 Features
Development of new features for the core JavaScript language has really improved over the last five years, thanks in part to JavaScript frameworks pushing the limits and proving how important given functionality can be. My previous ES6 posts, Six Tiny But Awesome ES6 Features and...
![JavaScript fetch with Timeout]()
JavaScript fetch with Timeout
The fetch API started out as a target for criticism because of lack of timeout and request cancelation. While those criticisms could be argued as fair or not, you can't deny that the fetch API has been pretty awesome. As we've always done, if a...
![Node.js Port Scanner]()
Node.js Port Scanner
Node.js has become an incredible tool for creating services or utilities that act like a service. Usually it's
npm start, wait a moment, and you'll see the utility provide an address and port; a good example beinglocalhost:8000. One thing that bugs me about this pattern...
![async & await]()
async & await
JavaScript promises were a revelation in JavaScript, providing an alternative to the JavaScript callback hell we'd quickly found ourselves in. Promises also allowed us to introduce and better handle asynchronous tasks. While promises were an improvement over callback hell, they still require lots of
thens...![Detect WEBP Support with JavaScript]()
Detect WEBP Support with JavaScript
Image optimization is a huge part of improving front-end performance. We've traditionally used JPG/JPEG, GIF, and PNG images but Google and the Chrome team developed the WEBP format which crunches file size and optimizes rendering. If you go to a site like GIPHY in Chrome you'll...
