dhbw 01_web_eng: direkt-install slide ausgebaut (szenario, symptome), du-formen entfernt (sachlich/akademisch), editor-liste vim/neovim/emacs (helix raus), git inline erklärt

slides/dhbw/01_web_eng.md

@@ -217,7 +217,7 @@ Content-Type: application/json
 
 # Werkzeuge & Betriebssystem
 
-**Was du brauchst:**
+**Erforderliche Werkzeuge:**
 - **Terminal** (zsh / bash / fish / pwsh) — Kommandozeile
 - **Editor** (siehe folgende Folie)
 - **JavaScript-Runtime** (Node.js / Bun / Deno)
@@ -306,11 +306,25 @@ scoop install nodejs-lts
 
 ---
 
-# Direkt-Install: Nachteil
+# Direkt-Install: Wenn es eng wird
 
-Egal welcher Weg — System-Install kennt nur **eine** Node-Version gleichzeitig.
+**Typisches Szenario** in Studium und Beruf — drei parallele Projekte mit unterschiedlichen Anforderungen:
 
-Verschiedene Projekte → verschiedene Node-Versionen → **Versionsmanager**.
+| Projekt | Stack | Node-Version |
+|---------|-------|--------------|
+| Praktikums-API | Express (Legacy) | 18.x (LTS Hydrogen) |
+| Studienarbeit | Next.js 15 | 22.x (LTS Jod) |
+| Aktuelles Lab-Projekt | neueste Features | 24.x (Iron, current LTS) |
+
+System-Install kennt nur **eine** Node-Version global.
+
+**Symptome im Alltag:**
+- `npm install` bricht mit `engines`-Warning ab
+- native Module (z. B. `node-sass`) bauen nicht
+- CI-Pipeline ist grün, lokal rot — oder umgekehrt
+- erheblicher Zeitverlust beim Debuggen von Versions-Konflikten
+
+→ Lösung: **Versionsmanager** und Node-Version pro Projekt pinnen.
 
 ---
 
@@ -357,7 +371,7 @@ bun install
 bun run dev
 ```
 
-→ Im Kurs primär **Node.js**. Du darfst gerne Bun/Deno nutzen.
+→ Im Kurs primär **Node.js**. Bun und Deno sind ebenfalls zulässig.
 
 ---
 
@@ -366,7 +380,7 @@ bun run dev
 - **VS Code** (empfohlen) — kostenlos, große Plugin-Auswahl
 - **JetBrains WebStorm** — sehr mächtig, kostenpflichtig
   - kostenlos für Studierende via [JetBrains Education](https://www.jetbrains.com/community/education/#students)
-- **Neovim / Helix** — für CLI-Profis
+- **Vim / Neovim / Emacs** — für CLI-Profis
 - **Zed** — modern, schnell
 
 ---
@@ -400,15 +414,15 @@ Chromium / Firefox / Safari — `F12` oder `Cmd+Opt+I`
 
 **Einmalige Konfiguration:**
 ```bash
-git config --global user.name "Dein Name"
+git config --global user.name "Vorname Nachname"
-git config --global user.email "du@example.com"
+git config --global user.email "vorname.nachname@example.com"
 git config --global init.defaultBranch main
 git config --global pull.rebase true
 ```
 
 **SSH-Key für GitHub/GitLab:**
 ```bash
-ssh-keygen -t ed25519 -C "du@example.com"
+ssh-keygen -t ed25519 -C "vorname.nachname@example.com"
 cat ~/.ssh/id_ed25519.pub   # → in GitHub-Settings einfügen
 ```
 
@@ -975,6 +989,8 @@ Jedes HTML-Element ist eine rechteckige **Box**.
 
 ![bg right:35%](./assets/demos/css-colors.png)
 
+CSS kennt fünf Notationen für Farben: **Keyword**, **Hex**, **RGB**, **RGBA** (mit Transparenz) und **HSL**.
+
 ```css
 /* Keyword */
 color: red;