Web Engineering I

Web-Engineering I, Stundenplan vom Herbst 2022

Der Stundenplan dient als Tagebuch, um festzuhalten, was wir tatsächlich in den Vorlesungen gemacht haben. Hier kündige ich auch an, welche Übungsaufgaben Sie bis zum nächsten Termin anschauen sollten.

10. Oktober 2022	Begrüßung. Ziele der Vorlesung. Kleine Beispiele. Spielerische Einfühung mit statischen Webseiten.
17. Oktober 2022	Ausgefallen wegen Krankheit
24. Oktober 2022	Seiten gestalten mit CSS. Geometrische Anordnung. Zähler mit CSS.
31. Oktober 2022	Feiertag
7. November 2022	Netzwerke: einfache Java-Programme, die eine TCP-Verbindung aufbauen. HTTP: Experimente, "Hand-Client", "Hand-Server" mit MyTelnet.java und MySslTelnet.java und OnePersonServer.
14. November 2022	Server-seitige Programmierung mit `Node / http`. Input-Formulare, Query-Strings.
21. November 2022	Server mit `express.js` programmieren. HTTP: GET versus POST. Templates mit `ejs`.
28. November 2022	Javascript im Browser. Javascript-Console. DOM. Mit Javascript DOM-Elemente auslesen und manipulieren.
5. Dezember 2022	Javascript im Browser. Callbacks. Beleg. Bitte überlegen Sie sich bis nächste Woche (12. Dezember) ein Projektthema für Ihre Belegleistung. Das Projekt muss nicht marktfertig sein, sollte aber alle behandelten Themen zusammenbinden. Sie können Ihr Projekt in Gruppen der Größe eins, zwei oder drei durchführen. Auf den Kursseiten von Christian Wagenknecht und unter IIb19, IIb17, IIb16, IIb15/IIb14 finden Sie Projektbeschreibungen und Präsentationen der letzten Jahre.
12. Dezember 2022	Evaluierung: hier sind die Links für Vorlesung und für Seminar. Inhalt. Websockets. Graphik mit `canvas`. Ich hatte das Problem der Koordinatentransformation (z.B. das "persönliche" Koordinatensystem `[0,1] x [0,1]` von in das Canvas-Koordinatensystem von `[0,1534] x [0, 758]` umzurechnen. Vielen Dank an Konstantin Eger, der hier gefunden haben, wie das geht. Lesen Sie sich dort den Text über `transform()` durch.
17. Dezember 2022	Persistenz: localStorage, sessionStorage, Cookies. Aufgabe: "Hacken" Sie meine Forums-Webpage indem Sie es schaffen, unter einem falschen Benutzernamen zu posten.
9. Januar 2022	Einführung in Elm. Grundlagen der Programmiersprache (funktional, Listen, Typensystem, Records, Union-Typen mit und ohne Payload). Statische HTML-Seite. Die simpelste dynamische Web-Seite: ein Counter mit zwei Knöpfen: und .