This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
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)
Async Pipe
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now