Micro Frontends mit Angular

Lernen Sie große Angular-Lösungen mit Micro Frontends zu strukturieren.

Planen und Implementieren Sie große Angular-Lösungen mit Module Federation und Web Components.

Remote & In-House
2 Tage
Grundkenntnisse Angular erforderlich
Mix aus Theorie, Live-Coding & Übungen
Auch als Firmen-Workshop verfügbar
Öffentlicher Workshop
  • Dauer: 2 Tage
  • Nächster Termin: TBA
  • Gruppenrabatt verfügbar
Firmen-Workshop
  • Individuell vereinbar
  • In-House oder remote
  • Ab ca. 8 Teilnehmer günstiger

Skalieren Sie Ihre Lösungen mit Micro Frontends

In dieser Schulung für fortgeschrittene Angular-Entwickler und Entwicklerinnen lernen Sie, Ihre großen Angular-Lösungen mit dem Micro-Frontend-Ansatz zu skalieren. Dabei bringen wir unsere Erfahrung in diesem Umfeld aus den letzten Jahren ein und zeigen anhand von einigen Case Studies auf, wann sich der Einsatz von Micro Frontends lohnt.

 

Auf Wunsch erstellen wir aufgrund Ihrer existierenden Code-Basis einen Prototypen, der die Umstellung auf Micro Frontends veranschaulicht. Durch die Übungen ergibt sich nach und nach eine Anwendung, die Sie am Ende des Workshops für Ihre eigenen Projekte nutzen können.

 

Impressionen

 

Impressionen

 

Highlights

  • Strategic Design (DDD) als Basis für die Planung
  • Module Federation und Federated Angular
  • Monorepos vs. Multiple Repos
  • Kommunikation zwischen Micro Frontends
  • Teilen von Bibliotheken Widgets
  • Umgang mit Versionskonflikten
  • Verschiedene Frameworks und -versionen kombinieren
  • Web Components und Angular Elements

Ausgewählte zufriedene Kunden

Der Verlauf der Schulung auf einen Blick!

Micro Frontends mit Strategic Design planen

  • Überblick zu Strategic Design
  • Sub-Domänen, Bounded Context und Ubiquitous Language im Kontext von Angular
  • Kommunikation zwischen Domänen
  • Monorepos vs. Multi Repos
  • Macro- vs. Micro-Architektur
  • Micro Frontends als Migrations-Strategie
  • Case Studies

Micro Frontends mit Module Federation

  • Federated Angular: Module Federation mit Angular nutzen
  • Dynamic Federation
  • Micro Frontends und Plug-in Systeme
  • Teilen von Bibliotheken
  • Umgang mit Versionskonflikten
  • Kommunikation zwischen Micro Frontends

Web Components mit Angular Elements

  • Micro Frontends Angular Elements
  • Widgets mit Angular Elements
  • Web Components dynamisch laden
  • Multi-Framework-/ Multi-Versions-Lösungen mit Web Components
  • Legacy-Code (z. B. AngularJS Code) einbinden
  • Web Components und Module Federation kombinieren
  • Herausforderungen und Workarounds

Optional: Prototyp anhand Ihrer Code-Basis

An dieser Stelle geht der Workshop in eine Beratung über. In diesem optionalen Teil wenden wir gemeinsam das Gelernte in Ihrer Code-Basis an, um einen Prototyp zu schaffen. Dieser Prototyp zeigt die nötigen Schritte auf, um Ihre Lösung auf eine Micro Frontend-Architektur zu migrieren.

Aktuelle Termine

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

No post was found with your current grid settings. You should verify if you have posts inside the current selected post type(s) and if the meta key filter is not too much restrictive.

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 BirdGroup Discount

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

Additional Date
Additional Event Information

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!