Angular — Complete Roadmap

> Markdown-only learning hub covering Angular fundamentals through enterprise architecture, Ionic mobile, best practices, and the Angular ecosystem.

Module Overview

#	Folder	Topic
01	`01-Angular-Fundamentals`	Angular CLI, project structure, modules, standalone components
02	`02-Components-Templates`	Components, templates, data binding, lifecycle hooks
03	`03-Directives-Pipes`	Built-in/custom directives, built-in/custom pipes
04	`04-Dependency-Injection`	DI system, providers, injection tokens, hierarchical injectors
05	`05-Services-HTTP`	Services, HttpClient, interceptors, error handling
06	`06-Routing-Navigation`	Router, lazy loading, guards, resolvers, nested routes
07	`07-Reactive-Forms`	Reactive forms, validators, dynamic forms, form arrays
08	`08-Template-Driven-Forms`	Template-driven forms, ngModel, validation, comparison with reactive
09	`09-RxJS-Observables`	RxJS core, operators, subjects, patterns, error handling
10	`10-State-Management`	Component state, services, NgRx, SignalStore, Signals
11	`11-Signals-Reactivity`	Signals, computed, effects, signal-based components, migration
12	`12-Change-Detection`	Zone.js, OnPush, signals, zoneless, performance
13	`13-Content-Projection`	ng-content, ng-template, ng-container, ngTemplateOutlet
14	`14-Angular-Material-CDK`	Material components, theming, CDK utilities
15	`15-Performance-Optimization`	Lazy loading, tree shaking, bundle analysis, SSR, hydration
16	`16-Testing`	Unit tests (Jasmine/Jest), component testing, E2E (Cypress/Playwright)
17	`17-Architecture-Patterns`	Enterprise architecture, feature modules, monorepo (Nx), DDD
18	`18-Authentication-Security`	Auth guards, JWT, OAuth/OIDC, CSP, XSS/CSRF prevention
19	`19-Internationalization`	i18n, @angular/localize, ngx-translate, RTL support
20	`20-Angular-Libraries`	Popular ecosystem libraries, when to use each
21	`21-Ionic-Mobile`	Ionic + Angular, Capacitor, native plugins, mobile patterns
22	`22-SSR-SSG`	Angular Universal, SSR, SSG, hydration, SEO
23	`23-Good-Bad-Practices`	Do's and don'ts, anti-patterns, code review checklist
24	`24-Deployment-CI-CD`	Build configs, environments, Docker, CI/CD pipelines
25	`25-Migration-Updates`	Angular version migration, update guide, deprecations

Prerequisites

TypeScript (see ../TypeScript/)
HTML/CSS fundamentals
RxJS basics (covered in topic 09)
Node.js + npm

How to Use

Each folder contains a README.md with:

Concept explanation with diagrams / tables
Code snippets with inline comments
Good vs bad practice comparisons
Key takeaways

Recommended Learning Order

Fundamentals (01-04)
  → Services & HTTP (05)
  → Routing (06)
  → Forms (07-08)
  → RxJS & State (09-11)
  → Change Detection & Templates (12-13)
  → UI Libraries (14)
  → Performance & Testing (15-16)
  → Architecture & Security (17-18)
  → i18n & Libraries (19-20)
  → Mobile & SSR (21-22)
  → Best Practices & DevOps (23-25)

Angular Version

This roadmap targets Angular 17+ (standalone by default, signals, new control flow, esbuild).

01 — Angular Fundamentals