Angular Course for Beginners

By freeCodeCamp.org
Published: Sep 07, 2022

“
Learn Angular in this complete course for beginners. First, you will learn the basics of Typescript and then you will learn about important Angular concepts such as binding, dependency injection, forms, routing, and more.

Santosh Yadav created this course.
Check out his channel: https://www.youtube.com/c/TechTalksWi…
https://twitter.com/SantoshYadavDev
https://github.com/sponsors/santoshya…

Course Contents
• Introduction
  • (0:00:00) 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
  •  

[READ MORE]

”