• Wireframe/Angular Overview
• Angular CLI/Setup
• Routing
• Components
• Communication between components
• Angular Services
• Dependency injection
• Communication using HTTP 

Old Angular (1.x)

New Angular (2+)

"AngularJS"

"Angular"

Angular App Setup

https://github.com/angular/quickstart

Angular CLI

Anatomy of an Angular App

Root Module

Module

Module

Component

Component

Component

Component

Component

Component

helps us organize our code

"Everything is a Component"

Component

Template

Class

Metadata

ES5

ES5

ES6

(ES2015)

ES5

TypeScript

+

+

+

ES6

(ES2015)

Angular CLI

Prerequisites​​

• Node 6.9.0 +
• NPM3 +

Angular CLI

npm install -g @angular/cli

• ng new - create a new application

• ng generate (ng g) - generate new components, routes, services and pipes

• ng serve - test application locally

Angular CLI

All available packages in Angular

https://www.npmjs.com/~angular

Angular Componets