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.

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.

Prerequisite

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

Agenda:

• 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
• Databinding: Lesser known details
• Reactive Forms:
  • Custom Validation
  • Dynamic Forms
  • Custom Form Controls
• 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
• Unit and Integration Testing
• NgRx
• Best Practices
  • Component Communication
  • Feature Toggling
  • Others
• Bonus (if time permits):
  • Content Security Policy
  • Custom Directives (attribute vs structural)
  • Animations
  • Accessibility
  • Web Workers
  • New in CSS
  • Internationalization (i18n) and localization
  • New TypeScript features

 

 

 

 

Andre relevante kurs