Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Angular 4: From Theory To Practice
Quickstart
Angular 1 vs 2 vs 4
Overview
Intro to Typescript (3:17)
Plunker (5:50)
Writing our first Application (14:26)
String Interpolation (6:36)
Looping (6:28)
Property & Event Binding (11:06)
Domain Model (7:02)
Nesting Components & Inputs (11:52)
User Interaction & Outputs (12:14)
Wrapping Up
Flash Cards (Quickstart) (5:10)
Practice Activity (Quickstart)
ES6 & TypeScript
Overview
TypeScript Setup (6:03)
Let (9:42)
Const (5:21)
Template Strings (2:59)
Fat Arrow Function (8:12)
Destructuring (5:19)
For Of (5:22)
Map & Set (14:27)
Promises (13:45)
Classes & Interfaces (17:41)
Decorators (6:13)
Modules (8:12)
Types (18:24)
Wrapping Up
Flash Cards (ES6 & TypeScript) (5:44)
Angular Command Line Interface
Overview & Installation (26:39)
Usage (15:32)
Flash Cards (CLI) (1:32)
Practice Activity (Angular CLI)
Components
Overview
Architecting with Components (4:41)
Templates, Styles & View Encapsulation (11:10)
Content Projection (6:36)
Lifecycle Hooks (11:00)
View & Content Children (13:32)
Wrapping Up
Flash Cards (Components) (3:02)
Practice Activity (Components)
Built-In Directives
Overview
NgFor (6:41)
NgIf & NgSwitch (7:51)
NgStyle & NgClass (11:27)
Structural Directives and * (5:31)
NgNonBindable (1:47)
Wrapping Up
Flash Cards (Built-In Directives) (2:26)
Practice Activity (Built-in Directives)
Custom Directives
Overview
Creating a Custom Directive (8:32)
HostListener & HostBinding (9:41)
Inputs & Configuration (4:13)
Wrapping Up
Flash Cards (Custom Directives) (1:50)
Practice Activity (Custom Directives)
Reactive Programming with RxJS
Overview
Streams & Reactive Programming (6:56)
Observables & RxJS (16:04)
RxJS & Angular (13:34)
Wrapping Up
Flash Cards (RxJS) (2:59)
Practice Activity (RxJS)
Pipes
Overview
Built-In Pipes (13:24)
Async Pipe (11:03)
Custom Pipes (6:02)
Wrapping Up
Flash Cards (Pipes) (2:14)
Practice Activity (Pipes)
Forms
Overview
Model Driven Approach (16:54)
Model Driven Form Validation (19:57)
Submitting & Resetting (4:51)
Reactive Model Driven Forms (9:27)
Template Driven Forms (27:34)
Wrapping Up
Flash Cards (Forms) (4:04)
Practice Lecture (Forms)
Dependency Injection & Providers
Overview (9:51)
Injectors (9:50)
Providers (14:51)
Tokens (8:32)
Configuring Dependency Injection in Angular (12:14)
NgModule.providers vs Component.providers vs Component.viewProviders (15:01)
Wrapping Up
Practice Activity (DI)
HTTP
Overview
Core HTTP API (23:51)
HTTP with Promises (19:22)
HTTP with Observables (24:09)
JSONP with Observables (8:47)
Wrapping Up
Practice Activity (HTTP)
Routing
Overview
Route Configuration (14:11)
Navigation (10:29)
Parameterised Routes (15:42)
Nested Routes (17:04)
Router Guards (19:12)
Routing Strategies (12:07)
Wrapping Up
Practice Activity (Routing)
Unit Testing
Overview
Jasmine & Karma (18:03)
Classes & Pipes (9:40)
Mocks & Spies (12:40)
Angular Test Bed (6:03)
Change Detection (6:34)
Asynchronous Code (15:06)
Dependency Injection (9:35)
Components (10:21)
Directives (4:49)
Model Driven Forms (10:32)
Http & Jsonp (11:47)
Routing (5:30)
Wrapping Up
Advanced Topics
Custom Form Validators (16:16)
Configurable Custom Form Validators (19:00)
Promises
Download
Plunker for the video above is here:
http://plnkr.co/edit/OMGgN6qpED6wTEEP2XYN?p=preview
Complete and Continue