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)
Learn to build an e-commerce app with .Net Core and Angular
Duration 36 hours 40 minutes 51 seconds
Course
100 Angular Challenge
Duration 12 hours 23 minutes 17 seconds
Course
Complete Angular Developer in 2023 Zero to Mastery
Duration 27 hours 28 minutes 36 seconds
Course
Angular Architecture. How to Build Scalable Web Applications
Duration 7 hours 34 minutes 45 seconds
Course
Desktop apps with Angular, Firestore and Electron
Duration 11 hours 28 minutes 39 seconds
Course
NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)
Duration 6 hours 11 minutes 19 seconds
Course
Building Your First App with Spring Boot and Angular
Duration 2 hours 22 minutes 15 seconds
Course
Angular Interview Hacking
Duration 5 hours 23 minutes 20 seconds
Course
Reactive Angular Course (with RxJs)
Duration 5 hours 33 minutes 49 seconds
Course
Angular 9 Firebase Project Course
Duration 2 hours 46 minutes 56 seconds
Course