This is an uni-project in the 5th semester (BS Media Programming). For this project i decided to create a static website of a vegan restaurant called Ryong. At that time, their web presence wasn't as developed as today. Thus i wanted to revamp the website, to match their image. In this course, the main focus was to expand our frontend skills. The task description is seen below (it's in german).
BEM Schreibweise https://cssguidelin.es/#bem-like-naming
Erstellen Sie eine Webpräsenz zu einem selbst gewählten Thema.
Setzen Sie es als Sass-Projekt auf.
Die Präsenz besteht aus einer Landing-Page und einer oder mehreren Inhaltsdokumenten. Verwenden Sie Texte und Grafiken. Leertexte sind nicht erlaubt. Ein Formular muß enthalten sein.
Erstellen Sie eine Desktop- und eine Mobilversion und wenn nötig zusätzliche Versionen. Halten Sie das Design insbesondere für die Mobilversion funktional.
Der Code ist semantisch und syntaktisch korrekt, arbeiten Sie unobtrusive, dry und nach best practices. Teilen Sie die styles auf einzelne Dateien auf. Verwenden Sie im Unterricht besprochene Vorgehensweisen und Konzepte.
Die Verwendung von Layout-techniken bleibt Ihnen überlassen, enthalten sein müssen: Ein overlay, transition und animation.
Verwenden Sie strukturelle Pseudoklassen wenn angebracht und verteilen Sie id und class nur wenn wirklich notwendig, es sei denn Sie arbeiten nach BEM oder SMACSS. Dies ist dann kurz zu dokumentieren.
Das Formular wird clientseitig mit js geprüft. Der Anwender erhält eine Nachricht als neues Element im DOM des Formular-Dokumentes. Clientseitiges js ist nach ES5 zu erarbeiten, unobtrusive, dry und nach best-practices.
Die Verwendung von Grafiken und Animationen soll zum Text passen und nicht überzogen sein. Erstellen Sie ein in sich schlüssiges und benutzerfreundliches Design.
Die Projekte werden als zip-Datei vollständig bis spätestens 31.01.2019 hochgeladen. Am 24.01.19 und 31.01.19 wird jeweils die Hälfte von Ihnen das Projekt kurz (ca. 10 Minuten) am Beamer vorstellen. An diesen beiden Tagen ist die Präsenz verpflichtend. Ich werde vorab ein doodle freigeben, in dem Sie sich für Tag und Zeit eintagen können.
Die Note erhalten Sie nach Durchsicht der Quelltexte hier im moodle.