From eec3a3f2a20080599292f0caa7966e41c45920a6 Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Wed, 24 Dec 2025 01:06:52 +0100 Subject: [PATCH] =?UTF-8?q?remove=20pause,=20flei=C3=9Faufgabe,=20zusammen?= =?UTF-8?q?fassung=20slides;=20move=20resources=20to=20main=20list?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...01-10-termin-2-netzwerke-protokolle-css.md | 44 +------------------ 1 file changed, 2 insertions(+), 42 deletions(-) diff --git a/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md b/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md index e8ddc71..cafb92b 100644 --- a/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md +++ b/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md @@ -106,6 +106,8 @@ Fragen klären * MDN (Mozilla Developer Network): https://developer.mozilla.org/de/ * HTML-Referenz: https://nextlevelshit.github.io/html-over-js/ * CSS lernen: https://codescripsi.es/ +* Flexbox-Spiel: https://flexboxfroggy.com/ +* Grid-Spiel: https://cssgridgarden.com/ --- @@ -1534,13 +1536,6 @@ article { -# Pause -## 15 Minuten - ---- - - - # Teil 4: CSS vertiefen ## Transitions & moderne Features @@ -1677,22 +1672,6 @@ Variablen machen's einfach --- -# Fleißaufgabe bis 24.01. - -**Baut eine vollständige Portfolio-Seite:** - -1. Mehrere Unterseiten (HTML-Dateien) -2. Konsistentes Layout (Header, Footer, Navigation) -3. Responsive Design (Mobile-freundlich) -4. Mindestens ein Kontaktformular - -**Ressourcen:** -- CSS lernen: https://codescripsi.es/ -- Flexbox: https://flexboxfroggy.com/ -- Grid: https://cssgridgarden.com/ - ---- - # Fragen & Diskussion @@ -1703,25 +1682,6 @@ Variablen machen's einfach --- -# Zusammenfassung Termin 2 - -**Netzwerke:** -- OSI-Modell (7 Schichten) vs. TCP/IP (4 Schichten) -- DNS: Namen → IP-Adressen -- HTTP: Request/Response, Status-Codes - -**Barrierefreiheit:** -- WCAG: Perceivable, Operable, Understandable, Robust -- Tastatur-Navigation, Screenreader, Kontrast - -**CSS:** -- Selektoren (Element, Klasse, ID) -- Box-Modell (Content, Padding, Border, Margin) -- Flexbox für Layouts -- Responsive Design mit Media Queries - ---- - # Lizenz Diese Präsentation ist lizenziert unter **Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)**