V School | Better Humans, Better Outcomes

Exercise - Project Setup Refresher

Angular Setup We are going to work help you memorize how to set up an a basic Angular app. You will do this over an over for each Angular project and you need to get this down! Requirements 1. Build the HTML from scratch 2. Load Angular framework from a

Objects

Objects are collections of properties and values. { name: 'Tommy Boy', age: 26, weight: 306, friends: ['Richard', 'Michelle'] } var person = { fullName: 'Tommy Boy', age: 26, weight: 306, friends: ['Richard', 'Michelle'] }; // Two ways to access the data at a object's property: console.log(person.age); console.log(person['age']); Objects vs Arrays

Arrays

Arrays are a data structure we can use to collect together multiple other pieces of data. Essentially, it's like a box that holds things inside in a specified order. Creating an array Arrays are created simply by surrounding the pieces of data you want in the array with square brackets

Mom's Shopping List

Your mom is frustrated by her propensity to lose slips of paper with writing on them, specifically her shopping lists. She knows that you're a really smart web developer and assumes that you can easily make her a website to keep track of her shopping list. Project Requirements Overview Using

Why Angular?

Life Before Angular What was life like before Angular? It was like this: $('.' + className + '[' + attrLookup + '^=' + attrPrefix ']:not(.' + notClass + ')'); And like this: $('#something') .append('

Linky
') .append('
Linky
') .append(''); And a little bit like

V School | Better Humans, Better Outcomes © 2026