Angular 19 Complete Guide with real time project

SECTION 1: Angular Basics

What is Angular? Why Angular over others?

Angular vs React vs Vue (Comparison)

Angular CLI Setup (npm, ng)

Folder Structure Explanation

Angular Modules (NgModules)

Components (Basics)

Data Binding (Interpolation, Property, Event, Two-way)

Directives

Structural: *ngIf, *ngFor, *ngSwitch

Attribute: ngClass, ngStyle, Custom Directive

Pipes and Custom Pipes

Lifecycle Hooks

SECTION 2: TypeScript Essentials

TypeScript Introduction

Types, Interfaces, Classes

Access Modifiers

Arrow Functions, Optional Parameters

Generics in Angular

SECTION 3: Forms in Angular

Template-Driven Forms

Reactive Forms (FormGroup, FormControl)

Form Validation (Sync + Async)

Custom Validators

FormArray & Nested Forms

File Upload with FormData

SECTION 4: HTTP Client & Services

Angular Service & Dependency Injection

HttpClientModule Setup

GET, POST, PUT, DELETE using HttpClient

Observables and RxJS (map, filter, switchMap)

Interceptors (JWT, Logging, Error Handling)

Global Error Handler

SECTION 5: Routing & Navigation

RouterModule and Routes

Route Parameters

Child Routes

Lazy Loading Modules

Route Guards (CanActivate, CanDeactivate)

Preloading Strategy

Wildcard and Redirect Routes

SECTION 6: Component Communication

@Input and @Output

EventEmitter

ViewChild and ContentChild

Shared Service for communication

SECTION 7: Authentication & Authorization

Login/Signup Forms

JWT Token-based Auth

AuthGuard for route protection

Role-based access control

Saving token in LocalStorage

Refresh Token mechanism

SECTION 8: Advanced Angular

Custom Libraries in Angular

Angular Standalone Components

Control Flow Syntax (@if, @for, etc)

Signals in Angular

Change Detection Strategies

Zone.js & NgZone