Angular Pro
Angular 
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.
Author: Todd Motto 
Google Developer Expert
FormControls and FormGroups • 04:11
FormControls and FormGroups - Job-ready training
- Skill up your team
- Expert knowledge
- Certificate of completion
- Stream or download
- Best practices included
- Closed Captions (subtitles)
- Free lifetime updates
- Slack community access
Topics you'll learn
- Advanced Component Practices
- @ViewChild, @ContentChild Decorators
- Content Projection
- Dynamic Components and ng-template
- OnPush ChangeDetection
- @Host, @Hostbinding, exportAs
- Routing Guards, Preloads, Lazy-Loading
- Advanced Reactive Forms and Validators
- Custom Pipes
- State Management with RxJS
- Unit Testing with Karma
- Dependency Injection and Zones
I can't think of any Angular course training that I trust to be more accurate, and promote the best practices, than Ultimate Courses.
Jules Kremer
Overview, setup and source files
Course introduction
00:24Setup instructions
Readmev4-v6 Changelog
Readme
Advanced Components
Content projection with ng-content
02:54Using ng-content with projection slots
03:11Projecting 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:49Using ElementRef and nativeElement
03:59Using the platform agnostic Renderer
04:07Dynamic components with ComponentFactoryResolver
07:13Dynamic component @Input data
02:51Dynamic component @Output subscriptions
02:05Destroying dynamic components
02:51Dynamic components reordering
03:26Dynamic <ng-template> rendering with ViewContainerRef
02:50Passing context to a dynamic <ng-template>
03:47Dynamic <ng-template> rendering with ngTemplateOutlet
01:40Using ngTemplateOutlet with context
02:23ViewEncapsulation and Shadow DOM
05:43ChangeDetectionStrategy.OnPush and Immutability
06:22
Directives
Creating a custom attribute Directive
05:20@HostListener and host Object
05:35Understanding @HostBinding
03:34Using the exportAs property with template refs
05:20Creating a custom structural Directive
12:10
Custom Pipes
Creating a custom pipe
05:27Pipes as providers
04:01
Reactive Forms
Reactive Forms setup
05:59FormControls and FormGroups
08:17Componentizing FormGroups
13:13Binding FormControls to <select>
08:46FormGroup collections with FormArray
12:17Adding items to the FormArray
06:38Removing items from the FormArray
07:08FormBuilder API
04:11Http service and joining Observables
23:22Subscribing to the valueChanges Observable
07:29Updating and resetting FormGroups and FormControls
05:07Custom form control base
08:36Implementing a ControlValueAccessor
14:01Adding keyboard events to our control
08:18Validators object for FormControls
06:44FormControl (custom) validators
09:40FormGroup (custom) validators
09:50Async (custom) validators
12:07
Routing
Enabling route tracing
01:31Subscribing to router events
06:10Router outlet events
03:09Dynamic route resolves with snapshots
19:54Auxiliary named router outlets
05:13Navigating to auxiliary named outlets
04:31Auxiliary Navigation API
04:08Destroying auxiliary outlets
04:14Resolving data for auxiliary outlets
10:59Lazy-loading modules
09:59Preloading lazy-loaded modules
03:01Custom preloading strategies
07:15Protecting lazy-loaded modules with canLoad
09:26Guards with canActivate
05:23Guards with canActivateChild
03:04Guards with canDeactivate
10:25
Unit Testing
Karma setup and walkthrough
02:59Testing isolate Pipes
05:43Shallow testing Pipes
14:31Testing Services with dependencies
12:24Testing Component methods
05:55Testing @Input and @Output bindings
04:47Testing Component templates
10:09Testing container Components with async providers
13:48Using NO_ERRORS_SCHEMA
02:09Testing an Attribute Directive
06:35
Dependency Injection and Zones
Providers and useValue
06:12Using InjectionToken
04:01Providers and useClass
02:48Providers and useFactory
05:41Providers and useExisting
04:11Configurable NgModules
06:27Zones and NgZone
06:26
State Management with RxJS
State Management architecture overview
07:01Creating an Observable Store with Rx
16:45Container components setup
06:16Populating the Store and component subscription
13:39Composing new Observable streams from our Store
04:25Integrating a stateless component
08:46Component outputs back to Service
07:26Updating our Store in a Service
07:01
Final Project
Setup instructions and code branches
ReadmeProject setup, walkthrough, install
13:50Firebase CLI and initial AoT deploy
11:11AuthModule and child module setup
10:01Login/Register reactive form components
21:24AuthService and AngularFire integration
21:59Reactive Store and AngularFire Observables
13:13Stateless components and logout functionality
16:24HealthModule setup and lazy loading
13:59Implementing AuthGuards for lazy routes
08:07Data layer, initiate Observable streams
20:13Async Pipe “as” syntax and routing
09:37Component architecture and Reactive Forms
25:37Rendering streams into Stateless components
10:05Stateless components and removing items
11:16Route Params and Observable switchMaps
11:06Reactive Form outputs and async / await
21:37Workout module transition
19:43Custom FormControl with ControlValueAccessor
13:20Reactive Form conditionals
09:42Custom Workout / Meal Pipes
10:47Schedule Calendar, Observables, BehaviorSubject
16:35Schedule controls and Date logic
12:51Calendar date toggling
09:18Rendering schedule sections from Observables
28:56Emitting from Stateless components
07:53Schedule assignment and Store
22:40Hooking schedules into Firebase
10:48Project review and deployment
05:57
Or get the complete bundle...
Everything you need to start mastering today
Angular Master Bundle
42 hours • 365 lessons
Angular Ultimate Bundle
38 hours • 304 lessons
Angular Kickstart Bundle
22 hours • 178 lessons
Perfect for Teams
Skill up your development team quickly. It's easy to get your team onboard with us! Get special team discounts, progress reports, team upgrades and much more.
100% money back guarantee
We’re proud to be empowering thousands of developers, beginners and experienced pros. If you’re anything less than 110% satisfied, let us know within 30 days and we’ll refund you in full.
Student/Location discounts
Not-so-good exchange rate? (i.e. India/Brazil) Get in touch for a coupon. Student? Email us from your student email or attach your student ID.
Powering the world's best developers and teams
I can't think of any Angular course training that I trust to be more accurate, and promote the best practices, than Ultimate Courses.
Jules Kremer
Ultimate Courses is fantastic. My engineering team is building apps better than ever. In-depth training that pushes new standards.
Jordan Epps
I've spent $1,500 dollars in the last 6 months trying to learn what you gave me in a single course.
The clearest and best produced courses on the market! Clear, concise, packed with best practices.
An immense job breaking things down into simple concepts. I would strongly recommend Ultimate Courses.
Self-paced, comprehensive, real examples from beginning to end, clear and concisely brilliant.
Todd's Angular courses are one of the best online trainings that can be found. A+.
I’ve achieved the structure and organisation that is difficult to get on your own. Excellent.
The courses are incredible. You've opened the door for me to build real Angular apps.
I've learned and understood so much in such a short amount of time, it's unreal!
A fast track to becoming a super solid Angular developer. Detailed, easy to understand, brilliant.
This course is the best resource for learning Angular. The Angular Pro course is incredible.
Fantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.
Landed my first job after taking these courses, not sure I'd have made it otherwise.
A must have for anyone wanting to become an Angular developer. I learned incredible amounts!
You've helped me grasp architecture of Angular apps, and the way it should really be done.
Todd condenses all his hard earned knowledge into a time-saving learning process.
The best place to get started with Angular, and go straight to the advanced material.
Todd's in depth knowledge of Angular was fantastic, and the TypeScript explanations are superb.
Extremely helpful in breaking down concepts into something beginners can understand.
Goodbye books and lectures, hello Ultimate Courses. Intuitive, enlightening, and refreshing.
The best resource for anyone wanting to get started with Angular, and go way beyond.
The content has been well thought out, everything fits together perfectly.
Everything you could to learn for Angular. The courses ask "why?", and responds with the answers!
I've come up to speed immediately. I was lost and confused before this course, a brilliant job.
I attempted other courses before these, and Ultimate Courses is way ahead and incomparable.
Hands down the best courses available. Daunting concepts aren't scary anymore, they're a breeze.
Ultimate Courses is a fantastic way for you and your team to start writing quality code.
Very few break down concepts in such a digestable way. Full of vital real-world techniques.
Ultimate Courses gives you an edge. Bursts of knowledge that really step up your game.
Crystal clear concepts, meticulously designed examples and projects. Fantastically valuable.
The best Angular instructors out there with unrivalled knowledge. First-class Angular courses.
The essentials of architecture, combined with organisation and advanced tricks.
If you want to finally understand Angular and TypeScript, you're in the right place.
The Angular courses are the best you'll find. They've taken our skills to the next level.
Absolutely love these courses, I've built my first proper app. Recommended to all.
The real ultimate guide to Angular. Thank you for all your contributions to the community.
The Angular courses have been indispensable for me getting things done, the right way.
Hands down best start to finish NGRX course available. 10/10.
The first course I've ever watch to the end. I've immediately grasped NGRX Store and Effects!
This course is incredible and laid everything out for me in a few hours. I've fallen in love with NGRX!
There's no material available like this online all in one place, fantastic.
