V School | Better Humans, Better Outcomes

Array Methods Exercise

Create a new JavaScript file and put these two arrays at the beginning. You will write a single function that performs many operations on them. var fruit = ["banana", "apple", "orange", "watermelon"]; var vegetables = ["carrot", "tomato", "pepper", "lettuce"]; After every command, use console.log() to inspect your arrays. A good way

Model-view-controller

Design patterns are solutions to common programming situations. An extremely popular pattern for web development is Model-view-controller, or MVC, and it's derivatives. This pattern separates our concerns into 3 areas: * Model - which handles the storage of data. * View - displays to the user data and updates according to changes

Debugging Exercise - JSON

You will use http://jsonlint.com/ to help you make the following object valid JSON { { name, george; age, 24 friend, true }, {name: fredrick, age: 84 friend, true } } Often it will indicate that the problem in on a certain line, but the real problem is actually on the following line. Notice

Postman

Postman is an important tool we will use for the rest of class. We will use to for creating requests to help us explore APIs and for testing our own API endpoints. Installation There is a Chrome extension for Postman, but for this class we will use the MacOS version.

CSS Layout and Positioning

CSS Positioning CSS positioning is involved, but take the time to memorize and understand these challenging principles early and it will make your front end developing life a whole lot more pleasant. The four positions we will talk about now are: * static * relative * fixed * absolute Static Static is the default.

V School | Better Humans, Better Outcomes © 2026