Angular Architecture Workshop: Strategic Design

Workshop
Until July 21:
✓ Save up to $850
✓ Amazon Echo Dot or Arduino for free
Register now
Until July 21:
✓ Save up to $850
✓ Amazon Echo Dot or Arduino for free
Register now
Until June 16:
✓ Fullstack Day for free
✓ Arduino Starter Kit or Amazon Echo Dot for free
✓ Save up to 690€
Register now
Until June 16:
✓ Full Stack Day gratis
✓ Arduino Starter Kit oder Amazon Echo Dot gratis
✓ Bis zu 690 € sparen
Register now
Thank you for attending
✓ See you in 2023
Thank you for attending
✓ See you in 2023
Infos
Booking note:
Angular Architecture Workshop

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 will first consider the use of Strategic Domain Design in the frontend and the implementation with Nx Monorepos. We will look at approaches to enforce your architecture, incremental builds, as well as the build cache to speed up builds and test runs.

These ideas are gradually being expanded and result in the implementation of micro frontends with the brand new Webpack Module Federation and Web Components based on Angular Elements.

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 not only know how micro frontends can be implemented 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.

Part 1: Strategic Domain Design (DDD) with Nx

  • Implementation of a strategic design (DDD) in an Nx monorepo
  • Visualize the architecture
  • Categorization of libraries
  • Enforcing your architecture
  • Incremental builds and tests to speed up the CI process
  • Local and distributed build caches

Part 2: Microfrontends with Webpack Module Federation

  • Use of module federation for loading separately developed and published micro frontends
  • Integration in Angular and the Angular CLI
  • Dynamic module federation
  • Sharing dependencies
  • Dealing with version conflicts
  • Communication between micro frontends
  • Sharing widgets via web components (Angular Elements)

You should have some experience with SPAs and know the basics of Angular.

This Session originates from the archive of Diese Session stammt aus dem Archiv von MunichMünchen . Take me to the program of . Hier geht es zum aktuellen Programm von New York New York .

This Session originates from the archive of Diese Session stammt aus dem Archiv von MunichMünchen . Take me to the program of . Hier geht es zum aktuellen Programm von Munich München .

This Session originates from the archive of Diese Session stammt aus dem Archiv von MunichMünchen . Take me to the program of . Hier geht es zum aktuellen Programm von London London .

This Session Diese Session originates from the archive of stammt aus dem Archiv von MunichMünchen . 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