A brief tutorial on how to build a modal using Javascript, HTML, and CSS. What’s a modal? Modals are pop-up windows or dialog boxes that display some sort of content above everything else on a web page. They usually are triggered by an event such as clicking on a button. They can also…

Worst case When calculating for the Big O of algorithms we’re supposed to assume the worst case. This is our first rule. For example, say you have a function that contains a for loop that iterates through a list of users until it finds the name of the user passed in. …

Explanation of Arrange, Act, Assert pattern using Jasmine. Testing is an essential part of building Software. When it comes to production-ready applications we need to have reliable and well-tested code with as few bugs as possible. There are many methods available for testing your code. In this article, I’ll go…

How to reverse a singly linked list in JavaScript both iteratively and recursively. — A common interview question you may come across if you’re applying for Software Engineer positions (especially at large FAANG types of companies) is to reverse a linked list. If you’re familiar with what linked lists are this problem may seem like a piece of cake. Well not so fast! Reversing…

A brief tutorial on how to use conditional rendering in React. — What is Conditional Rendering? Conditional rendering in React is a way to display components or elements based on a specific condition. It works the same as conditions do in regular Javascript. We can use Javascript operators such as the if statement and ternary operator to determine what gets rendered to the UI. How to use Conditional Rendering in React

A brief article explaining how to build a dark mode toggle switch using JavaScript and localStorage. If you browse the web for long enough you might come across a neat little feature called a dark mode toggle switch. You can usually find it at the top right corner of an…

An overview of Maps in JavaScript and how they can make up for limitations that come with using objects. — In JavaScript, objects are one of the most commonly used data structures. They provide you with a way to organize and store data as key/value pairs. While this is the case they also come with some limitations that are worth pointing out. …

How to merge objects using JavaScript methods. — Using Object.assign The Object.assign() method works by copying over the values and properties of another object (referred to as the source object) into the object we are trying to update (referred to as the target object). There are several ways we can use Object.assign() to merge our objects. The first way is…

How to use destructuring in JavaScript to access deeply nested data — How to destructure objects Let’s first go over how to destructure objects in JavaScript. We can start with this simple example of an object representing an employee. This gives us access to all of the properties within the employee object. Pretty simple, right? But what if we have to destructure an object…