- Vorlesungsskript

1. Vorwort
2. Html als Textformatierungssprache
   1. Text und Formatierung
   2. Syntax und Struktur von HTML
   3. Einfache HTML-Tags
   4. Links mit Attributen: Hyperlinks <a> und Bilder <img>
   5. Code in HTML darstellen: <pre>, <code> und HTML-Entities
3. CSS: Formatierung und Anordnung mit Cascading Style Sheets
   1. Gezielt Elemente per CSS gestalten: Tags und Klassen
   2. Bereiche anordnen mit <div>
   3. Pseudo-Klassen, Pseudo-Elemente, Counter
4. Interaktion mit dem Server
   1. Aufwärmübungen
   2. TCP: Datenströme zwischen zwei laufenden Programmen
   3. HTTP: Mit einem Webserver kommunizieren
5. Einen Webserver programmieren
   1. Extrem kurze Einführung in Javascript
   2. Der Server baut die HTML-Seiten
   3. Auf Benutzer-Input reagieren
   4. Einfacher Webserver mit express.js
   5. Http GET und Http POST
   6. HTML und Server-Code trennen mit ejs-Templates
6. Interaktion mit dem Benutzer: Javascript im Browser
   1. Die Javascript-Konsole in Ihrem Browser
   2. Javascript in die HTML-Seite integrieren
   3. Das Document Object Model (DOM) navigieren
   4. Callbacks: Javascripts Alternative zu Threads
7. Dynamisches Verhalten im Browser und im Server
   1. AJAX: HTML-Requests mit Javascript erstellen
   2. Websockets
   3. Zeichnen mit SVG
   4. Zeichnen mit Canvas
8. Persistenz, Autorisierung, Cookies
   1. localStorage und sessionStorage
   2. Cookies
   3. Ein einfacher Login-Server
   4. Cross-site request forgery (CSRF)
   5. Tracking
   6. Web-APIs und CORS
   7. Web-APIs von Drittanbietern verwenden
9. Elm - Eine funktionale Programmiersprache zur Entwicklung von Web-Apps
   1. Ein Crashkurs in Elm
   2. Einfache Webseiten mit Elm
   3. Benutzerinput
   4. HTTP-Requests in Elm
   5. Json in Elm
   6. Graphik mit Svg erzeugen
   7. Mit der Außenwelt kommunizieren: Ports