Angular Pro
16h 41m 46s
English
Paid
May 18, 2023
Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a final project to cement the knowledge.
More
What you'll learn:
Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a final project to cement the knowledge.
Requirements:
- Angular knowledge
- Component architecture
- JavaScript knowledge
Watch Online Angular Pro
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Course introduction | 00:24 |
2 | Content projection with ng-content | 02:55 |
3 | Using ng-content with projection slots | 03:11 |
4 | Projecting and binding to components | 04:36 |
5 | @ContentChild and ngAfterContentInit | 07:33 |
6 | @ContentChildren and QueryLists | 03:45 |
7 | @ViewChild and ngAfterViewInit | 06:10 |
8 | @ViewChildren and QueryLists | 05:13 |
9 | @ViewChild and template #refs | 01:50 |
10 | Using ElementRef and nativeElement | 03:59 |
11 | Using the platform agnostic Renderer | 04:08 |
12 | Dynamic components with ComponentFactoryResolver | 07:13 |
13 | Dynamic component @Input data | 02:52 |
14 | Dynamic component @Output subscriptions | 02:05 |
15 | Destroying dynamic components | 02:52 |
16 | Dynamic components reordering | 03:27 |
17 | Dynamic template rendering with ViewContainerRef | 02:51 |
18 | Passing context to a dynamic template | 03:48 |
19 | Dynamic template rendering with ngTemplateOutlet | 01:40 |
20 | Using ngTemplateOutlet with context | 02:24 |
21 | ViewEncapsulation and Shadow DOM | 05:44 |
22 | OnPush Change Detection and Immutability | 06:23 |
23 | Creating a custom attribute Directive | 05:21 |
24 | @HostListener and host Object | 05:35 |
25 | Understanding @HostBinding | 03:34 |
26 | Using the exportAs property with template refs | 05:21 |
27 | Creating a custom structural Directive | 12:11 |
28 | Creating a custom pipe | 05:27 |
29 | Pipes as providers | 04:01 |
30 | Reactive Forms setup | 06:00 |
31 | FormControls and FormGroups | 08:18 |
32 | Componentizing FormGroups | 13:14 |
33 | Binding FormControls to select | 08:46 |
34 | FormGroup collections with FormArray | 12:18 |
35 | Adding items to the FormArray | 06:39 |
36 | Removing items from the FormArray | 07:09 |
37 | FormBuilder API | 04:12 |
38 | Http service and joining Observables | 23:22 |
39 | Subscribing to the valueChanges Observable | 07:30 |
40 | Updating and resetting FormGroups and FormControls | 05:08 |
41 | Custom form control base | 08:37 |
42 | Implementing a ControlValueAccessor | 14:02 |
43 | Adding keyboard events to our control | 08:18 |
44 | Validators object for FormControls | 06:45 |
45 | FormControl (custom) validators | 09:41 |
46 | FormGroup (custom) validators | 09:50 |
47 | Async (custom) validators | 12:07 |
48 | Enabling route tracing | 01:31 |
49 | Subscribing to router events | 06:10 |
50 | Router outlet events | 03:09 |
51 | Dynamic route resolves with snapshots | 19:54 |
52 | Auxiliary named router outlets | 05:13 |
53 | Navigating to auxiliary named outlets | 04:31 |
54 | Auxiliary Navigation API | 04:08 |
55 | Destroying auxiliary outlets | 04:14 |
56 | Resolving data for auxiliary outlets | 10:59 |
57 | Lazy-loading modules | 10:00 |
58 | Preloading lazy-loaded modules | 03:02 |
59 | Custom preloading strategies | 07:16 |
60 | Protecting lazy-loaded modules with canLoad | 09:26 |
61 | Guards with canActivate | 05:24 |
62 | Guards with canActivateChild | 03:04 |
63 | Guards with canDeactivate | 10:26 |
64 | Karma setup and walkthrough | 02:59 |
65 | Testing isolate Pipes | 05:44 |
66 | Shallow testing Pipes | 14:32 |
67 | Testing Services with dependencies | 12:25 |
68 | Testing Component methods | 05:55 |
69 | Testing @Input and @Output bindings | 04:48 |
70 | Testing Component templates | 10:10 |
71 | Testing container Components with async providers | 13:49 |
72 | Using NO_ERRORS_SCHEMA | 02:10 |
73 | Testing an Attribute Directive | 06:36 |
74 | Providers and useValue | 06:13 |
75 | Using InjectionToken | 04:02 |
76 | Providers and useClass | 02:49 |
77 | Providers and useFactory | 05:42 |
78 | Providers and useExisting | 04:12 |
79 | Configurable NgModules | 06:28 |
80 | Zones and NgZone | 06:27 |
81 | State Management architecture overview | 07:02 |
82 | Creating an Observable Store with Rx | 16:45 |
83 | Container components setup | 06:17 |
84 | Populating the Store and component subscription | 13:40 |
85 | Composing new Observable streams from our Store | 04:25 |
86 | Integrating a stateless component | 08:47 |
87 | Component outputs back to Service | 07:27 |
88 | Updating our Store in a Service | 07:01 |
89 | Project setup, walkthrough, install | 13:50 |
90 | Firebase CLI and initial AoT deploy | 11:11 |
91 | AuthModule and child module setup | 10:01 |
92 | Login/Register reactive form components | 21:24 |
93 | AuthService and AngularFire integration | 22:00 |
94 | Reactive Store and AngularFire Observables | 13:13 |
95 | Stateless components and logout functionality | 16:25 |
96 | HealthModule setup and lazy loading | 13:59 |
97 | Implementing AuthGuards for lazy routes | 08:07 |
98 | Data layer, initiate Observable streams | 20:14 |
99 | Async Pipe "as" syntax and routing | 09:37 |
100 | Component architecture and Reactive Forms | 25:38 |
101 | Rendering streams into Stateless components | 10:05 |
102 | Stateless components and removing items | 11:17 |
103 | Route Params and Observable switchMaps | 11:06 |
104 | Reactive Form outputs and async / await | 21:38 |
105 | Workout module transition | 19:44 |
106 | Custom FormControl with ControlValueAccessor | 13:21 |
107 | Reactive Form conditionals | 09:43 |
108 | Custom Workout / Meal Pipes | 10:48 |
109 | Schedule Calendar, Observables, BehaviorSubject | 16:36 |
110 | Schedule controls and Date logic | 12:52 |
111 | Calendar date toggling | 09:19 |
112 | Rendering schedule sections from Observables | 28:56 |
113 | Emitting from Stateless components | 07:54 |
114 | Schedule assignment and Store | 22:41 |
115 | Hooking schedules into Firebase | 10:49 |
116 | Project review and deployment | 05:57 |
Similar courses to Angular Pro
Full Stack: Angular and Spring Bootudemy
Duration 25 hours 49 minutes 54 seconds
Course
Advanced Angular FormsDmytro Mezhenskyi (decodedfrontend.io)
Duration 13 hours 38 minutes 40 seconds
Course
PROFESSIONAL Full Stack Developeramigoscode (Nelson Djalo)
Duration 54 hours 23 minutes 35 seconds
Course
Build an app with ASPNET Core and Angular from scratchudemy
Duration 29 hours 51 minutes 36 seconds
Course
React, Angular, Node In-Depth Guide: Beginner to Proudemy
Duration 80 hours 1 minute 57 seconds
Course
Angular - The Complete GuideAcademind Pro
Duration 26 hours 25 minutes 26 seconds
Course
Angular - The Complete Guide (2023 Edition)udemy
Duration 34 hours 58 minutes 7 seconds
Course
Complete Angular Developer in 2023 Zero to Masteryzerotomastery.io
Duration 27 hours 28 minutes 36 seconds
Course
Create a Personal Portfolio using Angular 2 & Behancecoursetro
Duration 2 hours 8 minutes 10 seconds
Course