Frontend line

Angular

Components, services, RxJS, dependency injection

7 sections

Start: Fundamentals

Foundational 1

  1. FundamentalsCore Angular concepts for building applications with standalone components., not read

Mid-level 5

  1. Components ModulesAngular's component and module model: the nine lifecycle hooks, parent/child communication via @Input/@Output, ViewChild/ContentChild queries, standalone components, NgModule structure (declarations/imports/exports), feature and shared…, not read
  2. Core ConceptsFocus on standalone components, strong typing, and predictable data flow. Build on TypeScript fundamentals before applying these patterns., not read
  3. PerformanceAngular performance centers on taming change detection: OnPush with immutable inputs, trackBy on ngFor, signals for fine-grained local state, and keeping logic out of templates. It also covers lazy loading, bundle and tree-shaking…, not read
  4. Rxjs ObservablesRxJS Observables model values that arrive over time — HTTP responses, user input, timers — and let you compose them with operators (map, filter, debounceTime, switchMap, catchError) instead of nested callbacks. Mastery is mostly knowing…, not read
  5. Services DiAngular services are @Injectable singletons (when providedIn: 'root') that hold the logic, state, and HTTP calls components shouldn't own. Angular's hierarchical DI container wires them in via constructor parameters, which is what makes…, not read

Senior 1

  1. AngularInterviewNotesA broad single-file Angular interview crib sheet covering everything an Angular senior is expected to recall on the spot: SOLID/DRY, lifecycle hooks, change detection (OnPush), RxJS hot vs cold, Signals, NgRx and Component Store,…, not read