Web-Entwicklung

Agentic Coding. LLM-gestützte Webentwicklung in der Praxis

562.014 — VU, 2 SSt, 4 ECTS Sommersemester 2026 Pollin, Steiner Institut für Digitale Geisteswissenschaften

Setup-Anleitung Assignments Agentic Coding Guide Cheatsheets

Einheiten

9 Termine, aufeinander aufbauend — von HTML-Grundlagen bis zur fertigen DH-Web-Applikation.

Einheit 01 10. März 2026 Grundlagen Web, HTML und LLMs Wie funktioniert das Web? Erste HTML-Seite erstellen. Einführung in Agentic Coding mit Large Language Models. HTML LLM Einheit 02 17. März 2026 CSS-Grundlagen Webseiten gestalten: Farben, Typografie, Box-Model. Einen historischen Brief ansprechend darstellen. CSS LLM Einheit 03 24. März 2026 Vertiefung HTML/CSS Flexbox, CSS Grid, Tabellen und Formulare. Projektideen-Pitches für Assignment 1. HTML CSS Pitch Einheit 04 14. April 2026 Präsentation Assignment 1 Präsentation der persönlichen DH-Portfolio-Seiten. Peer-Feedback und Reflexion. Präsentation Einheit 05 21. April 2026 JavaScript-Grundlagen I Variablen, Datentypen, DOM-Manipulation. TEI-XML per JavaScript einlesen und als HTML rendern. JavaScript LLM Einheit 06 28. April 2026 JavaScript-Grundlagen II Fetch API, JSON, asynchroner Code. Europeana-Suche und IIIF-Manifests verarbeiten. JavaScript LLM Einheit 07 12. Mai 2026 JavaScript-Grundlagen III Karten mit Leaflet.js, GeoJSON-Visualisierung, Dashboard-Aufbau. CLAUDE.md und Projektstruktur. JavaScript LLM Einheit 08 19. Mai 2026 Präsentation Assignment 2 Präsentation der interaktiven DH-Daten-Explorer. Feedback und Hinweise zum Abschlussprojekt. Präsentation Einheit 09 23. Juni 2026 Präsentation Assignment 3 Abschlusspräsentationen der DH-Web-Applikationen. Semester-Reflexion und Feedback. Präsentation

Beurteilung

Drei aufbauende Assignments mit LLM-Reflexion und Präsentation.

Assignment 1 — Persönliche DH-Portfolio-Seite (HTML/CSS) 30%

Assignment 2 — Interaktiver DH-Daten-Explorer (JavaScript) 30%

Assignment 3 — Abschlussprojekt: DH-Web-Applikation 30%

Aktive Mitarbeit in den Präsenzeinheiten 10%

Agentic Coding — Kompetenzmodell

Sieben Dimensionen für die kompetente Arbeit mit LLMs im Entwicklungsprozess.

PE Prompt Engineering LLM-Eingaben optimieren: spezifisch, kontextreich, iterativ.

CL Code Literacy Generierten Code lesen, verstehen und anpassen können.

CE Context Engineering Dem LLM den richtigen Kontext bereitstellen: Daten, Doku, Beispiele.

RE Requirement Engineering Anforderungen präzise formulieren, bevor Code generiert wird.

RV Review Ergebnisse systematisch prüfen: funktioniert es? Ist es korrekt?

CT Computational Thinking Probleme in bearbeitbare Schritte zerlegen und abstrahieren.

EW Expertenwissen Domänenwissen aus den DH einbringen und mit Technik verbinden.