Zurück zum Programm

30.11.-0001 - 00:00 Uhr

Web Animations: so verleihen Sie Ihrer Web-App den letzten Schliff

Ani­ma­tio­nen wer­den in Pro­jek­ten gerne als “nice to have”, unnötig oder Zeit­fress­er abge­tan – jedoch zu Unrecht. In dieser Ses­sion räumt Sascha Lehmann von Think­tec­ture mit gängi­gen Vorurteilen auf. Ler­nen Sie in dieser Ses­sion, wie Ani­ma­tio­nen grund­sät­zlich funk­tion­ieren und warum sie für eine gute User Expe­ri­ence unab­d­ing­bar sind: Mith­il­fe von CSS-Ani­ma­tio­nen ver­lei­hen Sie Ihrer App­lika­tion den let­zten Schliff! Erhal­ten Sie wichtige Tipps aus der Prax­is, etwa wann es sin­nvoll ist, Ani­ma­tion-Libraries wie “gsap” oder “lot­tie” einzuset­zen und was beim Auf­bau der Anwen­dung beachtet wer­den muss, um Ani­ma­tions-Frust zu vermeiden.

Lernziele

  • Grundverständnis der Wichtigkeit und Funktion von Animationen in der UX
  • Vermittlung technischer Möglichkeiten zum Umsetzen von Animationen
  • Verständnis, wann welche technische Möglichkeit genutzt werden sollten
  • Handwerkszeug um einfache Animationen mit großem Effekt anwenden zu können
  • Grundverständnis Debugging / Performance Optimierung von Animationen

Niveau

Grundlagen

Vorkenntnisse

Basics JavaScript, HTML, CSS
Sascha Lehmann
Thinktecture AG
X: https://twitter.com/derlehmann_s
Für Sascha Lehmann war mit seinem ersten PC schon klar, in welche Richtung die Reise geht. Durch Desktop- und Backend-Entwicklung im .NET-Umfeld fand er über die Jahre hinweg zu seiner wahren Leidenschaft, der Webentwicklung. Als Experte im Angular und im UI/UX Umfeld hilft er bei der Thinktecture AG in Karlsruhe tagtäglich Kunden bei ihren Herausforderungen und Vorhaben. Sein Wissen behält er natürlich nicht für sich, sondern gibt es mit viel Hingabe an andere weiter, um auch auf sie den Funken der Leidenschaft für Webentwicklung überspringen zu lassen.