JavaScript Tutorials
![Object.create(null)]()
Object.create(null)
One of the funnest parts of JavaScript, or any programming language really, is that there are loads of tiny tricks and quirks that make the language that much more interesting. I recently learned a nice fact about
Object.create: usingnullas the only argument to create an...![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...
![Observing Intersection Observers]()
Observing Intersection Observers
As developing for the web has matured and JavaScript engines have become faster, one area remains a significant bottleneck - rendering. It's because of this that so many of the recent development efforts have been focused around rendering, with virtual DOM being one of the more...
![Create Zip Files with JavaScript]()
Create Zip Files with JavaScript
While we're doing amazing things with JavaScript on the server side, it's important not to take our eyes off of some of the great stuff happening on the client side. One such awesome project I recently discovered was JSZip: a JavaScript library that allows you...
![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...-
![Thinking JavaScript]()
Thinking JavaScript
I was teaching a JavaScript workshop the other day and one of the attendees asked me a JS brain teaser during the lunch break that really got me thinking. His claim was that he ran across it accidentally, but I'm a bit skeptical; it might just...
![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...
![Fill an Array with Sequential Values]()
Fill an Array with Sequential Values
I've been contributing to Mozilla's awesome DevTools debugger because, well, I want to give back to the Firefox Engineers and all the developers who have stayed loyal to Firefox. Having my hand in loads of Mozilla projects is really satisfying, especially for my ego. In any event...
![Prevent Mobile Browser From Sleeping]()
Prevent Mobile Browser From Sleeping
Web developers still have a difficult job when it comes to mobile; the web will never provide as many APIs or as much control as native mobile platforms but our users expect the same excellent experience. Creating HTML5 games and media-heavy apps for the web can...
Streaming Data with Fetch() and NDJSON
*"If you stream it, you can do it" -- Walt Disney[^1] * Streams are trickling into the scene as we search for ways to improve performance. What if instead of waiting for our entire ajax response to complete, we could start showing the data as it arrives? Streams...
