Angular Architektur Workshop

Angular-Schulung Advanced: Erweiterte Konzepte und Architektur

Remote: 24.08. - 26.08.2022

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: 24.08.2022
  • 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
  • Die neuesten Angular-Features und Ivy
  • 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!

 

Impressionen In-House

Impressionen Remote

Impressionen In-House

Impressionen Remote

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)
  • Nx und Standalone Coponents
  • 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

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
  • 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 NGRX und Redux

  • 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
  • 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

Reaktive Architekturen mit 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

Customization and White Label Solutions

  • Anpassungen zur Laufzeit mit Lazy Loading und Module Federation
  • Anpassungen zur Compile-Time mit Bibliotheken und Path-Mappings
  • Bibliotheken konfigurieren mit forRoot und DI

Bonus: Performance Tuning

  • Lazy Loding mit und ohne Router
  • Data Binding Performance mit OnPush
  • 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)

Aktuelle Termine

Alle unsere Seminare sind jederzeit auch Remote oder In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung

2022 24. 08 -
26. 08
09:00 - 17:00
Early BirdGruppenrabatt

Angular Architektur Workshop

2022 20. 09 -
23. 09
14:00 - 18:30
Very Early BirdGruppenrabatt

Angular Architektur Workshop

8:00 am - 12:30 pm Eastern Time
- 4 halbe Tage: Amerika- und Europa-freundlich
2022 14. 12 -
16. 12
09:00 - 17:00
Very Early BirdGruppenrabatt

Angular Architektur Workshop

Weitere öffentliche Termine

2022 24. 08 -
26. 08
09:00 - 17:00
Early BirdGruppenrabatt

Angular Architektur Workshop

2022 05. 09 -
06. 09
09:00 - 17:00
Early BirdGruppenrabatt

Design mit System: Skalierbare Design Systems mit Storybook und Angular

2022 19. 09 -
21. 09
14:00 - 18:30
Early Bird bis 04.09.2022Gruppenrabatt

Design mit System: Skalierbare Design Systems mit Storybook und Angular

8:00 am - 12:30 ET
2022 20. 09 -
23. 09
14:00 - 18:30
Very Early BirdGruppenrabatt

Angular Architektur Workshop

8:00 am - 12:30 pm Eastern Time
- 4 halbe Tage: Amerika- und Europa-freundlich
2022 17. 10 -
18. 10
09:00 - 17:00
Very Early BirdGruppenrabatt

Professional Angular Testing

2022 18. 10 -
20. 10
09:00 - 18:00
Very Early BirdGruppenrabatt

Moderne .NET-Backends für Angular

2022 20. 10 -
21. 10
09:00 - 17:00
Very Early BirdGruppenrabatt

Professional NGRX: Advanced State Management & Best Practices

2022 07. 11 -
08. 11
09:00 - 17:00
Early BirdGroup Discount

Angular Security with Dr De Ryck

2022 14. 11 -
16. 11
18:00 - 22:00
Early BirdGroup Discount

Professional Angular Testing

9 am - 12 noon PT // 12:00 noon - 4 pm ET // 6pm - 10pm CET
2022 14. 11 -
15. 11
09:00 - 17:00
Early BirdGruppenrabatt

Design mit System: Skalierbare Design Systems mit Storybook und Angular

2022 17. 11 -
18. 11
09:00 - 17:00
Early BirdGroup Discount

Professional NGRX: Advanced State Management & Best Practices

2022 28. 11 -
01. 12
18:00 - 22:00
Early BirdGroup Discount

API Security Workshop

9 am - 12 noon PT // 12:00 noon - 4 pm ET // 6pm - 10pm CET
2022 28. 11 -
30. 11
09:00 - 17:00
Early BirdGruppenrabatt

Moderne Spring-Backends für Angular

2022 28. 11 -
30. 11
09:00 - 17:00
Early BirdGruppenrabatt

Moderne .NET-Backends für Angular

2022 28. 11 -
30. 11
09:00 - 17:00
Early BirdGruppenrabatt

Schulung: Fullstack Angular mit NestJS

2022 14. 12 -
16. 12
09:00 - 17:00
Very Early BirdGruppenrabatt

Angular Architektur Workshop

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.

Jetzt anfragen!