Angular Basics (v15)

8h 58m 31s
English
Paid
May 18, 2023

Modern Angular best-practices and patterns from years of evolution. Scalable architecture, immutable data structures, state services and brand new Standalone Components. Build an app start-to-finish whilst fast-tracking your Angular skills.

Watch Online Angular Basics (v15)

Join premium to watch
Go to premium
# Title Duration
1 The Missing Introduction to Angular 12:53
2 Component Architecture, State and One-Way Data Flow 14:02
3 Project Setup and Walkthrough 06:26
4 Understand Angular Bootstrapping 07:13
5 Interpolation and Expressions 07:00
6 Property Binding Syntax 07:38
7 Event Binding Syntax 11:22
8 Template Ref Variables 05:18
9 Create a Child Feature Module 06:55
10 Create a Smart Container Component 05:13
11 Use the NgOnInit Lifecycle Hook 08:29
12 Type Definitions with Interfaces 06:01
13 Create and Render a Dumb Component 06:19
14 Pass State to Dumb Components via @Input 06:34
15 Scoped Styles in Components 11:00
16 Style a Host Element 04:53
17 View Encapsulation: Shadow DOM and Emulated 05:29
18 Set Inline Styles with Style Bindings 06:30
19 Complex Inline Styles with NgStyle 06:20
20 Set Classes with Class Bindings 04:56
21 Complex Classes with NgClass 05:17
22 Use a Pipe to Format Currency 05:01
23 Use NgIf for Conditional Rendering 05:30
24 Use <ng-container> for Virtual Elements 02:38
25 Use the NgIf, Else and Then Syntax 04:34
26 NgIf Syntax with <ng-template> 05:45
27 NgFor and Iterating Collections 05:19
28 Improve NgFor Performance with TrackBy 04:38
29 Access NgFor Index, Odd and Even Variables 04:37
30 Advanced NgFor Syntax with <ng-template> 04:47
31 Use NgSwitch for Case Rendering 08:37
32 Advanced NgSwitch Syntax with <ng-template> 03:36
33 Create a Form Container and Dumb Component 07:36
34 Use NgForm with a Template Ref Variable 03:44
35 <input> Binding with NgModel 05:03
36 Radio Button Binding with NgModel 07:54
37 <select> and <option> Rendering and Binding 07:16
38 Textarea Binding with NgModel 01:35
39 Add Validation Constraints and Form Status 05:48
40 NgModel Template Refs and Validation States 07:12
41 Show Error Messages on Validation Change 07:39
42 Style Invalid Input Fields Globally 04:31
43 Form Submit with NgSubmit 06:57
44 Disable Submit and Safety Check Submissions 02:32
45 Trigger Validation Messages On Submit 07:46
46 Control NgModel Writes with ngModelOptions 04:08
47 Trigger a Form State and Validation Reset 03:55
48 Show Visual Feedback on Form Submission 03:01
49 Emit Form Payload to Smart Container via @Output 08:08
50 One-Way Data Binding to NgModel 10:37
51 Create an @Injectable Service 03:58
52 Share State in Components via Services 07:40
53 Class Methods as State Selectors 05:41
54 Immutable State Creation 07:17
55 Immutable State Updates 12:02
56 Immutable State Deletions 05:13
57 Configure and Proxy a Local HTTP Server 04:58
58 Read Data with HttpClient GET 09:46
59 Store State with Observable Pipes 10:38
60 Branch off an Observable to Access State 07:38
61 Create Data with HttpClient POST 07:19
62 Update Data with HttpClient PUT 09:14
63 Delete Data with HttpClient DELETE 05:40
64 Error Handling with catchError() and throwError() 11:11
65 Retry Failed Requests with retry() 02:47
66 Use retryWhen() to Delay Retries 04:58
67 Set HttpHeaders and RequestOptions 07:36
68 Root Module Routes with forRoot() 08:40
69 Create Nested Child Routes 02:59
70 Redirect Routes to New Paths 04:03
71 Handle 404 Not Found Routes with Wildcards 02:41
72 Lazy-Loading Feature Modules 07:49
73 Declarative Navigation with routerLink Directives 06:15
74 Dynamic Route Params and ActivatedRoute 06:48
75 Pass Custom Data to Routed Components 08:15
76 Programmatic Navigation with Router.navigate() 05:21
77 The Idea Behind Standalone Angular 07:20
78 Bootstrap a Standalone Component instead of NgModule 05:36
79 Providing a Route Config via importProvidersFrom 05:59
80 Import NgModules into Standalone Components 03:50
81 Lazy-Load Component-Less Route Configs 04:33
82 Providing Standalone Directives, Components and Pipes 10:15
83 Code Split and Lazy-Load at the Component Level 04:34
84 Scoped or Component-Level Providers and “providedIn” 03:45

Similar courses to Angular Basics (v15)

NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)

NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)

Duration 6 hours 11 minutes 19 seconds
Angular NgRx: Getting Started

Angular NgRx: Getting Started

Duration 4 hours 5 minutes 32 seconds
Reactive Angular Course (with RxJs)

Reactive Angular Course (with RxJs)

Duration 5 hours 33 minutes 49 seconds
Complete Angular Developer in 2025 Zero to Mastery

Complete Angular Developer in 2025 Zero to Mastery

Duration 52 hours 28 minutes 39 seconds
Angular 9 Firebase Project Course

Angular 9 Firebase Project Course

Duration 2 hours 46 minutes 56 seconds
Learn to build professional-grade Angular Applications | Angular Start
Angular Interview Hacking

Angular Interview Hacking

Duration 5 hours 23 minutes 20 seconds
React, Angular, Node In-Depth Guide: Beginner to Pro

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

Duration 80 hours 1 minute 57 seconds