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
Public Workshop
  • Duration: 2 days
  • Next Date: TBA
  • Group discount available
Company-Workshop
  • 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.

Public Workshops

All of our seminars are always available remotely or in-house. Contact us to make an appointment

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.

More public dates

2022 17. 10 -
19. 10
14:00 - 18:30 (CET)
Early BirdGroup Discount

Design with System: Scalable Design Systems with Storybook and Angular

8:00 am - 12:30 ET
2022 07. 11 -
08. 11
09:00 - 17:00 (CET)
Early Bird until 16.10.2022Group Discount

Angular Security with Dr De Ryck

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

Professional Angular Testing

9 am - 12 noon PT // 12:00 noon - 4 pm ET // 6pm - 10pm CET
2022 17. 11 -
18. 11
09:00 - 17:00 (CET)
Early BirdGroup Discount

Professional NGRX: Advanced Topics & Best Practices

2022 28. 11 -
29. 11
18:00 - 22:00 (CET)
Early Bird until 13.11.2022Group Discount

API Security Workshop 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.

Only One Step Away!

Send us your inquery today - we help you with pleasure!

Jetzt anfragen!