Johnny Simpson articles - 220 total
v-show vs v-if: Conditional Rendering in Vue
v-if and v-show are two ways to conditionally render content in Vue. Both are built to conditionally...
Checking if a value is a number in Javascript with isNaN()
In Javascript, we have numerous ways to check if something is or is not a number. This is a...
Javascript Arrays - How to Remove Duplicate Elements
Javascript arrays can contain duplicates - which is fine most of the time, but can sometimes cause...
Javascript Arrays
Arrays in Javascript are a simple, one dimensional way to store simple sets of data. Arrays are non...
Javascript toLowerCase() - Convert Strings to Lowercase
a String is a type of data in Javascript, and as with any other type of data, Strings have prototypes...
How to Check if Object is Empty in JavaScript
Defining a new object in Javascript is pretty easy - but what if you want to find out if it's empty?...
Javascript Promise.all() - Everything you need to know
The Promise.all() method in Javascript is a function which accepts many promises, and then does...
Javascript innerHTML
In Javascript, we have lots of different ways to manipulate DOM elements. DOM elements are the HTML...
Centering Elements in CSS with Tailwind
Tailwind is an increasingly popular and widely used framework, which makes it easier in some cases to...
Getting Started with Redis and Node.JS
Redis is a powerful tool for caching data and having it available in memory. Redis requires RAM to...
Javascript Array Some Method
I've already covered in another article the Javascript every method. It's useful for when checking if...
Javascript: Check if an Array is a Subset of Another Array
There are many use cases where knowing if an array is a subset of another can be quite useful - and...
Javascript Array Every Method
Sometimes with arrays, we want to test every element for a certain condition. While individual...
Creating and Generating UUIDs with Javascript
Universally Unique Identifiers (UUIDs) are used all over the place in software development for...
Javascript Array Concat Method
The concat method on arrays is used to take two arrays and concatenate them into one. It takes as...
Javascript Immediately invoked function expressions (IIFE)
Immediately invoked function expressions, or IIFE, are functions which are run as soon as you define...
Javascript loops: for vs forEach vs for.. in vs for.. of
There are quite a few ways in Javascript to loop through an array of items or any other iterable item...
Removing the last element of an array in Javascript
One of the most frequent operations we perform on an array is removing the last element. There are a...
Javascript Ordinals: Adding st, nd, rd and th suffixes to a number
In Javascript it's usually considered best practice to work with absolute numbers, as number is a...
Git: Renaming a Branch
Git branches are an easy way to manage our code, and separate our copies of our code when we want to...
Git Merge: Merging Changes from other Branches
Git provides a powerful tool by letting us create branches. When our branch is done, we'll often want...
Resolving Git Merge Conflicts
Merge conflicts are often a part of life for working on complex development projects. In this guide...
A Step by Step Guide to Git Branches
In my previous guide on getting started with git, I briefly covered how git branches work. You can...
Javascript Shallow Copy - what is a Shallow Copy?
Shallow copy and deep copy are terms thrown around in Javascript that can be confusing if you have...
CSS Individual Transform Properties
CSS transforms are a useful way to translate, rotate, and create 3d objects in CSS. I covered...
Javascript Proxy: Using Javascript Proxies like a Pro
Proxies are objects in Javascript which allows you to make a proxy of an object, while also defining...
The Complete Beginners Guide to Getting Started with Git
Git can be daunting to understand since it is completely driven from the terminal, but at its core...
What are NodeLists, and how do they work?
Did you know that Javascript does not class a selection of multiple elements as an array? Instead, it...
Javascript Add Event Listener to Multiple Elements
If you've ever worked in vanilla Javascript, you might be familiar with adding event listeners to...
Javascript Array Filter Method
The filter method in Javascript creates a shallow copy of an array, filtering it based on a number of...