Cathrin Möller
Professor for applied computer science at Hochschule Fulda
Fulda, Germany
Actions
Cathrin is a professor for applied computer science, teaching how to create distributed applications and building web and mobile apps. She loves sharing pitfalls and lessons learned from more than 10 years in IT consulting.
Area of Expertise
Topics
The hidden challenges of run-time integrated microfrontends en
Microfrontends are a popular concept to simplify development in an enterprise project, where a large number of teams want to work independently.
It allows run-time integration.
This talk will give you some insights in the experience exploring different integration patterns like webcomponents and module federation.
You might encounter some pitfalls and limitations which are not obvious at first sight.
Makro- und Mikrofrontend Architekturen in Angular en
Makro- und Mikrofrontend Architekturen in Angular
Mikrofrontends sind ein beliebtes Konzept, um in Enterprise Projekten die unabhängige Zusammenarbeit vieler Teams zu ermöglichen.
Aber ist dieser Ansatz wirklich die geeignete Methode? Architekturelle Trennung erhöht die Komplexität und erzeugt Aufwand in Kommunikation und Definition stabiler Schnittstellen.
Welche Konzepte existieren, was bietet Angular als Standard und wie kann ich für meine Anforderungen den passenden Angular Mechanismus wählen?
Wie hilft Angular, als beliebtestes Enterprise JS Framework, bei der Struktur des Codes, um das Arbeiten mit Mikrofrontends zu erleichtern?
Wie ausgereift sind Konzepte wie Module Federation und welche Probleme treten bei der Verwendung von Webcomponents mit Angular Elements auf?
Gefühlt schnellere Angular Anwendungen en
Angular ist als mächtiges all-in-one Enterprise JavaScript Framework in vielen Unternehmen gesetzt. Es steht es jedoch in Konkurrenz zu leichtgewichtigeren UI-only Frameworks wie React, Vue oder Svelte. Mit dem neuen Ivy Compiler wurde die generierte Bundle Size deutlich optimiert, um Angular Anwendungen schneller zu laden.
Doch man kann noch viel mehr optimieren, um die gefühlte Wartezeit des Nutzers zu reduzieren. Der Vortrag erklärt den Bootstrapping Prozess einer Angular Anwendung und zeigt Beispiele, wie man frühzeitig Daten oder Konfigurationen laden kann, die die Anwendung benötigt. Usability Verbesserungen mit Shimmer Animationen können langsame Backend-Antworten überbrücken. Tipps und Tricks für Ladeanimationen und Caching Strategien werden vorgestellt.
Automatisiertes Testen einer Angular Applikation de
Beim Designen einer Angular Applikation sollte das automatisierte Test Setup von Anfang an mitbedacht werden. Der Vortrag vermittelt Best-Practices zum Schreiben von Unit und DOM Tests. Was soll ich testen und wie? Typische Probleme, die einen Testfehler verursachen, werden demonstriert. Der richtige Umgang mit dem Angular Helper TestBed ermöglicht zuverlässig grüne Tests. Souveränes Handling von Dependency Injection mit Mocks, Spies und Stubs vereinfachen jeden Testfall. Der richtige Umgang mit asynchronen Backend Interaktionen beugt Blinkern vor.
Taming Webcomponents with Angular en de
With Angular Elements we can easily create custom elements which allows our app to be injected as a webcomponent on any HTML page. This might be helpful if we want to embed a microfrontend widget on a page using a different Javascript framework. But what if we want to place multiple custom elements on the same page? Or if we want more complex routed applications being bundled as a webcomponent? Do webcomponents help us solving the versioning problem, having Angular applications with different versions on the same page? This talk will give you some ideas about the potential and the limits of webcomponents. Because in the end, they might need to share the same browser window.
Angular Webkomponenten - unter Kontrolle en de
Mit Angular Elements kann man leicht Custom Elements erzeugen, die es erlauben unsere App als Webkomponente auf einer beliebigen HTML Seite einzubetten. Das ist hilfreich, wenn man ein Mikrofrontend Widget auf einer Seite mit einem anderen JavaScript Framework integrieren möchte. Aber was, wenn wir mehrere Custom Elements auf der gleichen Seite platzieren? Oder wenn wir komplexere Applikationen mit Routing als Webkomponente verpacken? Helfen uns Webkomponenten wenn wir Angular Anwendungen verschiedener Versionen auf der gleichen Seite wollen? Der Vortrag vermittelt Ideen über Möglichkeiten und Grenzen von Webkomponenten.
Micro Frontends Conference 2024 Sessionize Event
WeAreDevelopers World Congress 2023 Sessionize Event
Developer Week '22 Sessionize Event
Developer Week '21 Sessionize Event
Developer Week Swiss Sessionize Event
Web Developer Conference 2020 Sessionize Event
Developer Week '20 Sessionize Event
Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.
Jump to top