Angular Architecture Workshop: From Moduliths to Micro Frontends

Workshop
Until June 17:
✓ Workshop Day for free
✓ Save up to $500
✓ Group discount
Register now
Until June 17:
✓ Workshop Day for free
✓ Save up to $500
✓ Group discount
Register now
Until July 9:
✓ Fullstack Day for free
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to 594 €
Register now
Bis 9. Juli:
✓ Fullstack Day for free
✓ PlayStation Classic Mini oder C64 Mini for free
✓ Bis zu 594 € sparen
Register now
Until February 13:
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to £335
✓ Group discount
Register now
Until February 13:
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to £335
✓ Group discount
Register now
Infos
Wednesday, April 27 2022
09:00 - 17:00
Room:
Edward 5 WS
Booking note:
Angular Architecture Workshop

In this interactive Angular workshop, you will learn from Manfred Steyer—Angular GDE and Trusted Collaborator in the Angular team—about how large and scalable enterprise applications can be developed with Angular.

Using Strategic Domain Design, we jointly develop a complete micro frontend architecture based on the new webpack 5 module federation. By the end of the workshop, you will not only know how to implement Micro Frontends with the latest technology, but also whether this architectural style suits you and what alternatives you have.

In this interactive workshop you will learn from Manfred Steyer – Angular GDE and Trusted Collaborator in the Angular team – how large and scalable enterprise applications can be developed with Angular.

To do this, we first consider the use of Strategic Domain Design to create a front-end Modulith (modular monolith). We use the popular Nx and Monorepos for the implementation. We look at approaches to enforce your architecture. Also, we use incremental builds and the build cache to speed up builds and test runs dramatically.

These ideas are gradually being expanded into a Micro Frontend Architecture. The brand new webpack 5 module federation, which is considered a missing link for such architectures, is used for this purpose. Apart from the "good weather scenarios", we also consider further concepts, such as dealing with version conflicts, dynamic federation or the combination of different frameworks and versions.

After the individual exercises you will have a case study that you can use as a template for your own projects. In the end, you will not only know how to implement Micro Frontends with the latest technology, but also whether this architectural style suits you and what alternatives you have. You will also be able to evaluate the individual options against the background of your plans.

To join the workshop please make sure you have the following installed:

  • NodeJS in current LTS version
  • Visual Studio Code (free) or WebStorm/IntelliJ (commercial)
  • Angular CLI (npm i -g @angular/cli)
  • Nx CLI (npm i -g @nrwl/cli)
  • Git Client

This Session belongs to the Diese Session gehört zum Programm vom LondonLondon program. Take me to the program of . Hier geht es zum Programm von New York New York .

This Session belongs to the Diese Session gehört zum Programm vom LondonLondon program. Take me to the program of . Hier geht es zum Programm von Munich München .

Take me to the full program of Zum vollständigen Programm von London London .

This Session Diese Session belongs to the gehört zum Programm von LondonLondon program. Take me to the current program of . Hier geht es zum aktuellen Programm von New York New York , Munich München or oder London London .

STAY TUNED!

 

BEHIND THE TRACKS OF iJS

Angular

Best-Practises with Angular

Vue.js

One of the most famous frameworks of modern days

JavaScript Practices & Tools

DevOps, Testing, Performance, Toolchain & SEO

Node.js

All about Node.js

React

From Basic concepts to unidirectional data flows