Angular Fundamentals: Components, Signals and Routing

Learn modern Angular with standalone components, templates, signals, routing, forms and HttpClient. For front-end developers building structured apps.

Start course →

What you'll learn

  • Create Angular projects and build standalone components with templates and bindings.
  • Use control flow, pipes, services and dependency injection.
  • Add routing, lazy loading, reactive forms and validation.
  • Call APIs with HttpClient and interceptors, and manage state with signals and RxJS.
  • Test, server-render and build an Angular app for production.

Syllabus

Module 1: Getting Started

  1. What is Angular?
  2. Your First Project

Module 2: Components

  1. Anatomy of a Component
  2. Standalone Components

Module 3: Templates & Data Binding

  1. Interpolation & Property Binding
  2. Event Binding
  3. Two-Way Binding

Module 4: Control Flow in Templates

  1. @if, @for & @switch
  2. ngClass & ngStyle

Module 5: Component Communication

  1. @Input() & @Output()
  2. Content Projection

Module 6: Services & Dependency Injection

  1. Creating a Service
  2. Dependency Injection

Module 7: Routing

  1. Setting Up Routes
  2. Route Parameters
  3. Lazy Loading

Module 8: Forms

  1. Template-Driven Forms
  2. Reactive Forms
  3. Form Validation

Module 9: HTTP & Observables

  1. HttpClient Basics
  2. RxJS Observables
  3. HTTP Interceptors & Error Handling

Module 10: Lifecycle Hooks

  1. ngOnInit, ngOnDestroy & ngOnChanges

Module 11: Pipes

  1. Built-in Pipes
  2. Custom Pipes

Module 12: Signals

  1. What are Signals?
  2. computed() & effect()

Module 13: Change Detection

  1. How Angular Updates the DOM

Module 14: State Management

  1. Beyond Component State

Module 15: Testing & Deployment

  1. Testing a Component
  2. Building for Production
  3. Server-Side Rendering & Hydration