Web Development

Vertiefungsmodul im Medieninformatik Bachelor

Javascript – Broken Grid, FetchAPI, DOM Manipulationen

Dauer
420 min
Typ
Frontend Development
Maximale Teilnehmerzahl
40 Teilnehmer
Verantwortlich
Christian Noss

Termine:

  • 03. Juli 2025, 10:00 Uhr – Raum 3.217

Worum geht es?

Heute widmen wir uns einem gestalterisch anspruchsvolleren Thema: dem sogenannten Broken Grid-Element auf der Startseite. Das zugrundeliegende Grid-System haben Sie bereits in der letzten Veranstaltung kennengelernt. Heute möchten wir gemeinsam erarbeiten, wie sich dieses Raster gezielt durchbrechen lässt – und wie man ein solches Element technisch und gestalterisch sauber umsetzt. Ziel ist es, das im Layout vorgegebene Design möglichst präzise nachzubauen, dabei aber stets auf Struktur, Lesbarkeit und Responsivität zu achten.

Außerdem beschäftigen wir uns damit wie man Daten asynchron von einem Server abrufen und auf dieser Basis dynamisch Markup erzeugen kann. Zudem schauen wir uns an, wie man JSON Daten manipulieren und filtern kann. Das ganze brauchen wir für das wunderschöne Bildraster auf der Startseite und die Zahlenspiele.

Übungen

Material

Das Material für heute auf Miro Board