Presentations
Templates
Features
Teams
Pricing
Log in
Sign up
Log in
Sign up
Menu
ANGULAR
BOOT CAMP
@jdjuan
slides.com/
jdjuan/
day-2
@jdjuan
github.com/
jdjuan/
angular-bootcamp
@jdjuan
Rules
@jdjuan
3-minute rule
Let's be punctual
Let's be proactive
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
@jdjuan
Angular Boot Camp #2
By Juan Herrera
Made with Slides.com
Angular Boot Camp #2
1,747
Juan Herrera
Google Developer Expert in Angular & Web Technologies
jdjuan
More from
Juan Herrera