Intro to Angular (2+)

Presentation given to...

• 2018-05-10 IBM Rochester FED@IBM

Overview

Introduction to basic concepts of Angular (2+). Covers mostly angular-cli and components with a small example of services and http requests. Slides available at: https://dstanich.github.io/intro-to-angular-presentation/.

Each branch starts with a base set of files which contains a README.md file that describes the steps needed to accomplish the goal for that branch. To see expected output, you can view the master's README.md and view the StackBlitz link.

Materials

All code is available in this repository in branches.

Setup (Local)

1. npm install -g @angular/cli
2. Clone this repository
3. cd intro-to-angular-presentation && npm install
4. Then cd into either examples or space and run npm start to run a demo

Setup (StackBlitz)

StackBlitz can be used to load each branch into a live editor and browser without any local setup. Links for each branch are in the table below. There is one for a starting point before the changes in the branch and one for after the changes.

Branches

Branch	Content	StackBlitz Links
gh-pages	Presentation	-
master	All final code	Edit - grocery Edit - spacex
00-starter	Create new project	Before Changes (N/A) After Changes
01-components	Create component structure	Before Changes After Changes
02-inputs	Pass data into components	Before Changes After Changes
03-outputs	Trigger events from components	Before Changes After Changes
04-ngmodel	Two way binding	Before Changes After Changes
05-http-service	Service, and HTTP calls	Before Changes (N/A) After Changes