Roadmap › 4. Frontend › Step 48
Ng
Angular (2 → 21)
Angular CLI, standalone components, templates and new control flow, data binding, directives and pipes, signals, services and DI, routing and guards, forms, HttpClient and interceptors, RxJS, change detection and zoneless, lifecycle hooks, state management, testing and performance.
Interview priority:★ Must know High priority — asked in almost every interview, learn firstMedium asked regularlyLow good to know
Module 1: Getting Started
- 1.Angular CLI and project structureBasic ★ Must know
- 2.Components, templates and data bindingBasic ★ Must know
- 3.Built-in control flow, directives and pipesBasic ★ Must know
- 4.Angular workspace folder structure explained — with sample filesBasic ★ Must know
- 5.Connecting Angular to SQL Server (through an ASP.NET Core API)Intermediate ★ Must know
Module 2: Services, DI and HTTP
- 6.Services and dependency injectionIntermediate ★ Must know
- 7.HttpClient, interceptors and error handlingIntermediate ★ Must know
- 8.RxJS essentialsIntermediate ★ Must know
Module 3: Signals, Change Detection and State
- 9.SignalsIntermediate ★ Must know
- 10.Change detection: Default vs OnPush, zone.js vs zonelessAdvanced ★ Must know
- 11.Component communication and content projectionIntermediate Medium
- 12.State management: services with signals, NgRxAdvanced Medium
Module 4: Routing and Forms
- 13.Routing, lazy loading, guards and resolversIntermediate ★ Must know
- 14.Template-driven vs reactive formsIntermediate ★ Must know
Module 5: Quality and Performance
- 15.Testing Angular appsIntermediate Medium
- 16.Performance optimisationAdvanced ★ Must know
Next course in the roadmap: 49. React (with Hooks, React 19 & Next.js basics) →