dhbw inhalt: vorlesungsplan tabelle → cards-grid (4×3, milestones hervorgehoben), über-mich logos-collage, internet-101 erweitert (timeline + arpanet-bg + WWW-1989 + mosaic-bg + unterseekabel + heute + five-eyes), a11y/WCAG-block (~12 slides nach native html, vor css), direkt-install slide gesplittet (szenario / symptome), code-block-color → #f48fb1 (alle 8 files), section.invert h2 #f48fb1 für barrierefreiheit, ressourcen-slide auf 01-05 nach cover, alle emojis raus (✓✗⚠️🍞🥬🏆 + ↔), ESM statt CJS in 03/04, librete.ch domain, kleinere fixes (chromium statt chrome, CLI aufgelöst, JetBrains edu, hoppscotch, SOLID-abk., node 24 LTS, brew/winget/scoop/choco-links, vim/neovim/emacs editoren, herzlich willkommen)

slides/dhbw/05_testing.md

@@ -34,7 +34,7 @@ section.invert h2 {
 }
 pre {
   background: #0f0f23;
-  color: #d63384;
+  color: #f48fb1;
   border-radius: 8px;
   border-left: 3px solid #d63384;
 }
@@ -44,7 +44,7 @@ pre code {
 }
 code {
   background: #1a1a2e;
-  color: #d63384;
+  color: #f48fb1;
   padding: 0.15em 0.4em;
   border-radius: 4px;
 }
@@ -65,6 +65,16 @@ a {
 
 ---
 
+# Ressourcen zum Selbstlernen
+
+- **CODE CRISPIES** — [codecrispi.es](https://codecrispi.es/)
+- **Online Code-Editor** — [codepen.io](https://codepen.io/pen/)
+- **MDN** (Mozilla Developer Network) — [developer.mozilla.org/de/](https://developer.mozilla.org/de/)
+- **Flexbox-Spiel** — [flexboxfroggy.com](https://flexboxfroggy.com/)
+- **Grid-Spiel** — [cssgridgarden.com](https://cssgridgarden.com/)
+
+---
+
 <!-- _class: invert -->
 <!-- _backgroundColor: #000 -->
 
@@ -120,7 +130,6 @@ Jede Design-Phase hat Testpendant. Testfälle früh ableiten.
 # Test Automation Trophy (Kent C. Dodds)
 
 ```
-        🏆
    ┌─────────┐
    │   E2E   │  ← klein
    ├─────────┤
@@ -276,7 +285,7 @@ test("complete user journey", async () => {
 - **Echter Browser** – Chromium / Firefox / WebKit
 - **Echtes DOM** – Klicks, Tippen, Scrollen
 - **Echtes Rendering** – CSS, async Operationen
-- **Cross-Origin** – Client ↔ Server-Kommunikation
+- **Cross-Origin** – Client- und Server-Kommunikation
 
 Tools: **Cypress**, **Playwright**