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

Angular Architektur Workshop: Strategic Design mit Nx und Micro Frontends

Workshop
Until June 23:
✓ Save up to 360€
✓ Arduino or Echo Dot for free
✓ Group discount
Register now
Bis zum 23. Juni:
✓ Bis zu 360 € sparen
✓ Arduino oder Echo Dot gratis
✓ Kollegenrabatt
Jetzt anmelden
Thank you for attending
✓ See you in 2023
Danke für Ihre Teilnahme
✓ Wir sehen uns in 2023
Infos
Buchungshinweis:
Angular Architektur 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)

This Session originates from the archive of Diese Session stammt aus dem Archiv von JAXJAX . Take me to the program of . Hier geht es zum aktuellen Programm von W-JAX W-JAX .

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

This Session Diese Session originates from the archive of stammt aus dem Archiv von JAXJAX . Take me to the current program of . Hier geht es zum aktuellen Programm von W-JAX W-JAX or oder JAX 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