Angular

Module 1: Introduction to Angular

• What is Angular and why it’s used

• Angular vs React vs Vue

• Overview of Angular architecture (Modules, Components, Templates, Services, Dependency Injection)

• Setting up the development environment (Node.js, npm, Angular CLI, VS Code)

• Creating your first Angular app

Module 2: TypeScript Fundamentals

• Introduction to TypeScript and its advantages

• Variables, data types, interfaces, and classes

• Modules and decorators

• Working with arrow functions and promises

• Hands-on: Converting simple JS code to TypeScript

Module 3: Components and Templates

• Creating and using components

• Component lifecycle hooks (ngOnInit, ngOnDestroy, etc.)

• Template syntax: interpolation, property binding, event binding, and two-way binding

• ViewEncapsulation and component communication (@Input, @Output)

• Hands-on: Building reusable components

Module 4: Directives and Pipes

• Built-in directives (ngIf, ngFor, ngSwitch, ngClass, ngStyle)

• Creating custom directives

• Built-in pipes (date, uppercase, currency, etc.)

• Creating custom pipes

• Hands-on: Custom structural directive and pipe

Module 5: Services and Dependency Injection

• What are services in Angular

• Creating and injecting services

• Hierarchical injectors

• Singleton pattern and service scope

• Hands-on: Service for shared data and business logic

Module 6: Routing and Navigation

• Setting up routing in Angular

• Route parameters and query parameters

• Child routes and nested routes

• Route guards (CanActivate, CanDeactivate, Resolve)

• Lazy loading modules

• Hands-on: Multi-page app with routing

Module 7: Forms in Angular

• Template-driven forms

• Reactive forms (FormGroup, FormControl, FormBuilder)

• Validation (built-in and custom)

• Handling form submissions

• Hands-on: User registration and login forms

Module 8: HTTP Client and APIs

• Using Angular HttpClient module

• GET, POST, PUT, DELETE requests

• Handling responses and errors

• Interceptors for authentication and logging

• Hands-on: Consuming a RESTful API

Module 9: State Management and RxJS

• Introduction to RxJS and Observables

• Subjects and BehaviorSubjects

• Async pipe and reactive programming

• Simple state management patterns

• Introduction to NgRx (optional advanced topic)