Modulbeschreibung
Web Engineering 2
Kürzel:
Durchführungszeitraum:
ECTS-Credits:
Lernziele:
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.
Verantwortliche Person:
Standort (angeboten):
Empfohlene Module:
Skriptablage:
Modultyp:
Semester Empfehlung:
- Musterstudienplan Digital Design – Semester 4
- Musterstudienplan Digital Design AI Augmentation – Semester 4
- 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
ECTS-Credits pro Kategorie
Modulbewertung
Bewertungsart:
Leistungsbewertung
Während der Prüfungssession:
Zulassungsbedingungen zur Prüfung:
Testataufgaben
Kurse in diesem Modul
Web Engineering 2
Kürzel:
Semester:
Plan 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.
Ansprechspersonen:
Unterrichtssprache:
Kursart:
Durchführung gemäss Stundenplan