Code Monkey home page Code Monkey logo

ryongrevamp's Introduction

Uni Project: ryongrevamp

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.

ryongrevamp's People

Contributors

nhunimuni avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.