Bootstrap Navbar Exercise

You are starting a website for a friend. To start, just make a cool Navbar using Bootstrap. Customize it. If it's a website for your friends »

If Statement Olympics

The exercise will get progressively harder and hard. You at least should get one medal, but feel free to go the extra mile! Also, feel free »

Loop Olympics

The exercise will get progressively harder and hard. You at least should get one medal, but feel free to go the extra mile! Preliminaries Write a »

Array Building Exercise

Make an array of 4 student objects with the following properties name age and the following data types: array boolean Print each student's name and age »

Black Rock Digital Using Props

Create this site in React (you can feel free to change the styling a little bit, but the layout should be similar) https://blackrockdigital.github.io/ »

Vacation Spots Using Props and Map

Feel free to customize the given the array: let vacationSpots = [ { place: "Meridian, Idaho", price: "$40", timeToGo: "Spring" },{ place: "Cancun", price: "$900", timeToGo: "Winter" },{ place: "China", price: »

Colored Info Boxes

Create a component that you can reuse 10 times. This component should be able to receive props for: Background Color Title Subtitle Information This component should »

Multiple Array Methods Practice

You will use multiple array methods to solve these problems. Don't use for loops! 1) Return a list of everyone older than 18 sorted alphabetically by »

Array Map Exercises

Use the built-in .map() method on arrays to solve all of these problems 1) Make an array of numbers that are doubles of the first array »

Array Filter Excercises

Use the built-in .filter() method on arrays to solve all of these problems 1) Filter all numbers out of the array that are less than 5 »

Array Sort Exercises

Use the built-in .sort() method on arrays to solve all of these problems 1) Sort an array from smallest number to largest function leastToGreatest(arr) { } leastToGreatest( »

Useful Atom Plugins

Atom is a simple, approachable, yet customizable text editor. It comes pretty basic, but has awesome tools we can add to it. We will go over »

CSS Zen Garden

One of the most common tasks for front-end web developers and web designers is to receive a "PSD" (Photoshop Document) that contains the design of a »

Flexbox

Flexbox is a modern and robust system for positioning elements in CSS. It is built into modern browsers, so there is nothing to install. you only »

Forms in React

Controlled Components We want the value of our input boxes to always be current with state. We do that with adding the event handler "onChange" to »

Props in React

When React sees an element representing a user-defined component, it passes JSX attributes to this component as a single object. We call this object "props". < »

Mongoose References

Tables In your Mongoose Schemas, you will have objects that have specified properties. These properties can reference other objects in other Schemas. This tutorial will explore »