Model Online / On-Site
Duration
Modules 4 modules

About the Course

With its strict type safety, built-in Dependency Injection, and opinionated tooling, Angular is the framework of choice for large-scale enterprise applications across banking, telecom, and mission-critical domains. Modern Angular releases have transformed both developer ergonomics and runtime performance through Standalone Components, built-in control flow (@if, @for, @defer), and Angular Signals.

This course provides hands-on mastery of modern Angular APIs, RxJS reactive streams, strictly typed Reactive Forms, and enterprise-grade routing, security, and performance optimization.

Target Audience and Prerequisites

  • Frontend and full-stack developers building or maintaining enterprise Angular applications
  • Engineering teams migrating legacy NgModule codebases to modern Standalone and Signals architectures
  • Working knowledge of TypeScript, HTML, and CSS is required

Key Takeaways

  • Modern Angular Architecture: Build modular apps with Standalone Components, new template syntax (@if, @for), and functional inject()
  • Signals & RxJS Interop: Combine fine-grained Signals (signal, computed, effect) with RxJS observables for resilient state management
  • Enterprise Forms & HTTP: Architect strictly typed Reactive Forms, custom validators, and functional HttpInterceptorFn pipelines
  • Performance & Testing: Optimize rendering with OnPush, Zoneless change detection, @defer blocks, and component unit testing

Curriculum

Modern Angular Architecture: Standalone Components and Dependency Injection
  • Enterprise workspace structure, Standalone Components, and migrating away from legacy NgModules
  • Built-in template control flow (@if, @for, @switch) and signal-based input(), output(), and model() APIs
  • Hierarchical Dependency Injection, custom InjectionTokens, and the functional inject() pattern
Reactive State and Data Streams with Angular Signals and RxJS
  • Mastering Angular Signals: signal(), computed(), effect(), and linkedSignal
  • Essential RxJS flattening and combination operators (switchMap, mergeMap, concatMap, exhaustMap) and declarative cleanup with takeUntilDestroyed
  • Bridging Signals and Observables seamlessly using @angular/core/rxjs-interop (toSignal, toObservable)
Strictly Typed Reactive Forms, HttpClient, and Functional Interceptors
  • Building strictly typed Reactive Forms, dynamic FormArray groups, and reusable custom form controls with ControlValueAccessor
  • Implementing synchronous and asynchronous custom validators and centralized error messaging
  • Configuring HttpClient and functional HttpInterceptorFn pipelines for auth tokens, caching, and global error handling
Enterprise Routing, Change Detection Optimization, and Testing
  • Lazy-loaded feature routes, functional Route Guards (CanActivateFn, CanMatchFn), Resolvers, and withComponentInputBinding
  • Optimizing runtime performance with ChangeDetectionStrategy.OnPush, Zoneless change detection, and @defer views
  • Writing fast, isolated unit and integration tests for components and services using TestBed and HttpTestingController

Other Courses in This Category

  • Micro Frontend and Monorepo Architecture

    Scale large frontend organizations using Module Federation, Nx and Turborepo monorepos, shared design systems, and independent CI/CD deployments.

    Web Development – Frontend Corporate
    Live Course
    4 modules
    View
  • State Management with Redux Toolkit

    Manage complex application state using Redux Toolkit (RTK), RTK Query, normalized state schemas, memoized selectors, and modern React state patterns.

    Web Development – Frontend Corporate
    Live Course
    4 modules
    View
  • TypeScript for Modern Application Development

    Develop scalable, bug-free TypeScript applications using strict typing, generics, utility types, discriminated unions, and type-safe API layers.

    Web Development – Frontend Corporate
    Live Course
    4 modules
    View
  • Modern Web Development with React and Next.js

    Build high-performance web applications with React 19, Server and Client Components, Next.js App Router, SSR/SSG/ISR strategies, Server Actions, and caching.

    Web Development – Frontend Corporate
    Live Course
    4 modules
    View
  • Modern Single Page Application (SPA) Architecture and Libraries

    Master modern SPA architecture, client-side routing, server-state management with TanStack Query, Vite tooling, and bundle optimization techniques.

    Web Development – Frontend Corporate
    Live Course
    4 modules
    View

Get in touch