ANGULAR
BOOT CAMP

@jdjuan

slides.com/
jdjuan/
day-2

@jdjuan

github.com/

jdjuan/

angular-bootcamp

@jdjuan

Components

@jdjuan

@jdjuan

@jdjuan

Data Flow

@jdjuan

@jdjuan

String Interpolation

@jdjuan

{{ myVariable }}

Property Binding

@jdjuan

<img [src]="myPath">

Event Binding

@jdjuan

<button (click)="show($event)">

Two-way binding

@jdjuan

<input [(value)]="name">

Component 

Communication

@jdjuan

@jdjuan

@jdjuan

@jdjuan

@jdjuan

@jdjuan

@jdjuan

@jdjuan

@jdjuan

@jdjuan

Smart Components

@jdjuan

Dummy Components

@jdjuan

Directives

@jdjuan

Extend your HTML

3 Types

@jdjuan

Structural Directives

Attribute Directives

Components

@jdjuan

Structural

@jdjuan

Alter DOM layout

Examples

@jdjuan

*ngIf

*ngFor
*ngSwitch

Attribute

@jdjuan

Change DOM appearance or behavior

Examples

@jdjuan

Components

@jdjuan

Directive with a template

Components

@jdjuan

The Lego Analogy
The direction of the web

Testable, Modular, Reusable

Components

@jdjuan

Metadata
Template
Styles

PIPES

@jdjuan

@jdjuan