Angular Tutorial

Learn modern Angular 22 step by step, from your first component to signals, routing, forms, SSR and testing.

3 free lessons Intermediate to Advanced Covers Angular 22

Start the first lesson

Getting Started

  1. 1Angular Introduction
  2. 2Install the Angular CLI & Create a Project
  3. 3Project Structure & Bootstrapping
  4. 4Components (coming soon)
  5. 5Templates & Interpolation (coming soon)

Templates & Signals

  1. 6Data Binding & Events (coming soon)
  2. 7Control Flow: @if, @for & @switch (coming soon)
  3. 8Signals & computed (coming soon)
  4. 9effect & linkedSignal (coming soon)
  5. 10Inputs, Outputs & model() (coming soon)
  6. 11Content Projection & Queries (coming soon)
  7. 12Lifecycle Hooks (coming soon)

Services & Routing

  1. 13Services & Dependency Injection (coming soon)
  2. 14Routing (coming soon)
  3. 15Route Parameters, Guards & Lazy Loading (coming soon)

Forms & Data

  1. 16Reactive Forms (coming soon)
  2. 17Signal Forms (coming soon)
  3. 18HttpClient (coming soon)
  4. 19Async Data with resource (coming soon)
  5. 20RxJS & Signals Interop (coming soon)

Building Blocks

  1. 21Pipes (coming soon)
  2. 22Directives (coming soon)

Advanced Angular

  1. 23Change Detection & Zoneless Apps (coming soon)
  2. 24Deferrable Views with @defer (coming soon)
  3. 25Testing with Vitest (coming soon)
  4. 26SSR & Hydration (coming soon)
  5. 27Performance Best Practices (coming soon)
  6. 28NgModules & AngularJS (Legacy) (coming soon)
  7. 29Project: Canteen Ordering App (coming soon)

Learn Angular with a mentor

Free lessons get you started. Our Full Stack Web Development training adds real projects and code reviews from working developers.

  • Project-based learning
  • Mentor code reviews
  • Free counselling call