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.
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
- 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
- useValue
- useClass
- useExisting
- useFactory
- InjectionToken: Custom Tokens
- Injector.create: Dynamic Injector Creation
- ForwardRef: Resolving Circular Dependencies
- Dynamic Component Injection: resolveComponentFactory and InjectionToken
- Guards
- Lazy Loading (optimisation)
- Layout using Content Projection (pattern)
- Route-level render mode
- 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
- Dynamic Components
- Compound Components
- Rendering techniques (hybrid, server side)
- Deferrable views
- Image optimisation
- 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
- Mette Rosenløv Vad
- Konsulent
- +45 72202432