Angular for Beginners Course [Full Front End Tutorial with TypeScript]

Course Contents

Introduction
(0:00:23) Introduction to Angular
(0:09:56) Introduction to Typescript
(0:28:57) SPA and Local Setup

Typescript
(0:42:09) Typescript Data Types and Functions
(1:25:56) Classes and Interface
(2:11:10) Typescript decorators and tsconfig file

Angular Installation and Basics
(2:20:24) Angular Installation and Binding Syntax
(3:25:04) Built-in Directives
(4:07:36) Built-in Pipes
(4:30:10) Adding Bootstrap CSS to App

Lifecycle Hook and Component Communication
(4:44:53) ngOnInt and Component Communication using Input and Output
(5:09:32) Change Detection and ngOnChanges
(5:36:51) ngDoCheck
(5:42:01) ViewChild, ViewChildren and AfterViewInit
(6:22:41) Content Projection, AfterContentInit and OnDestroy

Dependency Injection
(6:44:55) Introduction
(7:09:34) Resolution Modifiers
(7:24:06) Value Providers

HttpClient and RxJs
(7:41:04) Setting Up HttpClientModule
(7:44:07) HttpService , RxJs observables and http get
(8:01:28) RxJs Observable and Observer
(8:11:59) Http Put and Delete
(8:27:10) Http Request
(8:40:55) ShareReplay RxJs Operators
(8:47:17) Async Pipe
(8:57:15) catchError operator
(9:05:29) map operator
(9:09:06) Http Interceptor
(9:29:11) APP_INITIALIZER

Routing Basics
(9:35:06) Angular Router and default Route
(9:51:01) Adding Angular material and navigation
(10:00:35) Wild card, dynamic route and ActivatedRoute service
(10:23:19) ParamMap and Activate Route Service

Template Driven Forms
(10:25:45) Introduction
(10:50:20) Validation
(11:09:26) Pristine, Dirty State and Reset Form
(11:19:08) Custom Directives and Custom Validation

Advanced Routing
(11:49:33) Navigation using Router Service
(11:52:34) Feature and Routing Module
(12:10:57) Nested and Child Route
(12:19:41) Lazy Loading
(12:35:49) Configure Lazy Loading using CLI
(12:42:46) Using ProvidedIn Any
(12:59:15) Router Events
(13:06:00) Listening to Router Events

Route Guards
(13:08:49) CanActivate
(13:21:24) CanActivateChild
(13:26:53) CanLoad

Reactive Forms
(13:30:44) Introduction
(13:41:33) Using Material Controls
(13:59:54) Nested Form Controls
(14:17:38) Dynamic Forms
(14:45:09) Built-in Validators
(14:51:50) Reset Form
(14:55:15) Control Level Validation
(15:05:22) SetValue and PatchValue
(15:09:23) ValueChanges and UpdateOn
(15:17:40) map operator with Form
(15:29:55) Custom Validator

CanDeactivate Guard
(15:57:10) CanDeactivate Guard and Form
Custom Pipe
(16:15:04) Custom Pipe

Resolve Guard
(16:25:39) Resolve Guard

Global Error Handling
(16:45:46) Error Handling

Testing Basics
(16:50:08) Introduction
(16:56:59) First test
(17:01:43) Testing Component and Service

Deployment and CI/CD
(17:15:44) Using Netlify for Deployment
(17:28:06) GitHub Actions to Automate Tasks