Total Classes=7 , 2 Hour per Class

Day 1 – Introduction & Setup

• What is Angular & why use it?
• Angular 18 features and updates
• Installing Node.js, Angular CLI
• Creating your first Angular project
• Project structure & Angular architecture overview

Day 2 – TypeScript & Core Building Blocks

• TypeScript essentials (classes, interfaces, decorators)
• Components, templates, and styles
• Data binding (interpolation, property, event, two-way binding)
• Lifecycle hooks

Day 3 – Directives & Pipes

• Built-in structural directives (*ngIf, *ngFor, *ngSwitch)
• Attribute directives (ngClass, ngStyle)
• Creating custom directives
• Using built-in pipes (date, currency, async)
• Creating custom pipes

Day 4 – Services, Dependency Injection & Routing

• Creating and using services
• Dependency injection basics
• Angular Routing and Navigation
• Route parameters & query params
• Route guards & lazy loading

Day 5 – Forms & HTTP Client

• Template-driven forms
• Reactive forms (FormGroup, FormControl, Validators)
• HttpClient for REST API integration
• GET, POST, PUT, DELETE requests
• HTTP interceptors & error handling

Day 6 – RxJS & State Management

• Observables and Promises
• Common RxJS operators (map, filter, switchMap, mergeMap, debounceTime)
• Async pipe
• Introduction to NgRx Store, Actions, Reducers, Effects
• Simple state management example

Day 7 – Advanced Topics & Deployment

• Angular 18 new features (Signals, improved hydration, etc.)
• Performance optimization (OnPush strategy, trackBy, lazy loading modules)
• Unit testing basics with Jasmine & Karma
• End-to-end testing with Protractor / Cypress
• Environment configuration & deployment (build, host on Firebase/Netlify/AWS)
• Best practices & coding standards