Maps are a JavaScript object that maintain order--meaning that iterating over a Map will do so in the order that the key/value pairs were added (not updated). For example, using a for...of loop provides us with a [key, value] for every iteration: con...
In JavaScript, a bound function means that the original function definition is essentially wrapped in another function definition; however, the inner function gets returned out from the outer function, thus creating closure and permanently binding th...
Prototypes are an excellent way to conserve memory by allowing failed property lookups, such as methods (see below), to traverse the object’s prototype chain. Put another way, if we invoke a method on an object, but that method does not exist on tha...
NodeJS can be used to automate data transformation and downloading. For example, I recently had over 14,000 lines of code staring back at me, and I contemplated how I was going to access certain nested photo URLs within that code. Still, after findin...
Promises - why are they so appealing? One reason to use Promises is to run our code asynchronously, in a non-blocking manner, by making use of the browser (XHR) and APIs to retrieve data. fetch() is a good example of this. Promises act as a placehold...
Debouncing kittens.
https://codepen.io/kentagon/pen/wvKwLqR If you type something inappropriate in a form, it could still be captured. Be careful what you type.
https://codepen.io/kentagon/pen/XWbyyaJ If you have worked with text effects, then you may have noticed that it’s not immediately intuitive to add both a text gradient and a text shadow. Without assumption, one may be surprised to discover that the t...
https://codepen.io/kentagon/pen/agzoxQ I had a business landing page in mind when I wrote this functionality. It's simple: select a service--display more detail below it. Select a different service--display details related to that service below it. A...