Angular Pro icon Angular Pro

118 lessons 17 hours
Star Rating Star Rating Star Rating Star Rating Star Rating
4.8/5 (2387 ratings)

With Angular you can build apps for web, mobile, or desktop. In this course you will unlock Angular’s full potential with knowledge of its most advanced features. From Reactive Forms to Advanced Components, Modular Architecture, State Management, and Unit Testing, you’ll master it all – producing a final project to prove it.

Online Course with Todd Motto

Author: Todd Motto Google Developer expert Google Developer Expert

Play Angular featured video FormControls and FormGroups 04:11

Overview, setup and source files

3 lessons

  • Course introduction

    00:24
  • Setup instructions

    Readme
  • v4-v6 Changelog

    Readme

Advanced Components

21 lessons

  • Content projection with ng-content

    02:54
  • Using ng-content with projection slots

    03:11
  • Projecting and binding to components

    04:35
  • @ContentChild and ngAfterContentInit

    07:33
  • @ContentChildren and QueryLists

    03:45
  • @ViewChild and ngAfterViewInit

    06:10
  • @ViewChildren and QueryLists

    05:12
  • @ViewChild and template #refs

    01:49
  • Using ElementRef and nativeElement

    03:59
  • Using the platform agnostic Renderer

    04:07
  • Dynamic components with ComponentFactoryResolver

    07:13
  • Dynamic component @Input data

    02:51
  • Dynamic component @Output subscriptions

    02:05
  • Destroying dynamic components

    02:51
  • Dynamic components reordering

    03:26
  • Dynamic <ng-template> rendering with ViewContainerRef

    02:50
  • Passing context to a dynamic <ng-template>

    03:47
  • Dynamic <ng-template> rendering with ngTemplateOutlet

    01:40
  • Using ngTemplateOutlet with context

    02:23
  • ViewEncapsulation and Shadow DOM

    05:43
  • ChangeDetectionStrategy.OnPush and Immutability

    06:22

Directives

5 lessons

  • Creating a custom attribute Directive

    05:20
  • @HostListener and host Object

    05:35
  • Understanding @HostBinding

    03:34
  • Using the exportAs property with template refs

    05:20
  • Creating a custom structural Directive

    12:10

Custom Pipes

2 lessons

  • Creating a custom pipe

    05:27
  • Pipes as providers

    04:01

Reactive Forms

17 lessons

  • Reactive Forms setup

    05:59
  • FormControls and FormGroups

    08:17
  • Componentizing FormGroups

    13:13
  • Binding FormControls to <select>

    08:46
  • FormGroup collections with FormArray

    12:17
  • Adding items to the FormArray

    06:38
  • FormBuilder API

    04:11
  • Http service and joining Observables

    23:22
  • Subscribing to the valueChanges Observable

    07:29
  • Updating and resetting FormGroups and FormControls

    05:07
  • Custom form control base

    08:36
  • Implementing a ControlValueAccessor

    14:01
  • Adding keyboard events to our control

    08:18
  • Validators object for FormControls

    06:44
  • FormControl (custom) validators

    09:40
  • FormGroup (custom) validators

    09:50
  • Async (custom) validators

    12:07

Routing

16 lessons

  • Enabling route tracing

    01:31
  • Subscribing to router events

    06:10
  • Router outlet events

    03:09
  • Dynamic route resolves with snapshots

    19:54
  • Auxiliary named router outlets

    05:13
  • Navigating to auxiliary named outlets

    04:31
  • Auxiliary Navigation API

    04:08
  • Destroying auxiliary outlets

    04:14
  • Resolving data for auxiliary outlets

    10:59
  • Lazy-loading modules

    09:59
  • Preloading lazy-loaded modules

    03:01
  • Custom preloading strategies

    07:15
  • Protecting lazy-loaded modules with canLoad

    09:26
  • Guards with canActivate

    05:23
  • Guards with canActivateChild

    03:04
  • Guards with canDeactivate

    10:25

Unit Testing

10 lessons

  • Karma setup and walkthrough

    02:59
  • Testing isolate Pipes

    05:43
  • Shallow testing Pipes

    14:31
  • Testing Services with dependencies

    12:24
  • Testing Component methods

    05:55
  • Testing @Input and @Output bindings

    04:47
  • Testing Component templates

    10:09
  • Testing container Components with async providers

    13:48
  • Using NO_ERRORS_SCHEMA

    02:09
  • Testing an Attribute Directive

    06:35

Dependency Injection and Zones

7 lessons

  • Providers and useValue

    06:12
  • Using InjectionToken

    04:01
  • Providers and useClass

    02:48
  • Providers and useFactory

    05:41
  • Providers and useExisting

    04:11
  • Configurable NgModules

    06:27
  • Zones and NgZone

    06:26

State Management with RxJS

8 lessons

  • State Management architecture overview

    07:01
  • Creating an Observable Store with Rx

    16:45
  • Container components setup

    06:16
  • Populating the Store and component subscription

    13:39
  • Composing new Observable streams from our Store

    04:25
  • Integrating a stateless component

    08:46
  • Component outputs back to Service

    07:26
  • Updating our Store in a Service

    07:01

Final Project

29 lessons

  • Setup instructions and code branches

    Readme
  • Project setup, walkthrough, install

    13:50
  • Firebase CLI and initial AoT deploy

    11:11
  • AuthModule and child module setup

    10:01
  • Login/Register reactive form components

    21:24
  • AuthService and AngularFire integration

    21:59
  • Reactive Store and AngularFire Observables

    13:13
  • Stateless components and logout functionality

    16:24
  • HealthModule setup and lazy loading

    13:59
  • Implementing AuthGuards for lazy routes

    08:07
  • Data layer, initiate Observable streams

    20:13
  • Async Pipe “as” syntax and routing

    09:37
  • Component architecture and Reactive Forms

    25:37
  • Rendering streams into Stateless components

    10:05
  • Stateless components and removing items

    11:16
  • Route Params and Observable switchMaps

    11:06
  • Reactive Form outputs and async / await

    21:37
  • Workout module transition

    19:43
  • Custom FormControl with ControlValueAccessor

    13:20
  • Reactive Form conditionals

    09:42
  • Custom Workout / Meal Pipes

    10:47
  • Schedule Calendar, Observables, BehaviorSubject

    16:35
  • Schedule controls and Date logic

    12:51
  • Calendar date toggling

    09:18
  • Rendering schedule sections from Observables

    28:56
  • Emitting from Stateless components

    07:53
  • Schedule assignment and Store

    22:40
  • Hooking schedules into Firebase

    10:48
  • Project review and deployment

    05:57

Or choose your bundle!

30-day money back

Our guarantee shows how confident we are in our courses. We’re proud to be empowering thousands of developers, beginners and experienced pros. If you’re anything less than 110% satisfied, let us know and we’ll refund the course in full.

Trusted by the developer community

I've spent $1,500 dollars in the last 6 months trying to learn what you gave me in a single course.

Chris Milford photo

Chris Milford

Senior Engineer

The clearest and best produced courses on the market! Clear, concise, packed with best practices.

Kyle Hebert photo

Kyle Hebert

JavaScript Developer

An immense job breaking things down into simple concepts. I would strongly recommend Ultimate Courses.

Houssein Djirdeh photo

Houssein Djirdeh

JavaScript Engineer

Self-paced, comprehensive, real examples from beginning to end, clear and concisely brilliant.

Jacob Cheriathundam photo

Jacob Cheriathundam

Development Architect

Todd's Angular courses are one of the best online trainings that can be found. A+.

John Oswalt  photo

John Oswalt

Technology Expert

I’ve achieved the structure and organisation that is difficult to get on your own. Excellent.

Sergio Sorrentino photo

Sergio Sorrentino

JavaScript Developer

The courses are incredible. You've opened the door for me to build real Angular apps.

Juan Henriquez photo

Juan Henriquez

Full Stack Engineer

I've learned and understood so much in such a short amount of time, it's unreal!

Christian Eckenrode  photo

Christian Eckenrode

Senior Engineer

A fast track to becoming a super solid Angular developer. Detailed, easy to understand, brilliant.

Mag Leahy photo

Mag Leahy

Angular Developer

This course is the best resource for learning Angular. The Angular Pro course is incredible.

Victor Hazbun photo

Victor Hazbun

CEO

Fantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.

Nicolas Telfer photo

Nicolas Telfer

Co-founder

Landed my first job after taking these courses, not sure I'd have made it otherwise.

Mateusz Sapielak photo

Mateusz Sapielak

Systems Developer

A must have for anyone wanting to become an Angular developer. I learned incredible amounts!

Mohammad Aljaber  photo

Mohammad Aljaber

Solutions Architect

You've helped me grasp architecture of Angular apps, and the way it should really be done.

Ritik Rishu photo

Ritik Rishu

Senior Engineer

Todd condenses all his hard earned knowledge into a time-saving learning process.

Sharon DiOrio  photo

Sharon DiOrio

Lead UI Engineer

The best place to get started with Angular, and go straight to the advanced material.

Zhentain Wan photo

Zhentain Wan

Javascript Developer

Todd's in depth knowledge of Angular was fantastic, and the TypeScript explanations are superb.

Hung Bui photo

Hung Bui

Senior Front-End Developer

Extremely helpful in breaking down concepts into something beginners can understand.

Dustin Downs photo

Dustin Downs

JavaScript Developer

Goodbye books and lectures, hello Ultimate Courses. Intuitive, enlightening, and refreshing.

Chris Cooley photo

Chris Cooley

Senior Engineer

The best resource for anyone wanting to get started with Angular, and go way beyond.

Anish Benjamin photo

Anish Benjamin

JavaScript Developer

The content has been well thought out, everything fits together perfectly.

Pranava Balugari photo

Pranava Balugari

JavaScript Developer

Everything you could to learn for Angular. The courses ask "why?", and responds with the answers!

Ryan Woodcox photo

Ryan Woodcox

JavaScript Developer

I've come up to speed immediately. I was lost and confused before this course, a brilliant job.

Joe Kahl photo

Joe Kahl

Senior Engineer

I attempted other courses before these, and Ultimate Courses is way ahead and incomparable.

Fabrizio Masini  photo

Fabrizio Masini

JavaScript Developer

Hands down the best courses available. Daunting concepts aren't scary anymore, they're a breeze.

Vatsal Pande  photo

Vatsal Pande

Full-Stack Engineer

Ultimate Courses is a fantastic way for you and your team to start writing quality code.

Nate Murray  photo

Nate Murray

Author of ng-book

Very few break down concepts in such a digestable way. Full of vital real-world techniques.

Chris Sevilleja  photo

Chris Sevilleja

Co-founder, Scotch.io

Ultimate Courses gives you an edge. Bursts of knowledge that really step up your game.

Simon Dufour photo

Simon Dufour

JavaScript Developer

Crystal clear concepts, meticulously designed examples and projects. Fantastically valuable.

Yiling Lu  photo

Yiling Lu

Senior Developer

The best Angular instructors out there with unrivalled knowledge. First-class Angular courses.

Sebastien Pelletier  photo

Sebastien Pelletier

Technical Team Lead

The essentials of architecture, combined with organisation and advanced tricks.

Johan Chouquet photo

Johan Chouquet

CTO

If you want to finally understand Angular and TypeScript, you're in the right place.

Ryan Chenkie  photo

Ryan Chenkie

Product Owner

The Angular courses are the best you'll find. They've taken our skills to the next level.

Ben Brown photo

Ben Brown

Lead Engineer

Absolutely love these courses, I've built my first proper app. Recommended to all.

Simon Lewis  photo

Simon Lewis

JavaScript Engineer

The real ultimate guide to Angular. Thank you for all your contributions to the community.

Sherry List photo

Sherry List

JavaScript

The Angular courses have been indispensable for me getting things done, the right way.

Stephen Smith photo

Stephen Smith

Founder

Hands down best start to finish NGRX course available. 10/10.

Alexander Torres photo

Alexander Torres

IT Specialist

The first course I've ever watch to the end. I've immediately grasped NGRX Store and Effects!

Ben Dalton photo

Ben Dalton

Front-End Engineer

This course is incredible and laid everything out for me in a few hours. I've fallen in love with NGRX!

Jan van Braeckel photo

Jan van Braeckel

Full-Stack Developer

There's no material available like this online all in one place, fantastic.

Dick Swart photo

Dick Swart

Senior Developer