V School | Better Humans, Better Outcomes

Angular ng-model

Create a simple Angular website. It should have 3 ng-model input elements and 3 two-way data-bound elements using the {{ nameOfVariable }} syntax. ("2-way data binding" is where the HTML text updates in sync with my typing in the input box. When you start typing in the input boxes, the corresponding elements

Tech Wish List

My Tech Wishlist You are going to build a website that displays your technology wish list. You will have two pages, one that shows your list of desired computer/phone tech, and another list for other tech (ie Surround Sound Systems, Robots, etc). You will re-use a directive element for

Final Project Overview

Overview Your final project is a portfolio project that will help you obtain your first job as a programmer! Your project will include: * A robust front-end using Angular and Bootstrap * A back-end server with an API * A database to persist the data Front End Your front-end needs to be mapped

Angular Views and Routing

Often, a website's functionality cannot be limited to a single page. For example, when going through the checkout process on an e-commerce site, you may go through many different views to submit and verify information. Traditionally, each new view would require a new page load from the server, which is

Angular Directives

Have you ever been jealous of Angular's ability to create new names for HTML tags and attributes? Directives like ng-repeat and ng-model make Angular incredibly useful. As it turns out, you can define your own custom directives with angular. There are a couple main reasons why you would want to

V School | Better Humans, Better Outcomes © 2026