JAX & W-JAX
Die Konferenzen für Java, Architektur- und Software-Innovation

Angular Architektur Workshop: Strategic Design mit Nx und Micro Frontends

Workshop
Until February 11:
✓ Save up to 784 €
✓ Agile Day for free
✓ Group discount
Register now
Bis 11. Februar:
✓ Bis zu 784 € sparen
✓ Agile Day for free
✓ Kollegenrabatt
Jetzt anmelden
Thank you for attending!
✓ See you 2021
Danke für Ihre Teilnahme!
✓ Wir sehen uns 2021
Infos
Buchungshinweis:
Angular Microfrontends Workshop

In diesem interaktiven Workshop lernen Sie von Manfred Steyer – Angular GDE und Trusted Collaborator im Angular-Team – wie sich große und skalierbare Geschäftsanwendungen mit Angular entwickeln lassen. Dazu betrachten wir zunächst die Nutzung von Strategic Domain Design im Frontend sowie die Umsetzung mit Nx Monorepos. Wir betrachten Ansätze zum Erzwingen von Architekturvorgaben und Inkrementelle Builds sowie den Build-Cache zum Beschleunigen von Builds und Testläufen. Diese Ideen werden nach und nach ausgebaut und münden in die Realisierung von Micro Frontends mit dem brandneuen webpack Module Federation und Web Components auf der Basis von Angular Elements. Nach den einzelnen Übungen haben Sie eine Fallstudie, die Sie als Vorlage für eigene Vorhaben nutzen können. Am Ende wissen Sie nicht nur, wie sich Micro Frontends mit dem Stand der Technik umsetzen lassen, sondern auch, ob dieser Architekturstil zu Ihnen passt und welche Alternativen Sie haben. Außerdem sind Sie in der Lage, die einzelnen Optionen vor dem Hintergrund Ihrer Vorhaben zu bewerten.

Teil 1: Strategic Domain-Design (DDD) mit Nx
–    Implementieren eines Strategischen Designs (DDD) in einem Nx Monorepo
–    Visualisieren der Architektur
–    Kategorisierung von Bibliotheken
–    Erzwingen von Architekturvorgaben
–    Inkrementelle Builds und Tests zur Beschleunigung des CI-Prozesses
–    Lokale und verteilte Build-Caches

Teil 2: Microfrontends mit Webpack Module Federation

–    Nutzung von Module Federation zum Laden von separat entwickelten und veröffentlichten Micro Frontends
–    Integration in Angular und die Angular CLI
–    Dynamisches Module Federation
–    Teilen von Abhängigkeiten
–    Umgang mit Versionskonflikten
–    Kommunikation zwischen Micro Frontends
–    Teilen von Widgets via Web Components (Angular Elements)

Voraussetzung: Sie sollten ein wenig Erfahrung mit Angular haben.

Benötigte Software:
– NodeJS in aktueller LTS-Version (nodejs.org)
– Visual Studio Code (frei, https://code.visualstudio.com/) oder WebStorm/IntelliJ (kommerziell)
– Git (https://git-scm.com/)
– Angular CLI (npm i -g @angular/cli)

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

This Session belongs to the Diese Session gehört zum Programm vom JAXJAX program. Take me to the program of . Hier geht es zum Programm von W-JAX W-JAX .

This Session Diese Session belongs to the gehört zum Programm von JAXJAX program. Take me to the current program of . Hier geht es zum aktuellen Programm von JAX JAX or oder W-JAX W-JAX .
Alle News der Java-Welt:
Alle News der Java-Welt:

Behind the Tracks

Agile & Culture
Teamwork & Methoden

Data Access & Machine Learning
Speicherung, Processing & mehr

Clouds, Kubernets & Serverless
Alles rund um Cloud

Core Java & JVM Languages
Ausblicke & Best Practices

DevOps & Continuous Delivery
Deployment, Docker & mehr

Microservices
Strukturen & Frameworks

Web Development & JavaScript
JS & Webtechnologien

Performance & Security
Sichere Webanwendungen

Serverside Java
Spring, JDK & mehr

Digital Transformation & Innovation
Technologien & Vorgehensweisen

Software-Architektur
Best Practices

Domain-driven Design
Grundlagen und Ausblick

Spring Ecosystem
Wissen in Spring-Technologien

Web-APIs
API-Technologie, Design und Management