CSS Variables

This write-up is taken from the beautifully built course here: https://scrimba.com/g/gcssvariables CSS Variables are specific values to be reused throughout a document. »

Setting up MongoDB Compass

MongoDB Compass is a great GUI tool for inspecting and interacting with the data in your MongoDB database. It's free, and easy to set up. 1) »

Fizzbuzz

Write a function that returns an array containing the numbers from 1 to 100. However, if the number is divisible by 3 it should be replaced »

React Router Nested Routes

Nested Routes A common paradigm when creating web applications is to have a "list page" and a "detail page". Consider a product search on Amazon. The »

Array Shuffler

Write a function that takes an array as a parameter and returns a new array with the contents randomly "shuffled". Example shuffle([1,2,3,4, »

DJ React

You are a DJ, and are learning to code. All DJ's love buttons that turn squares different colors. Requirements: Your DJ color board will use smaller »

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 »

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) { this.name = name; this.shoeSize = shoeSize; this.isScary = isScary; »

CSS Grid

This write-up is taken from the beautifully built course here: https://scrimba.com/g/gcssgrid This will give you a brief rundown of the main functionality »

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" »