Einheit 06

JavaScript-Grundlagen II

In dieser Einheit vertiefen Sie Ihre JavaScript-Kenntnisse: Sie lernen fortgeschrittene Array-Methoden wie map(), filter() und find(), arbeiten mit der Fetch API und asynchronem Code, verarbeiten JSON-Daten und entdecken die Europeana API sowie IIIF als Datenquellen für die Digital Humanities. Beim Agentic Coding steht Context Engineering (CE) im Mittelpunkt — wie man LLMs gezielt mit API-Dokumentation und Datenbeispielen versorgt.

Lernziele

Nach Abschluss dieser Einheit können Sie:

Arrays und Objekte vertieft anwenden: Sie beherrschen die Methoden map(), filter(), find() und forEach(), um Datensammlungen zu transformieren, zu filtern und zu durchsuchen.
Fetch API und asynchronen Code nutzen: Sie verstehen das Konzept von Promises und können mit async/await Daten von URLs und lokalen Dateien laden.
JSON verarbeiten: Sie können JSON-Daten parsen, navigieren und in HTML-Elemente umwandeln, um dynamische Inhalte auf Webseiten darzustellen.
Europeana API und IIIF kennenlernen: Sie wissen, was REST-APIs sind, können die Europeana-Suchparameter nutzen und verstehen die Grundstruktur von IIIF-Manifesten.
Daten filtern und live durchsuchen: Sie können eine Live-Suchfunktion implementieren, die Daten in Echtzeit filtert und die Anzeige aktualisiert.
Agentic-Coding-Fokus — Context Engineering (CE): Sie verstehen, wie man API-Dokumentation, Beispiel-Responses und Datenstrukturen als Kontext an ein LLM übergibt, um präziseren und funktionierenden Code zu erhalten.

Überblick: Was erwartet Sie?

Array-Methoden & Objekte

Sie lernen die wichtigsten Array-Methoden kennen, mit denen Sie Daten effizient verarbeiten: forEach() zum Iterieren, map() zum Transformieren, filter() zum Filtern und find() zum Suchen. Dazu arbeiten Sie mit verschachtelten Objekten und Destrukturierung.

Fetch API & async/await

Daten aus externen Quellen laden ist eine Kernkompetenz der Webentwicklung. Sie lernen, wie die Fetch API funktioniert, warum asynchroner Code notwendig ist und wie async/await das Arbeiten mit Promises vereinfacht.

Europeana & IIIF

Europeana ist das größte Kulturerbe-Portal Europas mit Millionen von digitalisierten Objekten. IIIF ermöglicht standardisierten Zugriff auf hochauflösende Bilder. Beides sind zentrale Werkzeuge für die Digital Humanities.

Context Engineering

Beim Agentic Coding ist der Kontext, den Sie einem LLM geben, entscheidend für die Qualität des generierten Codes. Sie lernen, API-Dokumentation, Beispiel-Responses und Datenstrukturen gezielt als Kontext einzusetzen.