Prof. Christian Noss

Frontend Development

Prof. Christian Noss

Kreditpunkte
5
Studiensemester
4
Sprache
deutsch
Kürzel
FD
Voraussetzungen nach Prüfungsordnung
keine
Prüfung

Einzelleistung: Schriftliche Prüfung Bewertung durch Prof. Christian Noss
Weitere Informationen
https://th-koeln.github.io/mi-bachelor-webdevelopment/frontend-development/

Empfohlene Voraussetzungen

Einführung in die Medieninformatik, MCI, Screendesign, Grundlagen des Web, Kommunikationstechnik

Aufwand

60h Vorlesung/ Seminar; 90h Selbstlernphase

Angestrebte Lernergebnisse

Die Studierenden kennen wesentliche Konzepte und Technologien des Web-Frontend Developments und können diese anwenden, um eigenständig im Team Web-Frontends zu konzipieren, realisieren und optimieren.

Die Studierenden sind in der Lage ein gegebenes Gestaltungskonzept zu verstehen und zu erweitern, um dies als Web-Frontend umzusetzen.

Die Studierenden kennen Web-Frontend Frameworks und sind in der Lage diese kritisch zu beurteilen und auf Basis der Anforderungen eines konkreten Projekts das optimale Framework Set zu konfektionieren und die Auswahl zu begründen.

Die Studierenden kennen das Zusammenspiel von server- und clientseitigen Komponenten im Bereich des Webs und können Web-Frontends konzipieren und realisieren, die mit serverseitigen Komponenten und Diensten möglichst optimal zusammen arbeiten. Sie können außerdem, bezogen auf eine konkrete Aufgabenstellung, abwägen, welche Funktionalitäten clientseitig und welche serverseitig gelöst werden sollten.

Inhalt

  • Web Basics: HTML, CSS, Javascript
  • CSS: Komplexe Layouts & Responsivität
  • Javascript: Dynamische Anwendungen
  • Media Types
  • CSS Frameworks
  • CSS Preprozessoren
  • Javascript Frameworks
  • Performance
  • Microdata, Internationalisierung, SEO, Barrierefreiheit

Studien-/Prüfungsleistungen

Projektarbeit mit Projektpräsentationsprüfung und Fachgespräch.

Medienformen

Beamergestützte Vorträge, Rechnergestützte Workshops

Literatur

  • Randy Connolly, Ricardo Hoar: Fundamentals of Web Development

Dies ist ein Teilmodul des Moduls Vertiefung – Web Development.