Micro Frontends with Angular
Remote or In-House.
Remote & In-House
2 days 
Some experience with Angular.
Theory phases alternate with live coding and exercises.
Also available as a company workshop
- Duration: 2 days
- Next Date: TBA
- Group discount available
- Individually scheduled
- In-house or remote
- Discount for groups >8 participants
Scale your solutions with micro frontends
In this training for advanced Angular developers, you will learn how to scale your large Angular solutions with the Micro Frontend approach. As early adopters of this topic, we bring in our experience collected in numerous consulting projects during the last years.
Upon request, we create a prototype based on your existing code base that illustrates the switch to micro frontends.
Highlights:
- Strategic Design (DDD) as the basis for planning
- Module Federation and Federated Angular
- Monorepos vs. Multiple Repos
- Communication between Micro Frontends /li>
- Sharing libraries with widgets
- Dealing with version conflicts
- Combine different frameworks and versions
- Web Components and Angular Elements
The exercises gradually result in an application that you can use as a template for your own projects.
Optional – Remote Workshops: All of our trainings and consultations can also be booked as Remote Workshops!
Highlights
- Strategic Design (DDD) as the basis for planning
- Modules Federation and Federated Angular
- Mono repos vs. multiple repos
- Communication between micro frontends
- Sharing libraries widgets
- Dealing with version conflicts
- Combine different frameworks and versions
- Web Components and Angular Elements
Selected satisfied customers
Der Verlauf der Schulung auf einen Blick!
Planning Micro Frontends with Strategic Design
- Overview of Strategic Design
- Sub-domains, bounded context and ubiquitous language in the context of Angular
- Communication between domains
- Monorepos vs. Multi Repos
- Macro vs. micro architecture
- Micro front ends as a migration strategy
- Case Studies
Micro Frontends with Module Federation
- Federated Angular: Use Module Federation with Angular
- Dynamic Federation
- Micro Frontends and plug-in systems
- Sharing libraries
- Dealing with version conflicts
- Communication between Micro Frontends
Web Components with Angular Elements
- Micro Frontends with Angular Elements
- Widgets with Angular Elements
- Load Web Components dynamically
- Multi-framework / multi-version solutions with web components
- Integrating legacy code (e.g. AngularJS code)
- Combine Web Components and Module Federation
- Challenges and workarounds
Optional: Prototyp with your code basis
At this point, the workshop turns into a consultation. We jointly apply what we have learned in your codebase to create a prototype. This prototype shows the necessary steps to migrate your solution to a micro frontend architecture.
13. 07 13:00 - 17:30 (CET)
Angular Architecture Workshop
22. 08 09:00 - 16:30 (CET)
Playwright Workshop
25. 08 14:00 - 18:30
Cypress Workshop
28. 08 09:00 - 16:30 (CET)
Advanced TypeScript
07. 09 09:00 - 16:30 (CET)
Modern Spring-Backends for Angular
26. 09 09:00 - 17:00 (CET)
Angular Security with Dr De Ryck
Manfred Steyer is a Google Developer Expert (GDE) for Angular and Tursted Collaborator in the Angular team. Together with his team, he looks after customers in the entire German language area. The focus is on business and industrial applications based on Angular.
