Modulbeschreibung

Web Engineering 2

Kurzzeichen:
M_WE2
Unterrichtssprache:
Deutsch
ECTS-Credits:
4
Leitidee:

Die Studierenden können

  • interaktive und grundlegend responsive Webanwendungen mit React und TypeScript strukturiert konzipieren und umsetzen.
    Komponenten, Zustände, Datenflüsse, Formulare und Routing in mehransichtigen React-Anwendungen zweckmässig organisieren.
  • vorgegebene REST-APIs integrieren und die Interaktion zwischen Frontend und Server einschliesslich Lade-, Erfolgs- und Fehlerzuständen nachvollziehen.
  • grundlegende Anforderungen an Testbarkeit, Barrierefreiheit und Frontend-Sicherheit berücksichtigen sowie Webanwendungen mit gängigen Entwicklungs- und Build-Werkzeugen bereitstellen.
  • KI-Werkzeuge bei der Entwicklung und Überarbeitung von Webanwendungen reflektiert einsetzen sowie generierten Code nachvollziehen, überprüfen und begründet anpassen.
Modulverantwortung:
Prof. Dr. Stolze Markus (SMAR)
Lehrpersonen:
Prof. Dr. Stolze Markus (SMAR)
Standort (angeboten):
Rapperswil-Jona
Modultyp:
Wahlpflicht-Modul für Digital Design STD_24(Empfohlenes Semester: 4)Kategorie:Webengineering (DD-WE)
Wahlpflicht-Modul für Informatik Retro STD_14_UG(Empfohlenes Semester: 4)Kategorien:Grundlagen Informatik (I-g), Grundlagen Informatik und Aufbau Informatik (I-gai)
Wahl-Modul für Application Design - Cloud Solutions STD_14 (PF)
Wahl-Modul für Cyber Security STD_14 (PF)
Wahl-Modul für Generalist STD_14 (PF)
Wahl-Modul für Network & Cloud-Infrastructure STD_14 (PF)
Wahl-Modul für Software Engineering STD_14 (PF)
Wahlpflicht-Modul für Informatik STD_14(Empfohlenes Semester: 4)Kategorien:Aufbau (I_Auf), Informatik (I_Inf)
Wahl-Modul für Cybersecurity STD_14 (PF)
Wahl-Modul für Frontend Engineering STD_14 (PF)
Wahl-Modul für Network and Cloud Infrastructure STD_14 (PF)
Wahlpflicht-Modul für Informatik STD_21(Empfohlenes Semester: 4)Kategorien:Aufbau (I_Auf), Informatik (I_Inf)
Wahl-Modul für Cybersecurity STD_21 (PF)
Wahl-Modul für Frontend Engineering STD_21 (PF)
Wahl-Modul für Network and Cloud Infrastructure STD_21 (PF)
Wahlpflicht-Modul für Informatik STD_23(Empfohlenes Semester: 4)Kategorien:Aufbau (I_Auf), Informatik (I_Inf)
Wahl-Modul für Cyber Security STD_23 (VR)
Wahl-Modul für Network and Cloud Infrastructure STD_23 (VR)
Wahl-Modul für Software Engineering STD_23 (VR)
Semester Empfehlung:
Digital Design_STD_24
  • Musterstudienplan Digital Design – Semester 4
  • Musterstudienplan Digital Design AI Augmentation – Semester 4
Informatik_STD_23
  • Musterstudienplan Informatik TZ Data Science – Semester 4
  • Musterstudienplan Informatik TZ Network and Cloud Infrastructure – Semester 4
  • Musterstudienplan Informatik VZ Data Science – Semester 4
  • Musterstudienplan Informatik VZ Network and Cloud Infrastructure – Semester 4
Bemerkungen:

Vorlesungen dieses Moduls werden aufgezeichnet

Modulbewertung:
Note von 1 - 6

Leistungsnachweise und deren Gewichtung

Modulschlussprüfung:
Schriftliche Prüfung, 120 Minuten

Inhalte

Modul- und Lerninhalt:

Der Unterricht kombiniert Inputphasen, betreute Übungen und eine mehrwöchige Projektarbeit (individuelles Testat).

Der inhaltliche Schwerpunkt liegt auf der praktischen Entwicklung einer Full-Stack-Webanwendung.

 

Thematische Bausteine:

  • Frontend-Entwicklung: Komponentenbasiertes UI-Design, State-Management, Rendering-Konzepte, Interaktivität und grundlegendes Styling.

  • Backend-Entwicklung: REST-APIs, Routing, Datenbank-Anbindung und Serverlogik.

  • Integration: Kommunikation zwischen Frontend und Backend, Authentifizierung, Input-Validation und Fehlerbehandlung.

  • Werkzeuge & Best Practices: Entwicklungs- und Test-Tools, Deployment, grundlegende Accessibility, Performance- und Security-Aspekte.

  • Ausblick: Trends und Architekturen im modernen Web-Development (z. B. Server Components, PWA, Framework-Vergleiche).

 

Die Studierenden arbeiten während des Semesters an einem durchgehenden Testat, das die erlernten Konzepte integriert.