Angular Architektur Workshop
Angular-Schulung Advanced: Erweiterte Konzepte und Architektur
Remote: 22.05. - 24.05.2023
Auch als Firmen-Workshop
Workshop für Fortgeschrittene mit Strategien für Ihre großen und langlebigen Geschäftsanwendungen
Remote und In-House
3 Tage
Angular-Grundkenntnisse & erste Projekterfahrung
Theorie, Live-Coding und Übungen
Auch als Firmen-Workshop verfügbar
Öffentlicher Workshop
- Dauer: 3 Tage
- Remote: 22.05.2023
- Gruppenrabatt verfügbar
Firmen-Workshop
- Individuell vereinbar
- In-House oder remote
- Ab ca. 8 Teilnehmer günstiger
Advanced Angular: Achitektur
In dieser Schulung für fortgeschrittene Angular-Entwickler und Entwicklerinnen lernen Sie alles für ihre großen und langfristig wartbaren Angular-basierten Unternehmens- und Industrieanwendungen:
- Struktur mit Monorepos, Nx und Strategic Design
- Microfrontends mit Module Federation und Co.
- Reaktive Architekturen mit RxJS
- State-Management-Patterns mit NGRX
- Performance-Tuning großer Anwendungen
- Web Components mit Angular Elements
- uvm.
Durch die Übungen ergibt sich nach und nach eine Anwendung, die Sie am Ende des Workshops für Ihre eigenen Projekte nutzen können.
Optional – Remote Workshops: All unsere Trainings und Beratungen können nun wahlweise auch als Remote Workshops gebucht werden!
🔥 Bonus: Aktuellste Angular-Features
- 🚥 Signals: Reaktivität, RxJS/NGRX-Interop und Change Detection
- Leichtgewichtige Architekturen mit Standalone Components
- Funktionale Guards, Resolver und Interceptoren
Highlights
✅ Komplett online – Keine Anreise erforderlich!
✅ Interaktiv: Stellen Sie Fragen und nehmen Sie an Diskussionen teil
✅ Viele Übungen und Live-Coding
✅ Fallstudie, die Sie als Blaupause für Ihre eigenen Projekte verwenden können
✅ Pair-Programming mit Ihrem Trainer
✅ Entworfen von Manfred Steyer, GDE
Ausgewählte zufriedene Kunden
Der Verlauf der Schulung auf einen Blick!
Struktur für große Anwendungen: Monorepos, Nx und Strategic Design
- Architekturen mit Domain Driven Design (DDD) planen
- CLI Workspaces und Monorepos mit Nx (Nrwl Extensions)
- Leichtgewichtige Architekturen mit Standalone Components und APIs 🔥
- Wiederverwendbare npm-Pakete entwickeln und verteilen
- Kategorieren für Bibliotheken, Module und Komponenten
- Architekturvorgaben mit Zugriffseinschränkungen erzwingen
- Buildperformance: Inkrementelle Builds und Tests und Caching
- Integration in den CI-Prozess
- Anpassbare Bibliotheken mit erweiterten DI-Mustern und Content Projection
- Das Open/Closed-Principle in Angular mit eigenen Standalone APIs
Skalierbare Architekturen: Micro Frontends mit Module Federation und Angular Elements
- Von Strategic Design zu Micro Frontends
- Vor- und Nachteile von Micro Frontends
- Mono Repos vs. multiple Repos
- Webpack Module Federation zum Laden separat kompilierter und bereitgestellter Micro Frontends nutzen
- Dynamisches Module Federation
- Module Federation und Standalone Components 🔥
- Teilen von Abhängigkeiten
- Umgang mit verschiedenen Versionen
- Kommunikation zwischen Micro Frontends
- Frameworkübergreifende Entwicklung mit Angular Elements und Web Components
State Management Patterns mit Signals und NGRX
- Der State-Layer und DDD
- NGRX: Wann, wann nicht und Alternativen?
- Den Redux-Ansatz mit NGRX nutzen
- Arten von Zustände
- Building Blocks: Actions, Reducer
- NGRX und 🚥 Signals
- Selectors und View-Models
- Effects und Seiteneffekte
- Building-Blocks mit Schematics generieren
- Entitäten mit @ngrx/entities verwalten
- Praktikabler Umgang mit Immutables
- Fassaden als Dreh- und Angelpunkt
- NGRX schrittweise einführen
- NGRX und Lazy Loading von Modulen
- Lokale Zustände mit dem brandneuen NGRX/Component-Store
Moderne Lösungen mit 🚥 Signals
- Konzpte und Building-Blocks: Signals, Computed und Effects
- Reaktivität mit Signals
- Signals und Change Detection
- Interop mit RxJS
Reaktive Architekturen RxJS
- Reaktives Denken und reaktiver Entwurf
- Chaining/ Piping von Operatoren
- Combination Operators
- Higher-Order Observables
- Implizites und Explizites Schließen
- Cold und Hot Observables sowie Multicasting
- Subjects nutzen
- Fehlerbehandlung
- Debugging
Bonus: Performance Tuning
- Lazy Loding mit und ohne Router
- Data Binding Performance mit OnPush, RxJS und Signals
- AOT und Tree Shaking
- Bundles analysieren
- Build-Performance mit dem Build-Cache und inkrementellem Kompilieren
Bonus: Moderne Security-Architekturen und Single Sign-on
- Existierende Identity-Lösungen wie Active Directory anbinden
- Social Login (Login with Facebook etc.)
- OAuth 2 sowie 2.1 und OpenId Connect
- JSON Web Tokens (JWT)
- Token Refresh
- Single Sign out
- Aktuelle Empfehlungen der OAuth 2 Working Group und Konsequenzen
- Tokens im Browser vs. Security Gateways (Backend for Frontends)
Alle unsere Seminare sind jederzeit auch Remote oder In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung
2023
22. 05 -
24. 05 09:00 - 17:00 (CET)
24. 05 09:00 - 17:00 (CET)
GruppenrabattEarly Bird bis 31.03.2023
Angular Architektur Workshop
2023
10. 07 -
13. 07 13:00 - 17:30 (CET)
13. 07 13:00 - 17:30 (CET)
Group DiscountEarly Bird bis 31.05.2023
Angular Architektur Workshop
8:30 am - 12:30 pm Eastern Time = 1:30 pm - 5:30 pm CET
2023
11. 04 -
12. 04 09:00 - 17:00 (CET)
12. 04 09:00 - 17:00 (CET)
Group DiscountEarly Bird bis 26.03.2023
Professional Angular Testing
2023
18. 04 -
20. 04 14:30 - 18:30 (CET)
20. 04 14:30 - 18:30 (CET)
Group DiscountEarly Bird bis 26.03.2023
Angular Performance Optimization Workshop
8:30 am - 12:30 pm ET (New York.) // 2:30 pm - 6:30 pm CET (Berlin)
2023
20. 04 -
21. 04 09:00 - 17:00 (CET)
21. 04 09:00 - 17:00 (CET)
GruppenrabattEarly Bird bis 26.03.2023
Design mit System: Skalierbare Design Systems mit Storybook und Angular
2023
11. 05 -
12. 05 09:00 - 17:00 (CET)
12. 05 09:00 - 17:00 (CET)
Discount CodeEarly Bird bis 31.03.2023
Professional NGRX: Advanced State Management & Best Practices
2023
15. 05 -
17. 05 09:00 - 16:30 (CET)
17. 05 09:00 - 16:30 (CET)
2025
22. 05 -
24. 05 09:00 - 17:00 (CET)
24. 05 09:00 - 17:00 (CET)
GruppenrabattEarly Bird bis 31.03.2023
Schulung: Fullstack Angular mit NestJS
2025
23. 05 -
25. 05 09:00 - 17:00 (CET)
25. 05 09:00 - 17:00 (CET)
GruppenrabattEarly Bird bis 31.03.2023
Moderne .NET-Backends für Angular
2023
26. 06 -
27. 06 09:00 - 16:30 (CET)
27. 06 09:00 - 16:30 (CET)
2023
29. 06 -
30. 06 09:00 - 16:30 (CET)
30. 06 09:00 - 16:30 (CET)
GruppenrabattEarly Bird
Professional NGRX: Advanced State Management & Best Practices
Manfred Steyer ist Google Developer Expert (GDE) für Angular sowie Tursted Collaborator im Angular-Team. Zusammen mit seinem Team betreut er Kunden im gesamten deutschen Sprachruam. Der Fokus liegt dabei auf Geschäfts- und Industrie-Anwendungen auf der Basis von Angular.
