Module


General information
Web-Anwendungen
Web Applications
WA
Prof. Dr. Ehlers, Jens (jens.ehlers@fh-kiel.de)
Prof. Dr. Ehlers, Jens (jens.ehlers@fh-kiel.de)
Oenings, Hendrik (hendrik.oenings@fh-kiel.de)
Sommersemester 2023
1 Semester
In der Regel im Sommersemester
Deutsch
Curricular relevance (according to examination regulations)
Study Subject Study Specialization Study Focus Module type Semester
B.Sc. - INF - Informatik Pflichtmodul
B.Sc. - INI - Informationstechnologie Pflichtmodul
B.Eng. - Wing v1 - Wirtschaftsingenieurwesen - Elektrotechnik (PO 2017) Digitale Wirtschaft Wahlmodul
B.Eng. - Ming - Medieningenieur/-in Pflichtmodul

Qualification outcome
Areas of Competence: Knowledge and Understanding; Use, application and generation of knowledge; Communication and cooperation; Scientific self-understanding / professionalism.
- Die Studierenden kennen verschiedene Markup-Sprachen und Datenformate, die in Web-Anwendungen verwendet werden.
- Die Studierenden verstehen die grundlegenden Protokolle für Web-Anwendungen, insb. HTTP, und können zwischen unterschiedlichen Kommunikationsmustern unterscheiden (z.B. asynchron, bidirektional).
- Die Studierenden kennen typische Architekturmuster und Frameworks für Web-Anwendungen.
- Die Studierenden können eine einfache Web-Anwendung mit HTML, CSS und JavaScript entwickeln.
- Die Studierenden können zur Entwicklung einer Web-Anwendung in einem kleinen Team arbeitsteilig kooperieren und ihre Ergebnisse präsentieren.
Content information
** HTML und CSS
- Webseiten strukturieren mit HTML
- Webseiten gestalten mit Stylesheets
- Responsive Design

** JavaScript
- Grundlagen der Programmiersprache JavaScript
- Dynamische Veränderung des Document Object Model (DOM)

** Protokolle für Web-Anwendungen
- HTTP, TCP/IP, SSL/TLS
- Daten asynchron laden: Promises, Fetch API, XMLHttpRequest
- Bidirektionale Kommunikation: WebSockets, SSE

** Multimedia im Web
- Datenformate: CSV, XML und XML-Schema, JSON und YAML
- andere Markup-Sprachen: Markdown, Wikitext
- Medienformate für Bild, Video und Audio

** Programmierschnittstellen (APIs) im Web
- Webservices mit REST und GraphQL
- JavaScript auf dem Server mit Node.js
- Authentifizierung
- Sicherheit und SOP, CORS, CSP

** Architektur von verteilten Web-Anwendungen
- Single-Page-Apps, Web-Frameworks und Komponenten
- Bereitstellung in einer Cloud-Plattform
- Philip Ackermann: Webentwicklung: Das Handbuch für Fullstack-Entwickler, Rheinwerk, 2021
- Kai Günster: Schrödinger lernt HTML5, CSS und JavaScript: Das etwas andere Fachbuch, 3. Auflage, Rheinwerk, 2018
Teaching formats of the courses
Teaching format SWS
Lehrvortrag 3
Labor 1
Workload
4 SWS
5,0 Credits
48 Hours
102 Hours
Module Examination
Method of Examination Duration Weighting gem. PVO §11 Satz 3 anrechenbar Graded Remark
Portfolioprüfung 100 %