Angular Fundamentals
Architecture, setup, source files
ES5 to ES6 and TypeScript refresher
Getting started
Template fundamentals
Rendering flows
Component Architecture and Feature Modules
-
Smart and dumb components overview 01:41
-
One-way dataflow overview 03:30
-
Feature modules with @NgModule 04:07
-
Creating a container (smart) component 11:11
-
ngOnInit lifecycle hook 02:51
-
Presentational (dumb) components 06:22
-
Passing data into components with @Input 06:27
-
Dynamic @Input values with *ngFor 05:29
-
Emitting changes with @Output and EventEmitter 15:58
-
Immutable state changes 06:21
-
ngOnChanges lifecycle hook 07:05
Services, Http and Observables
Template-driven Forms, Inputs and Validation
-
Forms container component 08:57
-
Form stateless component 08:03
-
ngForm and ngModel 06:37
-
Binding to radio buttons 08:26
-
Binding to checkboxes 02:06
-
<select> option rendering, and ngValue 09:59
-
Form validation and error states 09:55
-
Dynamically disabling submit 01:51
-
ngSubmit and stateless @Output 07:13
Component Routing
-
Base href and RouterModule 01:03
-
Root module routes and outlet 05:08
-
Wildcard routes for 404 handling 02:00
-
Understanding routerLink 02:14
-
Styling active routes 04:48
-
Dynamic navigation with ngFor 03:29
-
Feature-module routes with forChild() 04:02
-
Child and dynamic routes 03:01
-
Route params, data-fetching with switchMap 05:41
-
Imperative routing API 07:35
-
Hash location strategy 02:00
-
Applying redirects 00:56
Finished
Creating a container (smart) component
Todd Motto
Google Developer Expert
Join us on Slack!
