Cranach Startseite – Slideshow Masterpieces mit Vue.js


Ausgangspunkt & Zielsetzung

In dieser Übung geht es darum, eine Slideshow mit Vue.js auf der Startseite zu implementieren. In der Slideshow sollen die 100 Meisterwerke von Cranach präsentiert werden.

Um den Einstieg zu erleichtern ist ein Teil des Codes in der Datei slideshow.js bereits vorbereitet.

Die Teile die noch ergänzt werden müssen sind mit einem TODO Kommentar markiert und durchnummeriert. Es empfiehlt sich, die ToDos in der vorgegebenen Reihenfolge abzuarbeiten.

Die Vue App ist In der Datei index.html bereits eingebunden. In der Datei ist auch das grundlegende Markup für die Slideshow vorgegeben. Dieses soll als Vorlage bei der Implementierung der Vue-Applikation dienen.

Material