📍 Module 1: Introduction to Angular

• What is Angular?

• Angular vs. React vs. Vue

• Setting up the Angular Development Environment

• Angular CLI & Project Structure

• Understanding Modules, Components, Templates

📍 Module 2: TypeScript Essentials for Angular

• Introduction to TypeScript

• Data Types, Interfaces, Classes, Enums

• Arrow Functions, Generics

• Access Modifiers and OOP Concepts

📍 Module 3: Components & Data Binding

• Creating Components with CLI

• Component Decorators & Metadata

• String Interpolation

• Property & Event Binding

• Two-Way Binding with ngModel

• Component Communication (Input/Output)

📍 Module 4: Directives & Pipes

• Structural Directives: *ngIf, *ngFor

• Attribute Directives: ngClass, ngStyle

• Custom Directives

• Built-in Pipes & Custom Pipes

📍 Module 5: Services & Dependency Injection

• Creating and Using Services

• Angular’s Dependency Injection System

• Observable & Subject

• Sharing Data Using Services

📍 Module 6: Angular Routing & Navigation

• Routing Setup and Configuration

• Route Parameters & Query Params

• Child Routes & Lazy Loading Modules

• Route Guards (AuthGuard)

• Navigation Lifecycle Events

📍 Module 7: Forms in Angular

• Template-Driven Forms

• Reactive Forms (FormGroup, FormControl)

• Form Validation (Built-in & Custom Validators)

• Dynamic Forms & Form Arrays

📍 Module 8: HTTP & API Integration

• HttpClient Module

• GET, POST, PUT, DELETE Requests

• Handling Errors & Observables

• Connecting with a Mock/Real Backend (JSON Server / REST API)

📍 Module 9: State Management

• Introduction to State Management

• Using Services for State Sharing

• Basics of NgRx (Optional for Advanced Learners)

• Local Storage & Session Storage Use

📍 Module 10: Angular Material (UI Components)

• Installing Angular Material

• Using Prebuilt UI Components (Toolbar, Cards, Dialogs, Forms)

• Theming & Customization

• Building Responsive Layouts with Flex Layout

📍 Module 11: Build & Deployment

• Production Build with Angular CLI

• Environment Configuration

• Deployment to Netlify / Firebase / GitHub Pages / Vercel

• SEO Basics for Angular SPA

📍 Module 12: Real-Time Projects

• Portfolio Website

• Employee Management System

• CRUD Application with REST API

• Login/Signup Authentication Module