V School | Better Humans, Better Outcomes

Colored boxes with jQuery

In our last tutorial, we covered selectors and event listeners in JavaScript and jQuery. In this tutorial, we will spend some time practicing with event listeners and use some basic JavaScript and Bootstrap to create this: A user will be able to click a colored box at the top to

Advanced Bootstrap Warmup

Using Bootstrap, create a webpage that looks nearly identical to this: Should look great on mobile devices as well. You can use these colors or your own. You can grab the color hex values from here: http://html-color-codes.info/colors-from-image/ (Just save this image and upload it to the site)

End of the world!

Create a web page with a timer that starts at 20 seconds and counts down to 0. When it reaches 0, display some large text that says, "The end of the world has come upon us" or something of the sort. (Feel free to get creative, too - change the

Building a Simple Web Game (Approaching a larger project)

This article is going to explain how to approach building a larger project as well as how to build a simple RPG web game Wireframing It is always good to wireframe your website on paper (or in Photoshop/etc) before you start laying things out in code. Just draw up

Luigi's Flexbox

Warm up Using Flexbox create a webpage that looks like this: Notes * It should be responsive, meaning when you shrink down to small screens it should look great. * The font and images are provided below: Font: Mario 256

V School | Better Humans, Better Outcomes © 2026