Angular Icon 50% OFF with BF50

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

0 days
00 hours
00 mins
00 secs

Angular Pro Angular Icon

116 lessons

17 hours

Star Icon Star Icon Star Icon Star Icon Star Icon

5/5 (7344 ratings)

Angular Pro

Star Icon Star Icon Star Icon Star Icon Star Icon

5/5 (7344 reviews)

Todd Motto

with Todd Motto

Advanced, comprehensive, complete. Deep exploration of the framework, architect big apps.

10

Chapters

116

Lessons

17

Hours
Closed Captions Icon

Closed Captions in English

Free Lesson Arrow Icon
Course Thumbnail
Play Icon

Implementing a ControlValueAccessor 14:01

Star Icon Star Icon Star Icon Star Icon Star Icon
Angular best practices zipped! I've been using the lessons learned in Angular Pro projects and seeing the huge benefits.
Golam Chowdhury

Golam Chowdhury

Front-End Developer, RocketML
Star Icon Star Icon Star Icon Star Icon Star Icon
Quite impressive the amount of good practices and knowledge shared. Simply awesome! It's not about learning Angular, but more why you should code an Angular application Todd's way.
Roger Angoh

Roger Angoh

CEO, Mel Consulting
Star Icon Star Icon Star Icon Star Icon Star Icon
Angular Pro is awesome! This course is perfect and very complete. Really loved it and levelled up my coding skills instantly.
Leandro Carlos Pereira

Leandro Carlos Pereira

Front-End Developer, Dextra
Star Icon Star Icon Star Icon Star Icon Star Icon
Great quality courses! I've a learned a lot from the Ultimate Courses, particularly the Angular courses. Very well explained and more than I expected.
Ghenadie Berco

Ghenadie Berco

Front-End Developer, Fortis
Star Icon Star Icon Star Icon Star Icon Star Icon
Todd was born with a gift for teaching. He condenses all his hard earned knowledge into a time-saving learning process. He genuinely wants you to learn, and that really makes all the difference.
Sharon DiOrio

Sharon DiOrio

Software Engineer, DistroKid
Star Icon Star Icon Star Icon Star Icon Star Icon
I attempted other courses before these, and Ultimate Courses is way ahead and incomparable. Clearest explanations, easy to understand, beyond basics, fantastic value for money.
Fabrizio Masini

Fabrizio Masini

JavaScript Developer

Here's what's inside...

Everything you need, structured and ready to go.

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 package...

Everything you need to start mastering Angular today

Google Developer Experts Icon

Expert knowledge

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

Trophy Icon

All the best practices

Design patterns, battle-tested techniques, architecture and performance.

Stream Icon

Stream or download

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

Code Terminal Icon

Level up your career

Nail that interview or promotion with skills that will set you apart.

StackBlitz Icon

StackBlitz Embeds

Access full source code, and experiment live in the browser.

Slack Icon

Private Slack Group

Exclusive access to our members-only community (7,000+ members).

Angular Pro

129

/user

189

Save 32%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

Angular Kickstart Bundle

199

/user

258

Save 23%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

Moneyback Icon

30-day money back guarantee

If you're disappointed for whatever reason, you'll get a full refund (but I'm sure you won't need it).

Discount Icon

Location discounts and students

Not-so-good exchange rate? (i.e. India/Brazil). Student?
Email us for a coupon for your country or student ID.