Angular Pro
116 lessons
•17 hours
•5/5 (7344 ratings)
Angular Pro
Advanced, comprehensive, complete. Deep exploration of the framework, architect big apps.
10
Chapters116
Lessons17
HoursClosed Captions in English
Angular best practices zipped! I've been using the lessons learned in Angular Pro projects and seeing the huge benefits.![]()
![]()
![]()
![]()
![]()
Golam Chowdhury
Front-End Developer, RocketMLQuite 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
CEO, Mel ConsultingAngular Pro is awesome! This course is perfect and very complete. Really loved it and levelled up my coding skills instantly.![]()
![]()
![]()
![]()
![]()
Leandro Carlos Pereira
Front-End Developer, DextraGreat 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
Front-End Developer, FortisTodd 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
Software Engineer, DistroKidI 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
JavaScript DeveloperHere's what's inside...
Everything you need, structured and ready to go.
Overview, setup and source files
3 lessons
-
Course introduction 00:23
-
Setup instructions Readme
-
Source files Readme
Advanced Components
21 lessons
-
Content projection with ng-content 02:54
-
Using ng-content with projection slots 03:10
-
Projecting and binding to components 04:35
-
@ContentChild and ngAfterContentInit 07:32
-
@ContentChildren and QueryLists 03:44
-
@ViewChild and ngAfterViewInit 06:09
-
@ViewChildren and QueryLists 05:12
-
@ViewChild and template #refs 01:49
-
Using ElementRef and nativeElement 03:58
-
Using the platform agnostic Renderer 04:07
-
Dynamic components with ComponentFactoryResolver 07:12
-
Dynamic component @Input data 02:51
-
Dynamic component @Output subscriptions 02:04
-
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:39
-
Using ngTemplateOutlet with context 02:33
-
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:34
-
Understanding @HostBinding 03:33
-
Using the exportAs property with template refs 05:20
-
Creating a custom structural Directive 12:09
Custom Pipes
2 lessons
-
Creating a custom pipe 05:26
-
Pipes as providers 04:00
Reactive Forms
18 lessons
-
Reactive Forms setup 05:59
-
FormControls and FormGroups 08:17
-
Componentizing FormGroups 13:13
-
Binding FormControls to <select> 08:45
-
FormGroup collections with FormArray 12:17
-
Adding items to the FormArray 06:38
-
Removing items from the FormArray 07:08
-
FormBuilder API 04:11
-
Http service and joining Observables 23:21
-
Subscribing to the valueChanges Observable 07:29
-
Updating and resetting FormGroups and FormControls 05:07
-
Custom form control base 08:42
-
Implementing a ControlValueAccessor 14:01
-
Adding keyboard events to our control 08:17
-
Validators object for FormControls 06:44
-
FormControl (custom) validators 09:40
-
FormGroup (custom) validators 09:49
-
Async (custom) validators 12:06
Routing
16 lessons
-
Enabling route tracing 01:30
-
Subscribing to router events 06:09
-
Router outlet events 03:08
-
Dynamic route resolves with snapshots 19:53
-
Auxiliary named router outlets 05:12
-
Navigating to auxiliary named outlets 04:30
-
Auxiliary Navigation API 04:07
-
Destroying auxiliary outlets 04:13
-
Resolving data for auxiliary outlets 10:58
-
Lazy-loading modules 09:59
-
Preloading lazy-loaded modules 03:01
-
Custom preloading strategies 07:15
-
Protecting lazy-loaded modules with canLoad 09:25
-
Guards with canActivate 05:23
-
Guards with canActivateChild 03:03
-
Guards with canDeactivate 10:25
Unit Testing
10 lessons
-
Karma setup and walkthrough 02:58
-
Testing isolate Pipes 05:43
-
Shallow testing Pipes 14:31
-
Testing Services with dependencies 12:24
-
Testing Component methods 05:54
-
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:44
-
Container components setup 06:16
-
Populating the Store and component subscription 13:39
-
Composing new Observable streams from our Store 04:24
-
Integrating a stateless component 08:46
-
Component outputs back to Service 07:26
-
Updating our Store in a Service 07:00
Final Project
29 lessons
-
Setup instructions and code branches Readme
-
Project setup, walkthrough, install 13:49
-
Firebase CLI and initial AoT deploy 11:10
-
AuthModule and child module setup 10:00
-
Login/Register reactive form components 21:23
-
AuthService and AngularFire integration 21:59
-
Reactive Store and AngularFire Observables 13:12
-
Stateless components and logout functionality 16:24
-
HealthModule setup and lazy loading 13:58
-
Implementing AuthGuards for lazy routes 08:06
-
Data layer, initiate Observable streams 20:13
-
Async Pipe “as” syntax and routing 09:36
-
Component architecture and Reactive Forms 25:37
-
Rendering streams into Stateless components 10:04
-
Stateless components and removing items 11:16
-
Route Params and Observable switchMaps 11:05
-
Reactive Form outputs and async / await 21:37
-
Workout module transition 19:43
-
Custom FormControl with ControlValueAccessor 13:20
-
Reactive Form conditionals 09:41
-
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:55
-
Emitting from Stateless components 07:53
-
Schedule assignment and Store 22:40
-
Hooking schedules into Firebase 10:48
-
Project review and deployment 05:56
Get the complete package...
Everything you need to start mastering Angular today
Expert knowledge
Built by Google Developer Experts, there's no better place to learn.
All the best practices
Design patterns, battle-tested techniques, architecture and performance.
Stream or download
Learn at home at your own pace, download for offline viewing.
Level up your career
Nail that interview or promotion with skills that will set you apart.
StackBlitz Embeds
Access full source code, and experiment live in the browser.
Private Slack Group
Exclusive access to our members-only community (7,000+ members).
Angular Pro
Angular Master Bundle
Angular Kickstart Bundle
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).
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.
•
