From c082153dbfd6cf00111e7f162c906fc17dd120f0 Mon Sep 17 00:00:00 2001 From: Lukas Panni Date: Tue, 21 Nov 2023 19:31:28 +0100 Subject: [PATCH] First lectures --- Material/Slides/01_Vorstellung_Intro.md | 31 +++++++++++++++++++++++-- Material/Slides/02_HTTP_REST.md | 2 +- 2 files changed, 30 insertions(+), 3 deletions(-) diff --git a/Material/Slides/01_Vorstellung_Intro.md b/Material/Slides/01_Vorstellung_Intro.md index 439b619..fc98ef8 100644 --- a/Material/Slides/01_Vorstellung_Intro.md +++ b/Material/Slides/01_Vorstellung_Intro.md @@ -111,7 +111,7 @@ plantuml-format: svg - Security: Angriffe, Best-Practices -# Einführung: Webanwendungen, HTTP +# Einführung: Webanwendungen ## Webanwendungen (1) @@ -128,7 +128,34 @@ plantuml-format: svg ## Webanwendungen (3) -> Eine **Webanwendung** ist ein Programm, das über einen **Webbrowser** aufgerufen wird und meist teilweise auf einem **Server** ausgeführt wird. +> Eine **Webanwendung** ist ein Programm, das über einen **Webbrowser** aufgerufen wird und teilweise auf einem **Server** ausgeführt wird. +- Auch nicht unbedingt korrekt + - Progressive Web Apps (PWAs) können auch teilweise offline (ohne Server) ausgeführt werden + - z.B. Electron-Anwendungen sind unabhängig von Browser und Server \rightarrow{} integrierte Browser-Engine + +## Webanwendungen (4) + +> Eine **Webanwendung** ist eine Anwendung, die Web-Technologien (_HTML_, _CSS_, _JavaScript_) verwendet + +- Einfache und kurze, aber zyklische Definition +- HTML + CSS werden teilweise auch außerhalb von Webanwendungen benutzt +- JavaScript wird heute praktisch überall benutzt! + + +\rightarrow{} es gibt keine klare Definition! Das ist aber auch garnicht notwendig. + + + +## Live-Demo: Webanwendungen + +- Was passiert beim Abruf einer Webseite? z.B. "lukaspanni.de" + - Auflösung des Namens zu einer IP-Adresse über DNS \rightarrow{} 37.120.173.24 + - HTTP-Anfrage an diese IP-Adresse an Port 80 (Standard für HTTP) + - Antwort: 301 Moved Permanently; Location: https://lukaspanni.de/ + - HTTPS-Anfrage an gleiche IP-Adresse an Port 443 (Standard für HTTPS) + - Antwort: 200 OK, HTML-Code, CSS-Code + +- Was passiert bei komplexeren Websites? diff --git a/Material/Slides/02_HTTP_REST.md b/Material/Slides/02_HTTP_REST.md index 340bced..af12f8a 100644 --- a/Material/Slides/02_HTTP_REST.md +++ b/Material/Slides/02_HTTP_REST.md @@ -1,7 +1,7 @@ --- title: "Vorlesung Webengineering I - HTTP & REST" topic: "Webengineering_1_1" -date: 2023-09-22 +date: 2024-01-15 author: "Lukas Panni" theme: "Berlin" colortheme: "dove"