Updating Skills to Angular Renaissance (v17)

Mit Angular 17 hat das Framework ein neues Logo erhalten, welches die Angular Renaissance Initiative symbolisiert. Darunter werden eine Reihe von Neuerungen zusammengefasst, welche in das Framework beginnend mit v14 integriert wurden.
De facto handelt es sich hierbei um einen Angular Coding Style v3.
Wir haben uns daher entschlossen diese Änderungen in einem eigenen Training "Updating Skills to Angular Renaissance" zusammenzufassen.
Dieses Training ist als Update für bestehende Angular Entwickler gedacht, welche bereits mit früheren Angular Versionen arbeiten und die Neuerungen von Angular 14 bis 17 kennenlernen möchten.
 
Neben den Theorieteilen werden auch praktische Übungen durchgeführt, welche die neuen Konzepte vertiefen.
Teilweise werden auch bestehende Projekte als Demos oder in Labs migriert, um die Migrationsschritte zu demonstrieren.
 
Dieses Training ist NICHT für Einsteiger geeignet uns setzt min. 2 Jahr praktische Erfahrung mit Angular voraus.
 
Nach Abschluss des Trainings haben die Teilnehmer*innen Kenntnisse zu folgenden Themen: 

• Introduction to Angular Renaissance
• Implementing and Migrating to Standalone Components
• Updating Components
• Dependency Injection, Providers & Routing
• Updating NgRx
• Mastering Signals
• Introduction to JEST & Cypress Testing

Erfahrene Angular Entwickler welche ihre Angular Kenntnisse auf den aktuellen Stand bringen wollen.
Nicht für Anfänger geeignet!
 

Introduction to Angular Renaissance

• Angular Renaissance Initiative
• Using the new Angular Docs & Dev Tools
• Angular CLI Enhancements
• Maintaining Angular Configuration

 
Implementing and Migrating to Standalone Components

• Standalone Components vs Modules
• Migration to Standalone Components
• Registering Providers in app.config.ts
• Routing using app.routes.ts
• Providers and Lazy Loaded Modules
• Dynamic Component Loading

 
Updating Components

• Standalone Directives & Directives Composition
• Built-in control flow
• Deferrable Views
• Unsubscribing (takeUntil, DestroyRef, takeUntilDestroyed)
• Typed Forms, NullableFormBuilder & Form Validation

 
Dependency Injection, Providers & Routing

• Dependency Injection using Inject
• Lazy Loading routes with Standalone
• Lazy Loading providers with Standalone
• Component Input Bindings
• Functional Route Guards
• Functional Interceptors
• Data Preloading using Functional Resolvers
• View Transition Api

 
Updating NgRx

• NgRx Creator Functions (State, Action- & Action Groups)
• Functional Effects
• NgRx: When to use what
• Migrating NgRx to Standalone (Core, Entity, @ngrx/data)

 
Mastering Signals

• Observable vs Signals
• Introduction to Signals (Writable, Computed, Effects)
• Signals vs Observables: Synchronous  & Asynchronous Reactive Programming
• Creating a Signals Store using @ngrx/signals
• Signals & NgRx Interoperability
• Implementing Reactive methods using rxMethod
• Nested Components & Signal Inputs
• Using Signals in Forms
• Local Change Detection using Signals

 
Introduction to JEST & Cypress Testing

• JEST vs Karma & Jasmine
• Mocking in JEST
• JEST Component Interaction
• Introduction to Cypress E2E Testing
• Cypress Component Tests