libretech
8fd33b291b
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
2026-05-14 16:44:37 +02:00
libretech
b242c7b4e6
223015c 02 + dhbw 01: klausurfolien markiert, prosa-sätze bei allen tabellen, layout-fixes
...
223015c/02:
- glossar landkarte: klausur, prosa, reihenfolge (host→client→server→req→res→protokoll), tcp/http als beispiel
- glossar adressen/daten/eigenschaften/protokolle: prosa-sätze
- tcp/ip-modell: nichtssagenden satz ersetzt
- dateneinheiten: merkhilfe durch prosa ersetzt
- osi vs tcp/ip: bg right statt h:440, prosa statt einzeiler
- port: tabelle→liste, prosa statt bullets
- ip vs mac vs port: prosa
- tcp vs udp, http-methoden, status-codes, einheiten: prosa
- selektoren id + farben: klausur markiert
- farben: mdn-link, prosa-satz
dhbw/01:
- farben: prosa-satz synchronisiert
- über-mich: collage-bild hinzugefügt
2026-05-07 15:21:40 +02:00
libretech
61468d2d3a
erklaerung: bg entfernen — soll vertiefung sein, nicht klausur
...
bug: 'section.erklaerung' hatte '@media print { background }' rule (alle 5
files), was im PDF rosa/blau-klausur-bg setzte. HTML hatte (in c) keinen
bg oder (in b) gradient bg. ergebnis: HTML zeigt erklaerung anders als PDF
— PDF sah aus wie klausurfolie obwohl es nur eine vertiefung ist.
fix: erklaerung behaelt nur 'font-size: 1.1rem' + h1 color/size + table
font-size. KEIN background mehr — weder screen noch print. visuell
unterschieden durch h1-color und font-size, nicht durch bg-farbe.
betroffen: b01, b02, b03, c01, c02 (alle files mit section.erklaerung).
2026-04-27 15:04:45 +02:00
libretech