V School | Better Humans, Better Outcomes

Class Components

So far the way we have been writing components has been functional like so. const Hello = (props) => (

Hello {props.name}

) You can also use an ES6 class to define a component. Instead of returning the JSX the class component has a render method that returns that component. Props are also

Practice Problems

Introduction Now that you have a basic understanding of the building blocks that make up JavaScript you are going to use them in problem-solving. 1. Make a function that takes a string and returns that string reversed. Example Input: "Hello World" Output: "dlroW olleH" let reverseStr = function(str) { } 2. Make

Problem Solving Practice

Write a function that takes an array of numbers and returns the largest (without using Math.max()) largest([3, 5, 2, 8, 1]) // => 8 Write a function that takes an array of words and a character and returns each word that has that character present. lettersWithStrings(["#3", "$$$", "C%4!", "Hey!

Hello World, Jokes!

Warm up * Build a website from scratch that displays a "Hello World!" in a first-level header element. * Create an unordered list of your favorite jokes (3 or more). Extra Credit: * Add an image above "Hello World". * Find 3 more HTML elements you have yet to use, and implement them into

Ditto's Playground

You will re-create the following home page of the following website: http://www.csszengarden.com/ Links and JavaScript functionality do not have to work. Fonts, images, etc can be found in the sources tab. You can also use this awesome Chrome extension called What Font, which lets you hover over

V School | Better Humans, Better Outcomes © 2026