08.03.2023 | 

Webinar: Web-Apps mit Angular: Animationen als letzten Schliff für Angular-Apps

Im zweiten Webinar unserer Reihe "Moderne Web-Apps mit Angular" dreht sich alles rund um das Thema Animationen. Gerne werden sie in Projekten als “nice to have”, unnötig oder Zeitfresser abgetan – jedoch zu Unrecht.

In diesem Webinar räumt Sascha Lehmann mit gängigen Vorurteilen auf. Er zeigt, wie Animationen grundsätzlich funktionieren, warum sie für eine gute User Experience unabdingbar sind und wie man seiner Applikation mithilfe von CSS-Animationen und Angular-Animations den letzten Schliff verleiht.

Außerdem gibt es nebenbei wichtige Tipps aus der Praxis, etwa wann es sinnvoll ist, Animation-Libraries wie “gsap” oder “lottie” einzusetzen und was beim Aufbau der Anwendung beachtet werden muss, um Animations-Frust zu vermeiden.

Mehr Beiträge zu Angular, UX/UI, Web Apps
Sascha Lehmann ist Developer bei Thinktecture. Sein Fokus liegt auf Angular und der Verbesserung von User Experience.

Dieses Webinar ist Teil unserer Angular-Web-Apps Webinar-Reihe

Unsere erfahrenen Spezialisten Christian Liebel, Sascha Lehmann, Max Marschall und Yannick Baron betrachten das Thema Cloud-Native auf pragmatische Weise. Hier finden Sie alle Webinare.

Moderation

Marco Frodl

Marco Frodl

Marco Frodl ist Consultant bei der Thinktecture AG und versteht sich als ein IT-Dolmetscher zwischen Developern und Anwendern.

Agenda

  • Grundlagen der Animation
  • Welche Mittel stehen mir im Web zur Animation zur Verfügung
  • @angular/animations - Wie läufts in Angular Applikationen
  • Tipps / Performance / Debugging
  • Resume
  • Q&A

Material & Video zu
"Web-Apps mit Angular: Animationen als letzten Schliff für Angular-Apps"

Sie wünschen sich Unterstützung durch unsere Experten in Ihrem Projekt?

Slidedeck zu "Web-Apps mit Angular: Animationen als letzten Schliff für Angular-Apps"

Kommende Webinare: jetzt kostenlos anmelden

@ngrx/signals: Reaktives State-Management auf Komponentenebene

Yannick Baron | 03.04.2024 | 10:30 Uhr

Transparente AI: Tracing- und Debugging-Techniken für LLM-Anwendungen

Marco Frodl | 15.05.2024 | 10:30 Uhr

Hallo, Angular Developer!

Du hast ein Auge für UX und willst mit echten Experten arbeiten?

Du bist auch der Meinung, dass Frontend-Entwicklung mehr ist als nur „Klickibunti“ und denkst in Design-System-basierenden Komponenten? Dann sollten wir uns vielleicht kennenlernen :-)
Erfahre hier mehr über uns, das Team und was Dich bei uns erwartet,

Weitere Artikel zu Angular, UX/UI, Web Apps

Angular
SL-rund

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
Low-angle photography of metal structure
AI
cl-neu

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
SL-rund

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
yb

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
yb

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
yb

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

Unsere Webinare

Unsere Artikel

Mehr über uns