Angular Icon Get 67% off the Angular Master Bundle!

See the bundle then add to cart and your discount is applied.

0 days
00 hours
00 mins
00 secs

Overview, setup and source files

3 lessons

  • Play Icon Course introduction

    00:23

  • File Icon Setup instructions

    Readme

  • File Icon Source files

    Readme

Advanced Components

21 lessons

  • Play Icon Content projection with ng-content

    02:54

  • Play Icon Using ng-content with projection slots

    03:10

  • Play Icon Projecting and binding to components

    04:35

  • Play Icon @ContentChild and ngAfterContentInit

    07:32

  • Play Icon @ContentChildren and QueryLists

    03:44

  • Play Icon @ViewChild and ngAfterViewInit

    06:09

  • Play Icon @ViewChildren and QueryLists

    05:12

  • Play Icon @ViewChild and template #refs

    01:49

  • Play Icon Using ElementRef and nativeElement

    03:58

  • Play Icon Using the platform agnostic Renderer

    04:07

  • Play Icon Dynamic components with ComponentFactoryResolver

    07:12

  • Play Icon Dynamic component @Input data

    02:51

  • Play Icon Dynamic component @Output subscriptions

    02:04

  • Play Icon Destroying dynamic components

    02:51

  • Play Icon Dynamic components reordering

    03:26

  • Play Icon Dynamic <ng-template> rendering with ViewContainerRef

    02:50

  • Play Icon Passing context to a dynamic <ng-template>

    03:47

  • Play Icon Dynamic <ng-template> rendering with ngTemplateOutlet

    01:39

  • Play Icon Using ngTemplateOutlet with context

    02:33

  • Play Icon ViewEncapsulation and Shadow DOM

    05:43

  • Play Icon ChangeDetectionStrategy.OnPush and Immutability

    06:22

Directives

5 lessons

  • Play Icon Creating a custom attribute Directive

    05:20

  • Play Icon @HostListener and host Object

    05:34

  • Play Icon Understanding @HostBinding

    03:33

  • Play Icon Using the exportAs property with template refs

    05:20

  • Play Icon Creating a custom structural Directive

    12:09

Custom Pipes

2 lessons

  • Play Icon Creating a custom pipe

    05:26

  • Play Icon Pipes as providers

    04:00

Reactive Forms

18 lessons

  • Play Icon Reactive Forms setup

    05:59

  • Play Icon FormControls and FormGroups

    08:17

  • Play Icon Componentizing FormGroups

    13:13

  • Play Icon Binding FormControls to <select>

    08:45

  • Play Icon FormGroup collections with FormArray

    12:17

  • Play Icon Adding items to the FormArray

    06:38

  • Play Icon Removing items from the FormArray

    07:08

  • Play Icon FormBuilder API

    04:11

  • Play Icon Http service and joining Observables

    23:21

  • Play Icon Subscribing to the valueChanges Observable

    07:29

  • Play Icon Updating and resetting FormGroups and FormControls

    05:07

  • Play Icon Custom form control base

    08:42

  • Play Icon Implementing a ControlValueAccessor

    14:01

  • Play Icon Adding keyboard events to our control

    08:17

  • Play Icon Validators object for FormControls

    06:44

  • Play Icon FormControl (custom) validators

    09:40

  • Play Icon FormGroup (custom) validators

    09:49

  • Play Icon Async (custom) validators

    12:06

Routing

16 lessons

  • Play Icon Enabling route tracing

    01:30

  • Play Icon Subscribing to router events

    06:09

  • Play Icon Router outlet events

    03:08

  • Play Icon Dynamic route resolves with snapshots

    19:53

  • Play Icon Auxiliary named router outlets

    05:12

  • Play Icon Navigating to auxiliary named outlets

    04:30

  • Play Icon Auxiliary Navigation API

    04:07

  • Play Icon Destroying auxiliary outlets

    04:13

  • Play Icon Resolving data for auxiliary outlets

    10:58

  • Play Icon Lazy-loading modules

    09:59

  • Play Icon Preloading lazy-loaded modules

    03:01

  • Play Icon Custom preloading strategies

    07:15

  • Play Icon Protecting lazy-loaded modules with canLoad

    09:25

  • Play Icon Guards with canActivate

    05:23

  • Play Icon Guards with canActivateChild

    03:03

  • Play Icon Guards with canDeactivate

    10:25

Unit Testing

10 lessons

  • Play Icon Karma setup and walkthrough

    02:58

  • Play Icon Testing isolate Pipes

    05:43

  • Play Icon Shallow testing Pipes

    14:31

  • Play Icon Testing Services with dependencies

    12:24

  • Play Icon Testing Component methods

    05:54

  • Play Icon Testing @Input and @Output bindings

    04:47

  • Play Icon Testing Component templates

    10:09

  • Play Icon Testing container Components with async providers

    13:48

  • Play Icon Using NO_ERRORS_SCHEMA

    02:09

  • Play Icon Testing an Attribute Directive

    06:35

Dependency Injection and Zones

7 lessons

  • Play Icon Providers and useValue

    06:12

  • Play Icon Using InjectionToken

    04:01

  • Play Icon Providers and useClass

    02:48

  • Play Icon Providers and useFactory

    05:41

  • Play Icon Providers and useExisting

    04:11

  • Play Icon Configurable NgModules

    06:27

  • Play Icon Zones and NgZone

    06:26

State Management with RxJS

8 lessons

  • Play Icon State Management architecture overview

    07:01

  • Play Icon Creating an Observable Store with Rx

    16:44

  • Play Icon Container components setup

    06:16

  • Play Icon Populating the Store and component subscription

    13:39

  • Play Icon Composing new Observable streams from our Store

    04:24

  • Play Icon Integrating a stateless component

    08:46

  • Play Icon Component outputs back to Service

    07:26

  • Play Icon Updating our Store in a Service

    07:00

Final Project

29 lessons

  • File Icon Setup instructions and code branches

    Readme

  • Play Icon Project setup, walkthrough, install

    13:49

  • Play Icon Firebase CLI and initial AoT deploy

    11:10

  • Play Icon AuthModule and child module setup

    10:00

  • Play Icon Login/Register reactive form components

    21:23

  • Play Icon AuthService and AngularFire integration

    21:59

  • Play Icon Reactive Store and AngularFire Observables

    13:12

  • Play Icon Stateless components and logout functionality

    16:24

  • Play Icon HealthModule setup and lazy loading

    13:58

  • Play Icon Implementing AuthGuards for lazy routes

    08:06

  • Play Icon Data layer, initiate Observable streams

    20:13

  • Play Icon Async Pipe “as” syntax and routing

    09:36

  • Play Icon Component architecture and Reactive Forms

    25:37

  • Play Icon Rendering streams into Stateless components

    10:04

  • Play Icon Stateless components and removing items

    11:16

  • Play Icon Route Params and Observable switchMaps

    11:05

  • Play Icon Reactive Form outputs and async / await

    21:37

  • Play Icon Workout module transition

    19:43

  • Play Icon Custom FormControl with ControlValueAccessor

    13:20

  • Play Icon Reactive Form conditionals

    09:41

  • Play Icon Custom Workout / Meal Pipes

    10:47

  • Play Icon Schedule Calendar, Observables, BehaviorSubject

    16:35

  • Play Icon Schedule controls and Date logic

    12:51

  • Play Icon Calendar date toggling

    09:18

  • Play Icon Rendering schedule sections from Observables

    28:55

  • Play Icon Emitting from Stateless components

    07:53

  • Play Icon Schedule assignment and Store

    22:40

  • Play Icon Hooking schedules into Firebase

    10:48

  • Play Icon Project review and deployment

    05:56

Get the complete bundle...

Everything you need to start mastering Angular today

Terminal Icon Job-ready training

Nail that interview with your new skills that will set you apart.

Trophy Icon All the best practices

Best practices, design patterns, performance and architecture.

Rocket Logo Stream or download

Learn at home at your own pace, download for offline viewing.

Google Developer Expert Logo Expert knowledge

Built by Google Developer Experts, there's no better place to learn web.

Stackblitz Logo StackBlitz examples

Access full course source code and experiment in the browser too!

Slack Logo Slack community

Exclusive access to our members-only community (6,800+ members).

MasterCard Icon PayPal Icon VISA Icon Amex Icon

Secure SSL encrypted payments

Moneyback Icon

30-day money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get a full refund.

Discount Icon

Location discount picker

🎉 Get the complete bundle and save $605!

Sold separately = $903 💰

  • Angular Icon

    Angular Fundamentals

    59 lessons
  • Angular Icon

    Angular Pro

    116 lessons
  • Typescript Icon

    TypeScript Basics

    44 lessons
  • Typescript Icon

    TypeScript Masterclass

    39 lessons
  • Rxjs Icon

    RxJS Basics

    47 lessons
  • Rxjs Icon

    RxJS Masterclass

    35 lessons
  • Ngrx Icon

    NGRX Store + Effects

    41 lessons