It’s easy to forget or gloss over what is really happening when you use the internet, host a website on AWS, or send emails and Slacks. Hearing people talk about the Cloud can seem like they are talking about a mythical being that no one has ever really seen. I…

Brain.js is a library of neural networks that can be run in the browser with Node and JavaScript. Neural networks are algorithms written in a way that is meant to mimic how a human brain works. Humans are exceptional at recognizing patterns, and these neural networks work to see the…

There are endless GIF-making websites out there, but I thought it would be a fun project to make a GIF in JavaScript. — A simple GIF To start, I downloaded gif-encoder-2 and canvas via npm. gif-encoder-2 is one library that allows for the easy creation of GIFs in JavaScript. canvas assists this library in making the GIFs. To start off in creating our GIF, we create a canvas that we will later manipulate. I then added…

As I’ve begun to develop more web applications from scratch, I’ve come across the challenge of configuring Webpack for the project. In this article, I am going to go through the different properties needed to properly configure Webpack for any project. What is Webpack? As stated in the Webpack docs, “At its core…

JavaScript ES6 introduced lots of new and interesting features. Among these are two new types of data structures- maps and sets. These work similarly to objects and arrays, respectively, but each has added functionality and some specific rules. Let’s take a closer look at these two new data structures and…

In 2011, developers from the Stanford Visualization Group released a new JavaScript library called D3.js. D3, which stands for Data-Driven Documents, “is a JavaScript library for manipulating documents based on data.” (https://d3js.org/). D3 is currently used widely for data visualizations across the web. The Basics D3 works by directly manipulating…