Vertiefung HTML/CSS, Projektideen-Pitches
In dieser Einheit vertiefen Sie Ihre HTML- und CSS-Kenntnisse mit fortgeschrittenen Layout-Techniken wie Flexbox und CSS Grid. Sie lernen HTML-Tabellen und Formulare kennen und erarbeiten die Grundlagen des Requirement Engineering für Agentic Coding. Am Ende der Einheit pitchen Sie Ihre Projektideen.
Lernziele
Nach Abschluss dieser Einheit können Sie:
- Flexbox und CSS Grid für fortgeschrittene Layouts: Sie verstehen die Konzepte von Hauptachse/Querachse (Flexbox) und Zeilen/Spalten (Grid) und können damit responsive Layouts erstellen.
-
HTML-Tabellen für strukturierte Daten: Sie können tabellarische
Daten semantisch korrekt mit
<table>,<thead>,<tbody>,<th>und<td>auszeichnen und ansprechend gestalten. -
HTML-Formulare erstellen: Sie kennen die wichtigsten Formularelemente wie
<input>,<select>,<textarea>und<button>und können Eingabeformulare mit Validierung erstellen. - Projektidee formulieren und pitchen: Sie können eine Projektidee für Ihr DH-Portfolio strukturiert beschreiben, die Zielgruppe definieren und in einem 3-Minuten-Pitch präsentieren.
- Agentic-Coding-Fokus — Requirement Engineering (RE): Sie verstehen, wie man präzise Anforderungen formuliert, um mit LLMs komplexe Layouts und Strukturen effektiv zu generieren.
Überblick: Was erwartet Sie?
Flexbox & CSS Grid
Sie lernen zwei mächtige CSS-Layout-Systeme kennen: Flexbox für eindimensionale Anordnungen (z.B. Navigationsleisten) und CSS Grid für zweidimensionale Raster-Layouts (z.B. Karten-Galerien für Sammlungsobjekte).
HTML-Tabellen & Formulare
Tabellen eignen sich hervorragend für Metadaten aus Korrespondenzen oder Sammlungskatalogen. Formulare ermöglichen die Dateneingabe — etwa für Manuskript-Metadaten oder Suchmasken.
Requirement Engineering
Beim Agentic Coding ist die präzise Beschreibung von Anforderungen entscheidend. Sie lernen, Wireframes in Worte zu fassen und iterativ mit einem LLM zu verfeinern.
Projektideen-Pitches
Am Ende der Einheit präsentieren Sie Ihre Projektidee in einem kurzen Pitch: Was wollen Sie bauen? Für wen? Welche Daten nutzen Sie? Das ist der Startschuss für Ihr individuelles DH-Portfolio-Projekt.