remove pausen, mittagspause, rückblick, was ihr gelernt habt slides
This commit is contained in:
@@ -94,36 +94,6 @@ Mechanisch vs. Elektronisch
|
||||
|
||||
---
|
||||
|
||||
# Rückblick: HDD vs. SSD
|
||||
|
||||
**HDD:**
|
||||
- Mechanisch, magnetisch
|
||||
- Langsam (~150 MB/s)
|
||||
- Günstig (~20€/TB)
|
||||
- Empfindlich (Stöße!)
|
||||
|
||||
**SSD:**
|
||||
- Elektronisch, Flash
|
||||
- Schnell (~500-7.000 MB/s)
|
||||
- Teuer (~80-150€/TB)
|
||||
- Write-Zyklen begrenzt
|
||||
|
||||
<!--
|
||||
HDD: Magnetscheiben (Platter) rotieren mit 5.400-7.200 RPM
|
||||
Lesekopf schwebt nanometerdicht über Oberfläche
|
||||
"Head Crash": Berührung = Datenverlust (daher Stoßempfindlichkeit)
|
||||
Enterprise: 10.000-15.000 RPM (Server)
|
||||
|
||||
SSD: NAND-Flash-Speicherzellen
|
||||
Typen: SLC (1 Bit), MLC (2 Bit), TLC (3 Bit), QLC (4 Bit)
|
||||
SLC = langlebig, teuer (Enterprise)
|
||||
QLC = günstig, weniger Schreibzyklen (Consumer)
|
||||
Write Amplification: Daten werden mehrfach intern geschrieben
|
||||
TRIM: Befehl, der SSD sagt, welche Blöcke frei sind
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
# Speicherkapazität: KB vs. KiB
|
||||
|
||||
**Das Problem:** Hersteller vs. Betriebssysteme
|
||||
|
||||
@@ -1386,25 +1386,6 @@ DNA-Helix überlagert
|
||||
|
||||
---
|
||||
|
||||
# Rückblick: 5 Termine
|
||||
|
||||
**Termin 1:** Bits, Bytes, Zeichenkodierung & Audio (MP3)
|
||||
**Termin 2:** Bild- & Videoformate (JPEG, H.264, AV1)
|
||||
**Termin 3:** Speichermedien & Schnittstellen
|
||||
**Termin 4:** Distribution, APIs & Zukunft
|
||||
**Termin 5:** Vertiefung & offene Fragen
|
||||
|
||||
**Heute:** Wohin geht die Reise?
|
||||
|
||||
<!--
|
||||
5 Termine = Kompakte Journey durch digitale Medien
|
||||
Von Grundlagen (Bits) zu Infrastruktur (CDN)
|
||||
Technologie + Geschichte + Politik
|
||||
Heute: Zukunft + Abschluss-Projekt
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
# AI-basierte Kompression
|
||||
|
||||
**Problem:** JPEG/H.264 basieren auf 90er-Jahre-Modellen
|
||||
|
||||
@@ -89,31 +89,14 @@ Hochschule der Medien Stuttgart
|
||||
|
||||
---
|
||||
|
||||
# Rückblick Termin 1
|
||||
# Agenda
|
||||
|
||||
**Was wir gelernt haben:**
|
||||
|
||||
- Geschichte: Lovelace -> Hollerith → IBM -> Turing → Von Neumann → ARPANET -> Kalifornische ForscherInnen
|
||||
- Von-Neumann-Architektur (5 Komponenten)
|
||||
- Bits, Bytes, Hexadezimal (8Bits = 2 * 4Bits = 16 * 16 Hexadezimalzahlen)
|
||||
|
||||
**Fragen? Unklarheiten?**
|
||||
|
||||
<!--
|
||||
Kurze Wiederholung
|
||||
Fragen klären
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
# Heute
|
||||
|
||||
**Vormittag:**
|
||||
**Teil 1:**
|
||||
- Netzwerke (OSI, TCP/IP)
|
||||
- DNS: Wie funktionieren Domain-Namen?
|
||||
- HTTP(S) im Detail
|
||||
|
||||
**Nachmittag:**
|
||||
**Teil 2:**
|
||||
- CSS-Grundlagen
|
||||
- "Barrierefreiheit" (a11y, WCAG)
|
||||
- Selektoren & Spezifität
|
||||
|
||||
@@ -83,31 +83,14 @@ Hochschule der Medien Stuttgart
|
||||
|
||||
---
|
||||
|
||||
# Rückblick
|
||||
# Agenda
|
||||
|
||||
**Termin 1:** Geschichte, Von-Neumann, HTML
|
||||
**Termin 2:** Netzwerke, DNS, HTTP, CSS
|
||||
|
||||
**Eure Portfolio-Seiten?**
|
||||
- Wer hat mehrere Seiten?
|
||||
- Wer hat ein Kontaktformular?
|
||||
- Wer hat responsive Design?
|
||||
|
||||
<!--
|
||||
Portfolio-Seiten zeigen lassen (freiwillig)
|
||||
Probleme besprechen
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
# Heute
|
||||
|
||||
**Vormittag:**
|
||||
**Teil 1:**
|
||||
- Was ist JavaScript?
|
||||
- Variablen, Datentypen, Operatoren
|
||||
- Funktionen & Kontrollstrukturen
|
||||
|
||||
**Nachmittag:**
|
||||
**Teil 2:**
|
||||
- Das DOM: HTML mit JS manipulieren
|
||||
- Events: Auf NutzerInnen reagieren
|
||||
- Projekt: Interaktive Webseite
|
||||
@@ -480,13 +463,6 @@ Funktionale Programmierung, Original-Array bleibt unverändert
|
||||
|
||||
<!-- _class: lead -->
|
||||
|
||||
# Pause
|
||||
## 15 Minuten
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: lead -->
|
||||
|
||||
# Teil 2: Das DOM
|
||||
## HTML mit JavaScript manipulieren
|
||||
|
||||
@@ -644,13 +620,6 @@ remove = aus DOM entfernen
|
||||
|
||||
<!-- _class: lead -->
|
||||
|
||||
# Mittagspause
|
||||
## 60 Minuten
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: lead -->
|
||||
|
||||
# Teil 3: Events
|
||||
## Auf NutzerInnen reagieren
|
||||
|
||||
@@ -840,13 +809,6 @@ Ausführlicher:
|
||||
|
||||
<!-- _class: lead -->
|
||||
|
||||
# Pause
|
||||
## 15 Minuten
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: lead -->
|
||||
|
||||
# Teil 4: Alles zusammen
|
||||
## Projekt & Ausblick
|
||||
|
||||
@@ -1007,30 +969,6 @@ Frameworks für größere Apps, Komponenten-basiert
|
||||
|
||||
---
|
||||
|
||||
# Was ihr gelernt habt
|
||||
|
||||
**Termin 1:** Geschichte, Von-Neumann, HTML
|
||||
**Termin 2:** Netzwerke, DNS, HTTP, CSS
|
||||
**Termin 3:** JavaScript, DOM, Events
|
||||
|
||||
<!--
|
||||
Termin 1:
|
||||
- Geschichte der Informatik (Hollerith → Internet)
|
||||
- Von-Neumann-Architektur
|
||||
- HTML-Grundlagen
|
||||
|
||||
Termin 2:
|
||||
- Netzwerke, DNS, HTTP
|
||||
- CSS: Selektoren, Box-Modell, Flexbox
|
||||
|
||||
Termin 3:
|
||||
- JavaScript: Variablen, Funktionen, Schleifen
|
||||
- DOM-Manipulation
|
||||
- Events & Interaktivität
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
# Ihr könnt jetzt...
|
||||
|
||||
- Den historischen Kontext von IT verstehen
|
||||
|
||||
Reference in New Issue
Block a user