Angular Pro
16h 41m 46s
English
Paid
Course description
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.
Read more about the course
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
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 |
Comments
0 commentsSimilar courses

Demystifying Reactivity with Angular Signals
Sources: fullstack.io
Welcome to an insightful journey into building modern Angular applications with signals. This article aims to shed light on the relatively untapped potential of signals in Angul...
1 hour 44 minutes 15 seconds

Complete Angular 2 JS
Sources: udemy
This Angular 2 video course is probably the most complete on the Internet to date and this means that it is time to seriously start studying the second Angular.
18 hours 50 minutes 51 seconds

Angular Architecture. How to Build Scalable Web Applications
Sources: udemy
The main goal of the course is to learn how to make scalable applications that will be easy to maintain, and on which you can conveniently work as a team. You will see that a co...
7 hours 34 minutes 45 seconds

React, Angular, Node In-Depth Guide: Beginner to Pro
Sources: udemy
If you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you. Get all you need to start web dev...
80 hours 1 minute 57 seconds
Want to join the conversation?
Sign in to comment