223015c phase 4: kap2 slide-MD rewrite (91 → 41 slides, -55%)
bogen-treu nach docs/223015c/02-netzwerke-protokolle-css-bogen.md.
sub-A netzwerk (18 slides):
- lead 'sub-A netzwerk'
- klausur drei-adressen-tabelle (IP weltweit eindeutig endgerät, MAC lokal eindeutig NIC, port programm — mit beispielen 80/443/22)
- ip-packet demo reuse
- client-server-ports demo reuse
- lead TCP/IP, warum-schichten erklärung, klausur 4-schichten-tabelle (network-access/internet/transport/application mit protokollen + dateneinheiten frame/packet/segment/data)
- encap-stack demo reuse, klausur encapsulation-pyramide
- OSI vs TCP/IP tabelle (7 vs 4 schichten)
- lead DNS, dns-lookup demo reuse, dns-tree demo reuse
- lead HTTP, klausur HTTP-request mit GET/path/header, klausur HTTP-response mit statuscode/header/body
- klausur statuscodes-tabelle (200/301/302/400/401/403/404/500/503)
- HTTP-versionen 1.1/2/3 mit hauptverbesserungen pro version
- tcp-handshake demo reuse
- klausur synthese 'URL → pixel 7 schritte' (URL-parsen→DNS→TCP→TLS→HTTP→HTML/CSS/JS→render)
- network-chain demo reuse
sub-B CSS+A11y (22 slides):
- lead sub-B
- css-anatomie demo reuse mit selektor/property/value erklärung + 3 einbindungsarten
- klausur CSS-selektoren-tabelle (element/klasse/id/pseudo/kombinatoren)
- css-combinators demo reuse
- klausur spezifizität-hierarchie (inline 1000, id 100, klasse 10, element 1)
- css-box-model demo reuse + ASCII-darstellung + box-sizing border-box best-practice
- display: block/inline/flex/grid übersicht
- klausur flexbox-vs-grid (1D vs 2D, anwendungs-fälle)
- css-responsive demo reuse (media queries, mobile-first)
- lead A11y, klausur BFSG+EAA-pflicht ab 28.06.2025 (wer betroffen, ausnahmen kleinunternehmen, 100k bußgeld), klausur WCAG-POUR-prinzipien
- a11y-semantic demo reuse, ARIA als ergänzung (button vs div role=button), contrast-levels demo reuse, keyboard-a11y demo reuse, a11y-error demo reuse
- selbstlernen A11y-audit mit lighthouse
- zusammenfassung 'netzwerk + browser-synthese + CSS + A11y'
reuse-demos: ip-packet, client-server-ports, encap-stack, dns-lookup, dns-tree, tcp-handshake, network-chain, css-anatomie, css-combinators, css-box-model, css-responsive, a11y-semantic, contrast-levels, keyboard-a11y, a11y-error (15 demos reused)
no NEU demos in dieser session — alle inline als markdown-tabellen + code-blocks
klausur-marker (11): drei-adressen, 4-schichten, encapsulation, HTTP-request, HTTP-response, statuscodes, URL→pixel-7-schritte, CSS-selektoren, spezifizität, box-model, flexbox-vs-grid, BFSG/EAA, WCAG-POUR
build geht durch
libretech
8fd33b291b