Mom's Shopping List in React

Your mom is frustrated by her propensity to lose slips of paper with writing on them, specifically her shopping lists. She knows that you're a really »

Token Auth with JWTs Part 2.2

This is part 2 of a multi-part series on setting up user authentication in a MERN-stack application using JSON Web Tokens. If you haven't been following »

Image Grid Exercise

IMAGE GRID For this next part, I will post all the code, but don't feel like you have to write out the code yourself, especially because »

CSS Grid Practice

Remake these images using CSS Grid. Feel free to use more pleasant colors. Don't use grid-template-areas for your layout on numbers 1-3. 1. Hint: Think ahead »

Constructors to Classes

Convert the following constructor functions to use the ES6 class syntax. 1. function Clown(name, shoeSize, isScary) { = name; this.shoeSize = shoeSize; this.isScary = isScary; »

CSS Grid

This will give you a brief rundown of the main functionality presented with CSS Grid and hopefully a simple explanation of how to implement it yourself. »

Loops and Arrays Practice

#1 Loop through the following array and count how many "computers" there are. Log the final count: var officeItems = ["stapler", "monitor", "computer", "desk", "lamp", "computer", "lamp" »

Hoisting With Functions

Introduction In JavaScript, there are two different ways of defining a function. The first is function declaration and the second is function expressions. Function declaration is »

No way a

Make a function that takes a string and returns that string with all instances of the letter 'a' removed. Must handle lowercase and uppercase letters. let »

HTML Forms Part 2

Part 2 is the fun part. We get to explore all the cushy things our browser has built for us, and all we have to do »

HTML Forms Part 1

Basic tags and attributes Tags The HTML <form> element defines a form that is used to collect user input: <form> </-- »

Mouse Debug

Setup You will need to clone the above repo from Github. Go to your exercises folder and enter the following command. »

Noding Bat

About Noding Bat is a copy of the Coding Bat programming problems ported over to JavaScript. Going through many practice problems is a great way to »


Beautify is IDE extension that reformats HTML, CSS, JavaScript and other languages to meet code styling conventions. This is useful as it makes your code more »

Replace All The Things

Note you must have finished Newsies before this exercise Go through your Newsies exercise and replace your divs with semantic tags. Examples of semantic tags include »

Basic Array

Make an array of that has four or more strings and print each to the console without using a for loop. Reminder: An array is a »