Kursüberblick
Dies ist ein Workshop für erfahrene Angular-Entwickler, die ihr Wissen und ihre Fähigkeiten in der Angular-Entwicklung vertiefen möchten. Er besteht aus 10 Modulen, die jeweils verschiedene fortgeschrittene Themen der Angular-Entwicklung abdecken. Der Workshop ist praxisorientiert und interaktiv gestaltet, mit einer Mischung aus Vorträgen, Demos und Übungen. Er ermöglicht es den Teilnehmern, ihre Angular-Fähigkeiten für Classic Angular Development zu vertiefen, vermittelt aber auch die Neuerungen der Angular Renaissance Initiative wie die Nutzung von Standalone Components, functional Implementations, Signals und NgRx SignalStore.
Kursinhalt
- Standalone Components - Concepts & Migration: Verstehen Sie die Unterschiede zwischen Standalone Components und Modules, tauchen Sie in den Angular-Bootstrapping-Prozess ein und lernen Sie, wie Sie ein bestehendes Projekt auf die Nutzung von Standalone Components migrieren.
- Components & Forms Deep Dive: Erkunden Sie fortgeschrittene Komponenten- und Formtechniken, einschliesslich control flow syntax, deferred loading, content projection, cascading reactive forms und der Erstellung benutzerdefinierter Controls mit erweiterter Validierung und Fehlerbehandlung.
- Mastering Reactive Programming using RxJS: Meistern Sie RxJS-Konzepte wie observables, operators und Fehlerbehandlungsstrategien sowie praktische Debugging- und Testtechniken für die Implementierung benutzerdefinierter Observable Operators.
- Mastering Reactivity using Signals. Erlernen Sie den Umgang mit Signals und deren Interoperabilität mit Observables, Datenabrufmethoden und effektive Kommunikation zwischen Komponenten mithilfe fortgeschrittener Signaltechniken und dem Event Bus pattern.
- State Management using NgRx Classic & NgRx SignalStore: Entdecken Sie State Management Patterns, implementieren Sie sowohl NgRx Classic als auch SignalStore, verwalten Sie Side Effects und erstellen Sie benutzerdefinierte Store Features, während Sie Änderungen im State effizient verfolgen.
- Advanced Routing and App Initialization: Erhalten Sie tiefgehende Einblicke in dependency injection, app initialization, global error handling und fortgeschrittene Routing-Techniken einschliesslich view transitions, auxiliary routes und router animations.
- Advanced Testing with Jasmine, Jest, Cypress and NgRx: Testen Sie Angular-Anwendungen umfassend mit Tools wie Jasmine, Jest und Cypress, einschliesslich Unit Tests, komplexer Formularprüfungen, State Management Tests und End-to-End Tests.
- Reusability with Libraries, Nx & Angular Elements: Erstellen Sie wiederverwendbare Angular-Artefakte mit Libraries und Nx Workspaces und entwickeln Sie wiederverwendbare Komponenten wie einen AI-Chat mit Angular Elements.
- Real Time Micro-Frontends & Progressive Web Apps: Verstehen Sie Micro-Frontends und Progressive Web Apps, mit Fokus auf Echtzeit-verknüpfte Micro-Frontends, HTML5 APIs, service workers und die Installation und Aktualisierung von PWAs.
- Server Side Rendering (SSR): Lernen Sie SSR kennen, einschliesslich build-time pre-rendering, der Optimierung von Komponenten für serverseitige Ausführung, hybrid rendering und incremental hydration für verbesserte Leistung.
- Optimizing Applications: Verwenden Sie Tools wie Chrome Dev Tools und Lighthouse zur Optimierung der Anwendungsleistung, analysieren Sie Bundles, verbessern Sie die Change Detection und stellen Sie sicher, dass Best Practices für Accessibility und Konfigurationsmanagement eingehalten werden.
Deutsch