Courses and Conferences

DTI Main Reception

Do you need help?

  • Gregersensvej 8
  • 2630 Taastrup
Google MapsApple MapsRejseplanen
  • Forskerparken Fyn, Forskerparken 10F
  • 5230 Odense M
Google MapsApple MapsRejseplanen
  • Teknologiparken Kongsvang Allé 29
  • 8000 Aarhus C
Google MapsApple MapsRejseplanen
  • NordsøcentretPostboks 104
  • 9850Hirtshals
Google MapsApple MapsRejseplanen
  • Gammel Ålbovej 1
  • 6092Sønder Stenderup
Google MapsApple MapsRejseplanen

Advanced Angular with Signals

Angular is a popular front-end framework delivering solutions to create a solid composable code base. This course is for developers who already master basics like data-binding, components, pipes, dependency injection and the router, but want a more in-depth look. The course covers best practices, new Angular features, RxJS, optimisation, testing and NgRx, with optional bonus topics.

>> Available in Danish <<

This course provides an interactive learning experience, enabling you to deepen your understanding and retention through hands-on exercises that transform passive learning into an engaging, active journey.

Prerequisites

This course is intended for professional developers who have 6 months of Angular experience.

Outcome

  • Expand your Angular’ knowledge with features including components, signals, and routing
  • Build robust web applications with both modern and classic Angular features
  • Gain practical experience through hands-on exercises
  • Extend and maintain both new and existing Angular projects

Course Content

New features. These will update over time, as not all might be officially released:
  • Standalone API (including output and @let)
  • Build-in control flow
  • Signals, inputs and query
  • Linked Signals
  • Signals RxJS Interop
  • Function based outputs
  • Zoneless change detection
  • Resource API
  • Effect API
  • Custom Validation
  • Dynamic Forms
  • Custom Form Control
Dependency Injection in depth:
  • useValue
  • useClass
  • useExisting
  • useFactory
  • InjectionToken: Custom Tokens
  • Injector.create: Dynamic Injector Creation
  • ForwardRef: Resolving Circular Dependencies
  • Dynamic Component Injection: resolveComponentFactory and InjectionToken
Router in depth:
  • Guards
  • Lazy Loading (optimisation)
  • Layout using Content Projection (pattern)
  • Route-level render mode
RxJS
  • Hot vs Cold Observables: Subjects vs Observables
  • BehaviorSubject, ReplaySubject, AsyncSubject
  • Unsubscription Patterns: Auto-Cleanup and TakeUntil
  • Operators
  • Multicasting: Share, Publish, and RefCount
  • Error Handling Strategies: CatchError and Retry
  • [Optional] Creating Stateful Operators: Scan and Reduce
  • [Optional] Higher-order Mapping Operators: switchMap, concatMap, and mergeMap
  • Signals RxJS Interop
Component Patterns:
  • Dynamic Components
  • Compound Components
Optimisation:
  • Rendering techniques (hybrid, server side)
  • Deferrable views
  • Image optimisation
Best Practices
  • Component Communication
  • Feature Toggling
  • Others

Method

3 days, workshop format, instructor-led course using slides, more than 100 examples and lots of interactive exercises (with solutions) for you to take home.

Do you have any course related questions, please contact