# 223015c — Klausur-Themen-Vorschlag (zur Diskussion)

**Status:** Vorschlag von mir, *nicht gelockt*. Du redigierst, dann lock.
**Format-Vorbild:** wie `klausur-themen-2026.md` für 223015b (9 Blöcke).

## Bestands-Aufnahme (Ist)

- Kap 1 (Geschichte+HTML): 100 Slides — 8 mit `_class: klausur`
- Kap 2 (Netzwerke+CSS): 91 Slides — 7 mit `_class: klausur`
- Kap 3 (JS): 49 Slides — **0 klausur-Marker** → JS aktuell NICHT prüfungsrelevant
- 164 demos im `assets/demos/`-Ordner (DNS-tree, TCP-handshake, CSS-selektoren, ARIA, etc.)

## Vorschlag: 9 Klausur-Blöcke

### Block A — Vom-Neumann-Grundlagen
- 5 Komponenten der Von-Neumann-Architektur
- Was war ENIAC, was Mark I, was Z3
- Warum „stored program" eine Revolution war
- *Berührungspunkt:* die Architektur eures eigenen Laptops

### Block B — Internet-Entstehung
- ARPANET-Motivation (Kalter Krieg)
- Wer hat das WWW erfunden (Berners-Lee 1989), wo (CERN)
- Was unterscheidet Internet vs WWW
- Unterseekabel-Geographie als physische Realität

### Block C — TCP/IP-Schichtenmodell
- Die 4 Schichten (Network, Internet, Transport, Application)
- Was passiert in jeder Schicht (Beispiel-PDU pro Schicht)
- Warum Schichten — Trennung der Verantwortlichkeiten
- OSI vs TCP/IP

### Block D — Adress-Tripel (IP, MAC, Port)
- Was identifiziert jede Adresse (Gerät · NIC · Programm)
- Warum man alle drei braucht
- Beispiel: Browser → Server bei `localhost:8080`

### Block E — DNS und HTTP
- Was tut ein DNS-Lookup
- Hierarchie (Root → TLD → Authoritative → Records)
- HTTP-Request-Response-Aufbau
- Statuscodes (200, 301, 404, 500)
- HTTP/2 + HTTP/3 (Header-Komprimierung, Multiplexing)

### Block F — Gesamter Browser-Ablauf
- Was passiert von `Enter` im Browser bis Pixel
- 7 Schritte: URL → DNS → TCP/TLS → HTTP-Request → HTML-Parsing → CSS+JS → Render
- *Synthese-Klausur-Block*

### Block G — HTML-Grundlagen
- Tag-Struktur (`<tag attr="wert">Inhalt</tag>`)
- Semantische Tags (header, nav, main, article, section, footer)
- Document-Struktur (DOCTYPE, head, body, meta-tags)
- Validität: warum semantische Tags wichtig sind (SEO, A11y, Screen-Reader)

### Block H — CSS-Grundlagen
- Box-Model (content, padding, border, margin)
- Selektoren (Element, Klasse, ID, Pseudo-Klassen, Kombinatoren)
- Cascading + Spezifizität
- Layout: Flexbox vs Grid (wann welches)

### Block I — Barrierefreiheit (Accessibility / WCAG)
- BFSG / EAA (was ist das, wann tritt es in Kraft)
- WCAG 2.1 4 Prinzipien (POUR)
- Semantisches HTML als Foundation
- ARIA als Ergänzung (nicht Ersatz!)
- Konkrete Beispiele: Alt-Text, Kontrast, Keyboard-Navigation

## Verlagerungen / Kürzungen

**Komplett raus (Vorschlag):**
- JS-Hands-Ons als Klausur-Material (Block für JavaScript nicht aufnehmen)
- BitTorrent, P2P, gRPC, GraphQL (zu speziell, gehört in Webentwicklung-Modul)

**Reduziert:**
- Geschichte-Personen-Galerie: 12 Personen → 6 (Lovelace, Turing, von Neumann, Hopper, Hamilton, Berners-Lee)
- Hollerith/IBM/NS: behalten als Geschichts-Block, klausur-relevant Block A

## Offene Fragen für dich

1. **JS ja oder nein in Klausur?** Wenn ja: welche Tiefe (Konzept-Verständnis vs Code-Lesen vs Code-Schreiben)?
2. **CSS-Tiefe:** Flexbox-Code lesen-können oder nur "Was ist Flexbox" konzeptionell?
3. **A11y-Tiefe:** Standards aufzählen (WCAG, BFSG, EAA) oder konkrete WCAG-Kriterien anwenden?
4. **Block F (Browser-Ablauf):** der ist methodisch synthetisch — wollen wir das als „Klausur-Pflicht-Synthese" oder als optionale Bonus-Frage?

**Bitte beantworte → ich lock die Blöcke → leite daraus die operativen Lernziele ab.**