Weaving the Web

Schwerpunkt im Medieninformatik Master

Animierte SVGs


Coach
Lioba Brandhoff
Termin
Dienstag, 28. Mai 2024, 13:00 Uhr
Dauer
~120 Minuten
Raum
3.217

In diesem Workshop werden wir uns mit SVG-Animationen im Web beschäftigen. Dafür schauen wir uns zunächst an, was SVGs sind und welche Vor- und Nachteile diese bieten. Im Anschluss schauen wir uns verschiedene Methoden an, um SVGs zu animieren. Mit den Erfahrungen aus dem Workshop, soll es den Teilnehmenden möglich sein, eigenständig eine gute Methode für ihre SVG-Animation auszuwählen und diese entsprechend umzusetzen.

Während des Workshops lernen die Teilnehmenden:

  • Grundlagen von SVGs
  • Methoden zur Erstellung von SVG Animationen
  • Vor- und Nachteile der Methoden

Zielgruppe

Dieser Workshop richtet sich an alle Personen, die ein Interesse an dem Einsatz von Animationen in Webanwendungen besitzen.

Vorkenntnisse:

Die Teilnehmenden sollten grundlegende Kenntnisse in folgenden Bereichen besitzen:

  • JavaScript
  • HTML
  • CSS
  • Git

Technische Vorbereitung

  • Entwicklungsumgebung
  • Git

Es soll bitte vorab eine lokale Entwicklungsumgebung eingerichtet werden, sodass im Frontend bereits ein einfaches “Hallo Welt” angezeigt werden kann. Es reicht dafür eine index.html und eine verknüpfte CSS und JavaScript Datei.

Material