Semesterprojekt - Web-Engineering

• Wintersemester 2021 / 2022
• Homepage Hochschule Bonn-Rhein-Sieg
• Beschreibung der Vorlesung

Ziel

• Bereitstellung gelöster Übungsaufgaben vielfältiger Web-Technologien, als responsive mobile-first Webseite bzw. Galerie
  • die selbst wiederum aus den erlernten Technologien, Paradigmen und Sicherheitsaspekten besteht

Ergebnis

• Funktionalität
  • Seite
    • ist ab 200 Pixel Bildschirm-Breite bedienbar
    • durchläuft drei weitere Evolutionsstufen für breitere Geräte
  • Upgrades
    • Typescript: asynchrones Laden der Inhalte via JSON und funktional komponierten Templates
    • Ecmascript: Bereitstellung einer Volltextsuche im Menü
    • Javascript: Bereitstellung eines dynamischen Inhaltsverzeichnisses im Menü
    • Vue: Einbindung eines validierenden Login-Formulars im Menü
    • PHP: Realisierung von sicherem Login

meine besten Beiträge

• die gesamte Homepage an sich, mit allen Upgrades
• sowie die Aufgaben
  • 6.4: Ecmascript-basierte Anwendung von Graphenthorie. GUI der einen, in linearer Laufzeit, topologisch iterierbaren Graphen erstellt
  • 8.3 Ecmascript-basiertes Read-Only Mini-CMS
  • 9.3 Ecmascript- und SVG-basiertes Tic-Tac-Toe-Spiel für zwei Spieler
  • 11.3 Vue-basiertes, nur lesbares, Mini-CMS
  • 12.3 Ecmascript- und PHP-basiertes beschreibbares Mini-CMS

Live-Demo

• Link
• User: admin
• Passwort: world-wide-web@2022

Technologien

• HTML 5
• CSS 3
• SVG
• Javascript
• ECMAScript
• TypeScript
• DOM-API
• PHP
• Vue

Paradigmen

• Funktionale Programmierung
• Asynchrone Programmierung
• Objektorientierte Programmierung
• Imperative Programmierung