Angular Pro

16h 41m 46s
English
Paid

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 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

Desktop apps with Angular, Firestore and Electron

Desktop apps with Angular, Firestore and Electronudemy

Category: Angular, Electron, Firebase
Duration 11 hours 28 minutes 39 seconds
PROFESSIONAL Full Stack Developer

PROFESSIONAL Full Stack Developeramigoscode (Nelson Djalo)

Category: Angular
Duration 54 hours 23 minutes 35 seconds
Build an app with ASPNET Core and Angular from scratch

Build an app with ASPNET Core and Angular from scratchudemy

Category: Angular, Other (Backend)
Duration 29 hours 51 minutes 36 seconds
Angular NgRx: Getting Started

Angular NgRx: Getting Startedpluralsight

Category: Angular
Duration 4 hours 5 minutes 32 seconds
Accelerating Through Angular 2

Accelerating Through Angular 2codeschool

Category: Angular
Duration 1 hour 4 minutes 35 seconds
React, Angular, Node In-Depth Guide: Beginner to Pro

React, Angular, Node In-Depth Guide: Beginner to Proudemy

Category: Angular, React.js, Node.js
Duration 80 hours 1 minute 57 seconds
Advanced Angular Forms

Advanced Angular FormsDmytro Mezhenskyi (decodedfrontend.io)

Category: Angular
Duration 13 hours 38 minutes 40 seconds
Conscious Angular Testing

Conscious Angular TestingDmytro Mezhenskyi (decodedfrontend.io)

Category: Angular
Duration 10 hours 37 minutes 7 seconds