Angular - V School | Better Humans, Better Outcomes

Sign in Subscribe

Angular

Angular

Final Project

So here it is. The big sha-bang. You are going to build a full-stack final project. You will pick your own theme. Here is how you should spend your time (Due to the fact that your first job will most likely be front-end work): * 50% Angular * 30% HTML/CSS/Bootstrap/

PokeProfile

Using Bootstrap, Angular, $http, and a custom AngularJS Service create a website that looks similar to this: A user will enter the number of a Pokemon and the screen will download the information and the image of that Pokemon. Custom Service Put any code that uses $http in a custom

Mighty Clicker

You are the mighty clicker! And you are going to build a website that allows you to....click things. Requirements: * Have two buttons on the screen, one red and one blue. * Above or below the button should be some text with a "score" in it. Start each of these scores

React Name Badge

React Name Badge

Using React create a website that looks/works like this: Requirements: * The user should be able to enter their information in the badge fields. * Upon submit, the badge fields should be cleared, and a new badge should be displayed below the badge form. * Each time the user submits a badge,

Angular ng-model

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

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

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

$http in Angular

$http in Angular

$http is an Angular service that make HTTP requests easy and convenient. $http is a wrapper for the XMLHttpRequest and JSONP browser functionality. It is quite similar to jQuery's ajax implementation, so you should have no trouble learning it. $http (and most other Angular built-in services, in fact) uses promises,

Angular Service Basics

Services Angular services are singletons. They can be used module or application wide. Services are where you should store data that you don't want to lose between screens and different controllers. We are going to cover basic services. There is also a provider service, and a factory service. They are

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

Ugly Things

You are going to build an React app that allows a user to post things that they think are ugly. The data of ugly things should be managed by React Context. You will be using the Ugly Things API created by the wonderful yet calculated Bob. Requirements * Must have 3