223015c phase 0: klausur-themen-vorschlag (9 blöcke, zur diskussion mit dozent)

block A vom-neumann-grundlagen (5 komponenten, ENIAC/Mark1/Z3, stored program)
block B internet-entstehung (ARPANET kalter krieg, WWW 1989 berners-lee CERN, unterseekabel)
block C TCP/IP-schichtenmodell (4 schichten, PDU pro schicht, warum schichten, OSI vs TCP/IP)
block D adress-tripel (IP/MAC/port, warum alle drei, localhost:8080 beispiel)
block E DNS+HTTP (lookup-hierarchie, request/response, statuscodes, HTTP/2 + 3)
block F browser-ablauf-synthese (URL → DNS → TCP → TLS → HTTP → HTML → CSS+JS → render, 7 schritte)
block G HTML-grundlagen (tag-struktur, semantische tags, DOCTYPE+head, validität)
block H CSS-grundlagen (box-model, selektoren, kaskade+spezifizität, flexbox vs grid)
block I barrierefreiheit (BFSG/EAA, WCAG POUR, semantisches HTML, ARIA als ergänzung)

vorschlag verlagerungen: JS-hands-ons raus aus klausur (kein block für JS), BitTorrent/P2P/gRPC/GraphQL raus (zu speziell), geschichte-personen-galerie 12→6 reduzieren

4 offene fragen formuliert für dozent-feedback: JS-tiefe? CSS-tiefe? A11y-tiefe? Block-F-status als pflicht-synthese?

danach: lernziele ableiten, bogen pro kapitel, demo-audit (164 vorhanden), slides-rewrite (3 kapitel-files)

docs/klausur-themen-223015c.md

@@ -0,0 +1,86 @@
+# 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.**