improve dev setup slides and add hex visualizations
- split windows wsl setup into 2 slides with admin powershell instructions - clarify that ubuntu runs as app inside windows - fix all editor links to show https:// - add hex lookup table and 8bit character images
This commit is contained in:
@@ -48,8 +48,8 @@ a {
|
||||
<!-- _header: '' -->
|
||||
<!-- _footer: '' -->
|
||||
<!-- _backgroundColor: black -->
|
||||
|
||||

|
||||
.2
|
||||

|
||||
|
||||
# Grundlagen IT- und Internettechnik
|
||||
|
||||
@@ -663,6 +663,20 @@ CSS-Farben nutzen Hex
|
||||
|
||||
---
|
||||
|
||||
<!-- _header: '' -->
|
||||
<!-- _footer: '' -->
|
||||
|
||||

|
||||
|
||||
---
|
||||
|
||||
<!-- _header: '' -->
|
||||
<!-- _footer: '' -->
|
||||
|
||||

|
||||
|
||||
---
|
||||
|
||||
# Speicheradressen
|
||||
|
||||
**64-Bit-System:**
|
||||
@@ -785,12 +799,12 @@ a = anchor (Anker)
|
||||
- Speichern als `index.html` → Im Browser öffnen
|
||||
|
||||
**Option 2: VS Code** (empfohlen)
|
||||
- [code.visualstudio.com](https://code.visualstudio.com)
|
||||
- [https://code.visualstudio.com](https://code.visualstudio.com)
|
||||
- Extension: "Live Server"
|
||||
|
||||
**Option 3: Online-Editoren**
|
||||
- [stackblitz.com](https://stackblitz.com)
|
||||
- [codepen.io](https://codepen.io)
|
||||
- [https://stackblitz.com](https://stackblitz.com)
|
||||
- [https://codepen.io](https://codepen.io)
|
||||
|
||||
<!--
|
||||
Erstmal ohne IDE starten!
|
||||
@@ -848,15 +862,35 @@ Dauert 2-5 Minuten
|
||||
|
||||
---
|
||||
|
||||
# Windows: WSL einrichten
|
||||
# Windows: WSL installieren (1/2)
|
||||
|
||||
**PowerShell als Administrator öffnen:**
|
||||
|
||||
1. `Windows-Taste` drücken
|
||||
2. `powershell` eintippen
|
||||
3. Rechtsklick → **"Als Administrator ausführen"**
|
||||
*(oder: Rechts auf "Als Administrator ausführen" klicken)*
|
||||
|
||||
**Im PowerShell-Fenster eingeben:**
|
||||
```powershell
|
||||
wsl --install
|
||||
```
|
||||
|
||||
**Neustart erforderlich!** Dann Ubuntu einrichten (Username + Passwort)
|
||||
**Danach: Neustart erforderlich!**
|
||||
|
||||
<!--
|
||||
WSL = Windows Subsystem for Linux
|
||||
Echtes Linux im Windows
|
||||
Alle Linux-Tools verfügbar
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
# Windows: WSL einrichten (2/2)
|
||||
|
||||
**Nach dem Neustart:** Ubuntu wird als App in Windows installiert
|
||||
→ Ubuntu-Terminal öffnet sich zur Einrichtung
|
||||
→ Username + Passwort festlegen (Passwort wird nicht angezeigt!)
|
||||
|
||||
**Im Ubuntu-Terminal:**
|
||||
```bash
|
||||
@@ -864,13 +898,13 @@ sudo apt update
|
||||
sudo apt install git nodejs npm
|
||||
```
|
||||
|
||||
**VS Code:** [code.visualstudio.com](https://code.visualstudio.com)
|
||||
→ Extension "WSL" installieren
|
||||
**VS Code installieren:** [https://code.visualstudio.com](https://code.visualstudio.com)
|
||||
→ Extension **"WSL"** installieren
|
||||
→ Danach: `code .` öffnet VS Code aus Ubuntu heraus
|
||||
|
||||
<!--
|
||||
WSL = Windows Subsystem for Linux
|
||||
Echtes Linux im Windows
|
||||
Alle Linux-Tools verfügbar
|
||||
Passwort-Eingabe: Cursor bewegt sich nicht, einfach tippen
|
||||
sudo = Super User DO (Admin-Rechte)
|
||||
VS Code verbindet sich automatisch mit WSL
|
||||
-->
|
||||
|
||||
|
||||
@@ -49,7 +49,7 @@ a {
|
||||
<!-- _footer: '' -->
|
||||
<!-- _backgroundColor: black -->
|
||||
|
||||

|
||||

|
||||
|
||||
# Grundlagen IT- und Internettechnik
|
||||
|
||||
|
||||
@@ -49,7 +49,7 @@ a {
|
||||
<!-- _footer: '' -->
|
||||
<!-- _backgroundColor: black -->
|
||||
|
||||

|
||||

|
||||
|
||||
# Grundlagen IT- und Internettechnik
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
Reference in New Issue
Block a user