| S.No |
Topic |
Sub-Topics |
| 1 | Introduction to Angular | What is Angular, Features, Advantages, Angular vs AngularJS, Use cases |
| 2 | Angular Architecture | Modules, Components, Templates, Services, Dependency Injection, Directives |
| 3 | Setting up Angular | Node.js installation, Angular CLI, Creating new project, Project structure, Running app |
| 4 | TypeScript Basics | Variables, Types, Functions, Classes, Interfaces, Decorators |
| 5 | Components | Creating component, Component decorator, Template, Styles, Lifecycle hooks |
| 6 | Templates & Data Binding | Interpolation, Property binding, Event binding, Two-way binding, Template reference variables |
| 7 | Directives | Structural directives, Attribute directives, ngIf, ngFor, Custom directives |
| 8 | Pipes | Built-in pipes, Custom pipes, Chaining pipes, Async pipe, Date and number formatting |
| 9 | Services & Dependency Injection | Creating service, Injectable decorator, Singleton service, Using service in component, Hierarchical injection |
| 10 | Routing & Navigation | RouterModule, Routes configuration, RouterLink, Route parameters, Lazy loading |
| 11 | Forms in Angular | Template-driven forms, Reactive forms, FormControl, FormGroup, Validators |
| 12 | HTTP Client | HttpClientModule, GET request, POST request, Handling errors, Interceptors |
| 13 | Observables & RxJS | Observable creation, Subscribing, Operators, Subjects, Async data handling |
| 14 | Routing Guards | CanActivate, CanDeactivate, CanLoad, AuthGuard example, Route protection |
| 15 | Angular Modules | NgModule, Feature modules, Shared modules, Core module, Lazy-loaded modules |
| 16 | Angular CLI Commands | ng generate, ng serve, ng build, ng test, ng lint |
| 17 | Angular Animations | Trigger, State, Transition, Animate, Keyframes |
| 18 | Angular Material | Installing Angular Material, Material components, Theming, Buttons & icons, Responsive layout |
| 19 | Unit Testing | Karma, Jasmine, TestBed, Component testing, Service testing |
| 20 | End-to-End Testing | Protractor, Cypress, Writing e2e tests, Running tests, Best practices |
| 21 | Change Detection | Zones, Default strategy, OnPush strategy, DetectChanges, MarkForCheck |
| 22 | Angular Lifecycle Hooks | ngOnInit, ngOnChanges, ngDoCheck, ngAfterViewInit, ngOnDestroy |
| 23 | Angular Security | Sanitization, XSS prevention, Content Security Policy, Authentication, Authorization |
| 24 | State Management | Services for state, RxJS BehaviorSubject, NgRx overview, Actions & Reducers, Store usage |
| 25 | Lazy Loading & Preloading | Lazy-loaded modules, PreloadAllModules, Route configuration, Performance benefits, Example setup |
| 26 | Angular Interceptors | HttpInterceptor, Logging requests, Adding headers, Error handling, Token authentication |
| 27 | Custom Structural & Attribute Directives | Creating directive, HostListener, HostBinding, Manipulating DOM, Examples |
| 28 | Angular Internationalization (i18n) | i18n setup, Translating text, Dynamic locale, Date & number formatting, Building for multiple languages |
| 29 | Performance Optimization | ChangeDetectionStrategy, Lazy loading, TrackBy in ngFor, OnPush strategy, Ahead-of-Time compilation |
| 30 | Hands-on Project | Create Angular app, Use routing, Forms & HTTP, Services & DI, Deploy and optimize |
