Modulbeschreibung
Web Engineering 1
Kurzzeichen:
M_WE1
Durchführungszeitraum:
HS/21-HS/23
ECTS-Punkte:
4
Lernziele:
- Sie können grundlegende Technologien zur Erstellung von Webanwendungen anwenden um einfache Webanwendungen zu implementieren.
- Sie können die Funktionen des DOM anwenden um auf Eingaben der nutzenden Person zu reagieren.
- Sie können ein Frontend mit asynchronem JavaScript an ein Backend anbinden und JSON-Dateien, die vom Server geliefert werden, darstellen.
- Sie können den Code einer Anwendung mit festgelegten Kriterien analysieren und Verbesserungsvorschläge formulieren.
Verantwortliche Person:
Loch Frieder
Standort (angeboten):
Rapperswil-Jona, St. Gallen
Empfohlene Module:
Zusätzlich vorausgesetzte Kenntnisse:
keine
Äquivalente Module:
Skriptablage:
Modultyp:
Standard-Modul für Informatik STD_14(Empfohlenes Semester: 3)
Standard-Modul für Informatik STD_21(Empfohlenes Semester: 3)
Standard-Modul für Informatik Retro STD_14_UG(Empfohlenes Semester: 3)
Standard-Modul für Application Design - Cloud Solutions STD_14 (PF)
Standard-Modul für Cyber Security STD_14 (PF)
Standard-Modul für Data Engineering & Machine Intelligence STD_14 (PF)
Standard-Modul für Generalist STD_14 (PF)
Standard-Modul für Network & Cloud-Infrastructure STD_14 (PF)
Standard-Modul für Software Engineering STD_14 (PF)
ECTS-Punkte pro Kategorie
Grundlagen Informatik / 4 Punkte
Grundlagen Informatik und Aufbau Informatik / 4 Punkte
Modulbewertung
Bewertungsart:
Note von 1 - 6
Leistungsbewertung
Während der Prüfungssession:
Schriftliche Prüfung, 120 Minuten
Zulassungsbedingungen zur Prüfung:
Testataufgaben
Kurse in diesem Modul
Web Engineering + Design 1
Kurzzeichen:
WE1
Lernziele:
- Sie können den Aufbau einer Webanwendung (z.B. Frontend, Backend, Umsysteme) beschreiben.
- Sie können ein syntaktisch und semantisch korrektes HTML-Dokument erstellen und bestehende HTML-Dokumente analysieren um Vorschläge zur Verbesserung abzuleiten.
- Sie können CSS verwenden um ein HTML-Dokument optisch zu gestalten.
- Sie können das DOM anwenden um mit einem HTML-Dokument zu interagieren und auf Ereignisse auch unter Verwendung von Event-Bubbling korrekt zu reagieren.
Plan und Lerninhalt:
HTML
- Aufbau von HTML-Dateien
- Bestandteile des HTML-Standards
- Syntaktisch und semantisch korrektes HTML
- Optimierung der Barrierefreiheit von HTML
CSS
- Aufbau von CSS-Regeln
- Einfache und komplexe Selektoren, Pseudo-Klassen und -Elemente
- Spezifizität von Selektoren
- Flexbox
Javascript
- Sprachmittel
- Funktionen und Objekte
Document Object Model (DOM)
- Ladezustand des DOM
- Selektion von Elementen
- Bearbeiten des DOM
- Event-Handling
HTTP
- Aufbau von Request und Response
- HTTP-Methoden
- Implementierung eines einfachen Webservers
REST
- Grundprinzipien von REST
- Eigenschaften von REST am Modell von Richardson
- Repräsentation von Ressourcen
- Dokumentation von Webservices
AJAX
- Implementieren von asynchronen Anfragen mit fetch
- Umgang mit Promises (then/await)
- Umgang mit langsamen und unzuverlässigen Backends
Usability
- Motivation
- Grundlegende Designprinzipien (Heuristiken, Gestaltgesetze, Kontrastauswahl)
- Aufgabe von Usability-Tests
Unterrichtssprache:
Deutsch
Bibliographie:
Kursart:
(Durchführung gemäss Stundenplan)
Vorlesung mit 2 Lektionen pro Woche
- Max. Teilnehmer: 999
- Harte Grenze: ja
Uebung mit 2 Lektionen pro Woche
- Max. Teilnehmer: 18
- Harte Grenze: ja
Übergangsregelungen:
Internettechnologien (M_IntTe / I) (WS/05-HS/12)
Internettechnologien (M_IntTe / I) (HS/13-HS/14)