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)
Angular - The Complete GuideAcademind Pro
Duration 26 hours 25 minutes 26 seconds
Course
Build an app with ASPNET Core and Angular from scratchudemy
Duration 29 hours 51 minutes 36 seconds
Course
Accelerating Through Angular 2codeschool
Duration 1 hour 4 minutes 35 seconds
Course
The Modern Angular Bootcamp [2020]udemyStephen Grider
Duration 45 hours 23 minutes 12 seconds
Course
Angular Architecture. How to Build Scalable Web Applicationsudemy
Duration 7 hours 34 minutes 45 seconds
Course
Building Your First App with Spring Boot and Angularpluralsight
Duration 2 hours 22 minutes 15 seconds
Course
Complete Angular Developer in 2023 Zero to Masteryzerotomastery.io
Duration 27 hours 28 minutes 36 seconds
Course
Angular 2 Fundamentalsultimatecourses.com
Duration 5 hours 6 minutes 53 seconds
Course
Create a Personal Portfolio using Angular 2 & Behancecoursetro
Duration 2 hours 8 minutes 10 seconds
Course