V School | Better Humans, Better Outcomes

DJ CSS

We'll be beefing up our original DJ JS. (You'll still need to make this from scratch). This time around, we won't be focusing on javascript event listeners though. Instead, every event will happen on hover, which you can just use the CSS :hover pseudo-selector for. In other words, no JavaScript

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 how to install those tools, and some of the basic ones you will want for VSchool. Install packages. Either: click on the Atom dropdown

Computer Setup for V School

Before continuing on, ensure that you have completed all of the tasks listed in the V School Preparation page, including the ones at the bottom TL;DR: That page has you get the following accounts: * Apple ID (Only required for Mac users) * Github * Edabit * CodeSignal * LastPass You also need to:

CSS Zen Garden

The purpose of this assignment is to do what you can with what you know (eyeball and guestimate). If there is something new, you are welcome to learn/google it, but is not required to pass the assignment. You can ignore details such as the fixed backgrounds, which use the

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 need to have display: flex on your parent element to start using it. div { display: flex; } Flexbox is all about parent-child relationships. It is

V School | Better Humans, Better Outcomes © 2026