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: '' -->
|
<!-- _header: '' -->
|
||||||
<!-- _footer: '' -->
|
<!-- _footer: '' -->
|
||||||
<!-- _backgroundColor: black -->
|
<!-- _backgroundColor: black -->
|
||||||
|
.2
|
||||||

|

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

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

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

|

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

|

|
||||||
|
|
||||||
# Grundlagen IT- und Internettechnik
|
# 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