Angular — MEAN Stack Roadmap
Building single-page applications with Google's TypeScript framework
Steps in Angular
- Angular Fundamentals & CLI — intermediate · Angular architecture, the Angular CLI, project structure and bootstrapping an app
- Components & Templates — intermediate · Creating components, component decorators, templates and component lifecycle hooks
- Data Binding — intermediate · Interpolation, property binding, event binding and two-way binding with ngModel
- Directives — intermediate · Structural directives (*ngIf, *ngFor) and attribute directives, including custom directives
- Pipes — intermediate · Built-in pipes and writing custom pipes to transform display data
- Services & Dependency Injection — intermediate · Creating injectable services and Angular's hierarchical dependency injection system
- Angular Modules (NgModules) — intermediate · Organizing an app into feature modules, shared modules and lazy-loaded modules
- RxJS & Observables — intermediate · Observables, operators (map, filter, switchMap) and reactive patterns used throughout Angular
- HttpClient & Consuming APIs — intermediate · Making HTTP requests, interceptors and handling API responses as observables
- Routing & Navigation — intermediate · RouterModule, route parameters, child routes, route guards and lazy loading
- Template-Driven Forms — intermediate · Building forms with ngModel and template-driven validation
- Reactive Forms — intermediate · FormGroup, FormControl, FormBuilder and validators for complex forms
- Component Styling & View Encapsulation — intermediate · Component-scoped styles, view encapsulation modes and using Angular Material
- State Management (NgRx / Signals) — advanced · Managing complex application state with NgRx or Angular's newer Signals API
- Change Detection & Performance — advanced · OnPush change detection, trackBy and avoiding unnecessary re-renders
- Angular Material & UI Libraries — intermediate · Using Angular Material components to speed up UI development
- Mini Project: Multi-Page Angular App — advanced · Build a multi-page Angular app consuming a public API with routing, forms and services
Part of
- MEAN Stack roadmap — the full learning path