diff --git a/docs/klausur-themen-223015c.md b/docs/klausur-themen-223015c.md new file mode 100644 index 0000000..213ecf6 --- /dev/null +++ b/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 (`Inhalt`) +- 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.**