add dev environment setup slides for termin 1

- terminal & paketmanager overview
- macos: homebrew installation
- windows: wsl setup with ubuntu
This commit is contained in:
2025-12-19 21:35:28 +01:00
parent efe80abd5d
commit 8920038834
@@ -799,6 +799,83 @@ Verstehen: HTML ist nur Text
---
# Terminal & Paketmanager
**Warum brauchen wir das?**
- Professionelle Webentwicklung läuft über die Kommandozeile
- Tools wie `git`, `node`, `npm` werden später benötigt
- Bash-Skripte automatisieren wiederkehrende Aufgaben
**Je nach Betriebssystem:**
| macOS | Windows |
|-------|---------|
| Terminal ist vorinstalliert | **WSL** installieren |
| **Homebrew** als Paketmanager | Ubuntu-Terminal nutzen |
<!--
Heute nur Einrichtung
Später: git, node.js, npm
Bash = Standard-Shell für Entwickler
-->
---
# macOS: Homebrew installieren
**Terminal öffnen:** Spotlight → "Terminal"
**Homebrew installieren:**
```bash
/bin/bash -c "$(curl -fsSL https://homebrew.sh/install.sh)"
```
**Danach verfügbar:**
```bash
brew install git # Versionskontrolle
brew install node # JavaScript-Runtime
brew install --cask visual-studio-code
```
**Homebrew** = Der fehlende Paketmanager für macOS
https://brew.sh
<!--
Einzeiler kopieren, im Terminal einfügen
Passwort eingeben
Dauert 2-5 Minuten
-->
---
# Windows: WSL einrichten
**PowerShell als Administrator öffnen:**
```powershell
wsl --install
```
**Neustart erforderlich!** Dann Ubuntu einrichten (Username + Passwort)
**Im Ubuntu-Terminal:**
```bash
sudo apt update
sudo apt install git nodejs npm
```
**VS Code:** https://code.visualstudio.com
→ Extension "WSL" installieren
<!--
WSL = Windows Subsystem for Linux
Echtes Linux im Windows
Alle Linux-Tools verfügbar
VS Code verbindet sich automatisch mit WSL
-->
---
# Hands-On: Erste HTML-Seite (45 Min)
**Aufgabe:**