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 - Closed Captions (subtitles)
- Stream or download
- Lifetime access
- Expert instructor
- Certificate of Completion
- Free lifetime updates
- Access on mobile
- Best practices
- Job-ready training
- Streamlined team
- Slack community access
Topics you'll learn
- Module Architecture and Lazy Loading
- Smart/Dumb Component Architecture
- One-way Dataflow and Immutability
- Reactive Forms, Validators
- Routing, Guards, Preloads
- Custom Pipes
- Http and Observable Services
- 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:38FormBuilder 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 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
The clearest and best produced courses on the market! Clear, concise, packed with best practices.
Kyle Hebert
An immense job breaking things down into simple concepts. I would strongly recommend Ultimate Courses.
Houssein Djirdeh
Self-paced, comprehensive, real examples from beginning to end, clear and concisely brilliant.
Jacob Cheriathundam
Todd's Angular courses are one of the best online trainings that can be found. A+.
John Oswalt
I’ve achieved the structure and organisation that is difficult to get on your own. Excellent.
Sergio Sorrentino
The courses are incredible. You've opened the door for me to build real Angular apps.
Juan Henriquez
I've learned and understood so much in such a short amount of time, it's unreal!
Christian Eckenrode
A fast track to becoming a super solid Angular developer. Detailed, easy to understand, brilliant.
Mag Leahy
This course is the best resource for learning Angular. The Angular Pro course is incredible.
Victor Hazbun
Fantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.
Nicolas Telfer
Landed my first job after taking these courses, not sure I'd have made it otherwise.
Mateusz Sapielak
A must have for anyone wanting to become an Angular developer. I learned incredible amounts!
Mohammad Aljaber
You've helped me grasp architecture of Angular apps, and the way it should really be done.
Ritik Rishu
Todd condenses all his hard earned knowledge into a time-saving learning process.
Sharon DiOrio
The best place to get started with Angular, and go straight to the advanced material.
Zhentain Wan
Todd's in depth knowledge of Angular was fantastic, and the TypeScript explanations are superb.
Hung Bui
Extremely helpful in breaking down concepts into something beginners can understand.
Dustin Downs
Goodbye books and lectures, hello Ultimate Courses. Intuitive, enlightening, and refreshing.
Chris Cooley
The best resource for anyone wanting to get started with Angular, and go way beyond.
Anish Benjamin
The content has been well thought out, everything fits together perfectly.
Pranava Balugari
Everything you could to learn for Angular. The courses ask "why?", and responds with the answers!
Ryan Woodcox
I've come up to speed immediately. I was lost and confused before this course, a brilliant job.
Joe Kahl
I attempted other courses before these, and Ultimate Courses is way ahead and incomparable.
Fabrizio Masini
Hands down the best courses available. Daunting concepts aren't scary anymore, they're a breeze.
Vatsal Pande
Ultimate Courses is a fantastic way for you and your team to start writing quality code.
Nate Murray
Very few break down concepts in such a digestable way. Full of vital real-world techniques.
Chris Sevilleja
Ultimate Courses gives you an edge. Bursts of knowledge that really step up your game.
Simon Dufour
Crystal clear concepts, meticulously designed examples and projects. Fantastically valuable.
Yiling Lu
The best Angular instructors out there with unrivalled knowledge. First-class Angular courses.
Sebastien Pelletier
The essentials of architecture, combined with organisation and advanced tricks.
Johan Chouquet
If you want to finally understand Angular and TypeScript, you're in the right place.
Ryan Chenkie
The Angular courses are the best you'll find. They've taken our skills to the next level.
Ben Brown
Absolutely love these courses, I've built my first proper app. Recommended to all.
Simon Lewis
The real ultimate guide to Angular. Thank you for all your contributions to the community.
Sherry List
The Angular courses have been indispensable for me getting things done, the right way.
Stephen Smith
Hands down best start to finish NGRX course available. 10/10.
Alexander Torres
The first course I've ever watch to the end. I've immediately grasped NGRX Store and Effects!
Ben Dalton
This course is incredible and laid everything out for me in a few hours. I've fallen in love with NGRX!
Jan van Braeckel
There's no material available like this online all in one place, fantastic.
Dick Swart
