Von 0 zu Smart: SPAs mit Generative AI aufwerten
Max Marschall | 04.12.2024 | 10:30 Uhr
12.06.2024 |
- 10:30 Uhr
- Sascha Lehmann
Webinar: View Transition API und Scroll-Driven Animations: Gamechanger für die hybride App-Entwicklung
Durch die rasend schnelle Weiterentwicklung von Web-APIs (Stichwort Projekt Fugu) konnte die Lücke, die zwischen Progressive Web Apps (PWA) oder hybriden Entwicklungsansätzen und den nativen Apps bestand, mehr und mehr geschlossen werden. Auch visuell sind sie kaum noch von nativen Apps unterscheidbar. Jedoch wenn es um das Thema Animationen geht, waren native Apps durch die Verfügbarkeit nativer Animations-APIs immer einen Schritt voraus. Komplexe Animationen wie Container Transforms waren bisher ohne immensen Aufwand in Web-Apps praktisch nicht zu realisieren.
Richtig. Sie WAREN es.
Auch diese Lücke kann nun dank der neuen View Transition API und der Scroll-Driven Animations geschlossen werden. Und das beste daran: Alles fast ausschließlich per CSS.
Neugierig geworden? Dann gibt ihnen Sascha Lehmann von Thinktecture einen Überblick über die neuen APIs, wie Sie sie effektiv in ihrem Projekt einsetzen und wo ihre Grenzen liegen.
Sascha Lehmann ist Developer bei Thinktecture.
Sein Fokus liegt auf Angular und der Verbesserung von User Experience.
Moderation
Gøran Homberg
Gøran Homberg ist Consultant bei Thinktecture und arbeitet mit unseren Kunden bzgl. deren Anforderungen, Projektansätzen und zugehörigem Projekt-Management.
Agenda
- Welche Probleme lösen die beiden API’s?
- Wie funktioniert die View-Transition-API und was gilt es zu beachten?
- Wie funktionieren Scroll-Driven Animations
- Welche vorher undenkbaren Effekte lassen sich mit beiden API’s nun erzielen?
Material & Video zu "View Transition API und Scroll-Driven Animations: Gamechanger für die hybride App-Entwicklung"
Links aus dem Webinar:
Sie wünschen sich Unterstützung durch unsere Experten in Ihrem Projekt?
Slidedeck zu "View Transition API und Scroll-Driven Animations: Gamechanger für die hybride App-Entwicklung"
Kommende Webinare: jetzt kostenlos anmelden
Built-in AI: Die AI-Revolution direkt im Browser
Christian Liebel | 18.12.2024 | 10:30 Uhr
Aktuelle Webinar-Aufzeichnungen
Daniel Sogl | 13.11.2024 | 10:30 Uhr
Sebastian Gingter | 24.07.2024 | 10:30 Uhr
Christian Liebel | 05.06.2024 | 10:30 Uhr
Weitere Artikel zu Angular, UX/UI
Angular
View Transition API Integration in Angular—a brave new world (Part 1)
If you previously wanted to integrate view transitions into your Angular application, this was only possible in a very cumbersome way that needed a lot of detailed knowledge about Angular internals. Now, Angular 17 introduced a feature to integrate the View Transition API with the router. In this two-part series, we will look at how to leverage the feature for route transitions and how we could use it for single-page animations.
15.04.2024
AI
AI-Funktionen zu Angular-Apps hinzufügen: lokal und offlinefähig
Künstliche Intelligenz (KI) ist spätestens seit der Veröffentlichung von ChatGPT in aller Munde. Wit WebLLM können Sie einen KI-Chatbot in Ihre eigenen Angular-Anwendungen integrieren. Wie das funktioniert und welche Vor- und Nachteile WebLLM hat, lesen Sie hier.
26.02.2024
Angular
Konfiguration von Lazy Loaded Angular Modulen
Die Konfigurierbarkeit unserer Angular-Module ist für den Aufbau einer wiederverwendbaren Architektur unerlässlich. Aber in der jüngsten Vergangenheit hat uns Angular seine neue modullose Zukunft präsentiert. Wie sieht das Ganze jetzt aus? Wie konfigurieren wir jetzt unsere Lazy-Komponenten? Lasst uns gemeinsam einen Blick darauf werfen.
03.08.2023
Angular
Using EntityAdapter with ComponentStore: @ngrx/entity Series – Part 3
As someone who enjoys the ComponentStore on an average level, I have written simple reactive CRUD logic several times. While storing a vast number of entities in the component state might not be a frequent use case, I will briefly illustrate the usage of the EntityAdapter with the @ngrx/component-store.
14.02.2023
Angular
Multiple Entity Collections in the Same Feature State: @ngrx/entity-Series – Part 2
After introducing the @ngrx/entity package, I am often asked how to manage multiple entity types in the same feature state. While I hope
that the previous part of this article series has made this more apparent, I will further focus on
this question in the following.
07.02.2023
Angular
Managing Your Collections With the EntityAdapter: @ngrx/entity-Series – Part 1
This three-part series of blogposts is targeted at developers who have already gained experience with NgRx but still manage their collections themselves. In the first part I introduce the Entity Adapter, in the second part I show you how to connect it to NgRx and in the third part how to do it with the Component Store as well.
31.01.2023