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
|
# Speicherkapazität: KB vs. KiB
|
||||||
|
|
||||||
**Das Problem:** Hersteller vs. Betriebssysteme
|
**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
|
# AI-basierte Kompression
|
||||||
|
|
||||||
**Problem:** JPEG/H.264 basieren auf 90er-Jahre-Modellen
|
**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:**
|
**Teil 1:**
|
||||||
|
|
||||||
- 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:**
|
|
||||||
- Netzwerke (OSI, TCP/IP)
|
- Netzwerke (OSI, TCP/IP)
|
||||||
- DNS: Wie funktionieren Domain-Namen?
|
- DNS: Wie funktionieren Domain-Namen?
|
||||||
- HTTP(S) im Detail
|
- HTTP(S) im Detail
|
||||||
|
|
||||||
**Nachmittag:**
|
**Teil 2:**
|
||||||
- CSS-Grundlagen
|
- CSS-Grundlagen
|
||||||
- "Barrierefreiheit" (a11y, WCAG)
|
- "Barrierefreiheit" (a11y, WCAG)
|
||||||
- Selektoren & Spezifität
|
- Selektoren & Spezifität
|
||||||
|
|||||||
@@ -83,31 +83,14 @@ Hochschule der Medien Stuttgart
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
# Rückblick
|
# Agenda
|
||||||
|
|
||||||
**Termin 1:** Geschichte, Von-Neumann, HTML
|
**Teil 1:**
|
||||||
**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:**
|
|
||||||
- Was ist JavaScript?
|
- Was ist JavaScript?
|
||||||
- Variablen, Datentypen, Operatoren
|
- Variablen, Datentypen, Operatoren
|
||||||
- Funktionen & Kontrollstrukturen
|
- Funktionen & Kontrollstrukturen
|
||||||
|
|
||||||
**Nachmittag:**
|
**Teil 2:**
|
||||||
- Das DOM: HTML mit JS manipulieren
|
- Das DOM: HTML mit JS manipulieren
|
||||||
- Events: Auf NutzerInnen reagieren
|
- Events: Auf NutzerInnen reagieren
|
||||||
- Projekt: Interaktive Webseite
|
- Projekt: Interaktive Webseite
|
||||||
@@ -480,13 +463,6 @@ Funktionale Programmierung, Original-Array bleibt unverändert
|
|||||||
|
|
||||||
<!-- _class: lead -->
|
<!-- _class: lead -->
|
||||||
|
|
||||||
# Pause
|
|
||||||
## 15 Minuten
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<!-- _class: lead -->
|
|
||||||
|
|
||||||
# Teil 2: Das DOM
|
# Teil 2: Das DOM
|
||||||
## HTML mit JavaScript manipulieren
|
## HTML mit JavaScript manipulieren
|
||||||
|
|
||||||
@@ -644,13 +620,6 @@ remove = aus DOM entfernen
|
|||||||
|
|
||||||
<!-- _class: lead -->
|
<!-- _class: lead -->
|
||||||
|
|
||||||
# Mittagspause
|
|
||||||
## 60 Minuten
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<!-- _class: lead -->
|
|
||||||
|
|
||||||
# Teil 3: Events
|
# Teil 3: Events
|
||||||
## Auf NutzerInnen reagieren
|
## Auf NutzerInnen reagieren
|
||||||
|
|
||||||
@@ -840,13 +809,6 @@ Ausführlicher:
|
|||||||
|
|
||||||
<!-- _class: lead -->
|
<!-- _class: lead -->
|
||||||
|
|
||||||
# Pause
|
|
||||||
## 15 Minuten
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<!-- _class: lead -->
|
|
||||||
|
|
||||||
# Teil 4: Alles zusammen
|
# Teil 4: Alles zusammen
|
||||||
## Projekt & Ausblick
|
## 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...
|
# Ihr könnt jetzt...
|
||||||
|
|
||||||
- Den historischen Kontext von IT verstehen
|
- Den historischen Kontext von IT verstehen
|
||||||
|
|||||||
Reference in New Issue
Block a user