study-guide icon indicating copy to clipboard operation
study-guide copied to clipboard

A graded list of topics you'll need to learn to be a professional Angular developer

Angular Study Guide

A graded list of topics you'll need to learn to be a professional Angular developer with an opinionated, curated list of links to study materials.

Note: This is still under construction.

Click here to contribute

Topics

Colour Key:

  • = Beginner
  • = Junior developer
  • = Mid-level developer
  • = Senior developer

Getting Started

  • Angular basics: components, templates, modules and services
  • CLI
  • Routing
  • Forms
  • Basic Angular Architecture
  • Observables
  • RxJs
  • Reactive programming
  • Testing
  • Modules for features
  • Typescript
  • Dependency Injection
  • Animations

More Advanced Concepts

  • Lazy loading
  • Angular DevTools Extension
  • Dynamic Forms & Custom Validators
  • Interceptors
  • Guards
  • Directives
  • Pipes
  • Error handling
  • RxJS marble testing
  • State Management
  • Internationalisation
  • DOM manipulation
  • Building form elements: Control Value Accessor
  • Route Resolvers
  • Dynamic component loaders
  • Published Libraries
  • Advanced Injection Tokens and Factories
  • forRoot config in modules
  • Performance
  • Service Workers & PWA
  • Web Workers
  • Schematics

Patterns

  • Angular Style Guide
  • Atomic Design
  • Enterprise Angular Monorepo Patterns
  • Domain-Driven Design with Angular
  • Design Patterns

Pre and Server Side Rendering

  • Angular Universal
  • Scully

Extended Ecosystem

  • SCSS
  • Jest
  • Angular Material
  • Nrwl Nx
  • Storybook
  • Cypress
  • NgRx
  • NGXS
  • Akita