htw saar Piktogramm QR-encoded URL
Zurück zur Hauptseite Version des Moduls auswählen:
Lernziele hervorheben XML-Code


Webentwicklung

Modulbezeichnung:
Bezeichnung des Moduls innerhalb des Studiengangs. Sie soll eine präzise und verständliche Überschrift des Modulinhalts darstellen.
Webentwicklung
Modulbezeichnung (engl.): Web Development
Studiengang:
Studiengang mit Beginn der Gültigkeit der betreffenden ASPO-Anlage/Studienordnung des Studiengangs, in dem dieses Modul zum Studienprogramm gehört (=Start der ersten Erstsemester-Kohorte, die nach dieser Ordnung studiert).
Praktische Informatik, Master, ASPO 01.10.2017
Code: PIM-WEB
SWS/Lehrform:
Die Anzahl der Semesterwochenstunden (SWS) wird als Zusammensetzung von Vorlesungsstunden (V), Übungsstunden (U), Praktikumsstunden (P) oder Projektarbeitsstunden (PA) angegeben. Beispielsweise besteht eine Veranstaltung der Form 2V+2U aus 2 Vorlesungsstunden und 2 Übungsstunden pro Woche.
2V+2U (4 Semesterwochenstunden)
ECTS-Punkte:
Die Anzahl der Punkte nach ECTS (Leistungspunkte, Kreditpunkte), die dem Studierenden bei erfolgreicher Ableistung des Moduls gutgeschrieben werden. Die ECTS-Punkte entscheiden über die Gewichtung des Fachs bei der Berechnung der Durchschnittsnote im Abschlusszeugnis. Jedem ECTS-Punkt entsprechen 30 studentische Arbeitsstunden (Anwesenheit, Vor- und Nachbereitung, Prüfungsvorbereitung, ggfs. Zeit zur Bearbeitung eines Projekts), verteilt über die gesamte Zeit des Semesters (26 Wochen).
6
Studiensemester: 3
Pflichtfach: nein
Arbeitssprache:
Deutsch
Prüfungsart:
Projektarbeit

[letzte Änderung 30.08.2024]
Verwendbarkeit / Zuordnung zum Curriculum:
Alle Studienprogramme, die das Modul enthalten mit Jahresangabe der entsprechenden Studienordnung / ASPO-Anlage.

KIM-WEB Kommunikationsinformatik, Master, ASPO 01.10.2017 , 3. Semester, Wahlpflichtfach
PIM-WEB Praktische Informatik, Master, ASPO 01.10.2017 , 3. Semester, Wahlpflichtfach
Arbeitsaufwand:
Der Arbeitsaufwand des Studierenden, der für das erfolgreiche Absolvieren eines Moduls notwendig ist, ergibt sich aus den ECTS-Punkten. Jeder ECTS-Punkt steht in der Regel für 30 Arbeitsstunden. Die Arbeitsstunden umfassen Präsenzzeit (in den Vorlesungswochen), Vor- und Nachbereitung der Vorlesung, ggfs. Abfassung einer Projektarbeit und die Vorbereitung auf die Prüfung.

Die ECTS beziehen sich auf die gesamte formale Semesterdauer (01.04.-30.09. im Sommersemester, 01.10.-31.03. im Wintersemester).
Die Präsenzzeit dieses Moduls umfasst bei 15 Semesterwochen 60 Veranstaltungsstunden (= 45 Zeitstunden). Der Gesamtumfang des Moduls beträgt bei 6 Creditpoints 180 Stunden (30 Std/ECTS). Daher stehen für die Vor- und Nachbereitung der Veranstaltung zusammen mit der Prüfungsvorbereitung 135 Stunden zur Verfügung.
Empfohlene Voraussetzungen (Module):
Keine.
Als Vorkenntnis empfohlen für Module:
Modulverantwortung:
Prof. Dr. Maximilian Altmeyer
Dozent/innen: Prof. Dr. Maximilian Altmeyer

[letzte Änderung 31.07.2017]
Lernziele:
Die Lernziele des Moduls "Web Development" umfassen die Vermittlung umfassender Kenntnisse in der Full-Stack-Webentwicklung. Im Frontend-Bereich können die Studierenden responsive Webseiten unter Einsatz von CSS-Frameworks wie Bootstrap erstellen und mit jQuery sowie TypeScript interaktive Elemente und API-Interaktionen integrieren. Zudem können Sie das Angular-Framework einsetzen, um Single-Page-Anwendungen zu entwickeln. Im Backend-Bereich erwerben sie die Fähigkeiten, Webserver mit Node.js und Express zu implementieren und REST-APIs zu entwickeln, die über ORM-Technologien mit Datenbanken verbunden sind. Ebenfalls können Studierende Sessions implementieren und managen und Websockets zur Echtzeitkommunikation einsetzen.  Das übergeordnete Ziel besteht darin, die Studierenden in die Lage zu versetzen, fortgeschrittene, moderne Full-Stack Webanwendungen zu planen und umzusetzen.

[letzte Änderung 07.10.2024]
Inhalt:
- Package Managers, CSS Preprocessors, Module Bundlers & Typescript
- Responsive Design, Bootstrap, jQuery, REST (Client-Side)
- Web-Accessibility
- Webservers with Node.JS / Express
- Databases for Web - REST API with ORM (Prisma) and Express
- Authentication and Maintaining State
- Websockets
- GDPR / Docker
- Angular
- Angular vs. React vs. Vue


[letzte Änderung 07.10.2024]
Weitere Lehrmethoden und Medien:
Vorträge der Studierenden mit abgestimmten Beispielen
Vertiefung durch Übungen
Inverted Classroom


[letzte Änderung 05.05.2022]
Literatur:
Rauschmayer, Axel: Speaking JavaScript, http://speakingjs.com/es5/
https://vuejs.org/
Springer, Sebastian: Node.js: Das umfassende Handbuch. Serverseitige Webapplikationen mit JavaScript entwickeln,Rheinwerk Computing; Auflage: 2 (30. Mai 2016)
W3C: HTML5, http://www.w3.org/TR/html5/
 


[letzte Änderung 05.05.2022]
[Wed Oct 30 09:27:56 CET 2024, CKEY=pwc, BKEY=pim2, CID=PIM-WEB, LANGUAGE=de, DATE=30.10.2024]