Let | codecraft

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)

Let

Plunker for the video above is here: http://plnkr.co/edit/k7150PqX1DML7EFHKuRc?p=preview

Complete and Continue

Lesson Content Locked

Your session expired. Please sign in again to continue.

Login