Promises Tutorials
![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...
![Promise.all for Rejections and Resolves]()
Promise.all for Rejections and Resolves
Promises have been an incredible addition to JavaScript; they save us callback hell, make coding async more maintainable, and and allow us to keep track of multiple async processes at a time.
Promise.allcomes to mind, allowing us to react when multiple promises have been resolved. UnfortunatelyPromise.allonly resolves when...![Modernization of Reactivity]()
Modernization of Reactivity
Reactive programming has taken JavaScript by storm over the last decade, and for good reason; front-end development greatly benefits from the simplicity of writing user interface code that "reacts" to data changes, eliminating substantial error-prone imperative code tasked with updating UIs. However, while the popularity has...
