Skip to content

Latest commit

 

History

History
executable file
·
43 lines (26 loc) · 1.94 KB

readme.md

File metadata and controls

executable file
·
43 lines (26 loc) · 1.94 KB

Diese Aufgaben wurden für eine Bewerbung an FLYACTS bearbeited. Ich würde bei erneuter Bearbeitung einige Äbderungen vornegmen (z. B. prototype als javascript-Objekt, eine übergeordnete <section> für die Slideshow, etc.) CSS und JS wurden selbstständig erarbeitet.

==============================================

Um mehr über deine  Fähigkeiten zu erfahren, haben wir zwei Aufgaben für dich vorbereitet, die als Ergänzung deiner Bewerbung dienen.

Aufgabe 1 (CSS)
---------------

**Aufgabenstellung:**

Anbei findest du ein HTML-Gerüst. Dieses soll mittels CSS gestylt werden.

**Anmerkungen:**

- Die Zielplattformen sind moderne Browser auf Basis von **Webkit-/Blink** (Chrome/Safari/Opera)
- Besonderes Augenmerk sollte auf **Responsive Design** liegen
- Es darf lediglich **CSS** verwendet werden
- Beim Stylen kann ausdrücklich **CSS3** verwendet werden
- Das HTML-Gerüst und die dazugehörigen Klassen/ID's dürfen **nicht** verändert werden

Optisch sollte sich das Ergebnis an http://flyacts.com orientieren, gern aber auch an den Design Guides der drei führenden mobilen Platformen:

- **iOS** https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/
- **Android** https://developer.android.com/design/index.html
- **Windows** https://dev.windows.com/en-us/design


Aufgabe 2 (JS)
--------------

**Aufgabenstellung:**

In der zweiten Aufgabe hauchen wir der frisch gestalteten Seite etwas Leben ein.

Die vier Inhaltspunkte ("Dafür stehen wir!", "Entwicklung!", "Marketing!", "Unser Team!") sollen in einer horizontalen **Slideshow** automatisch durchgeblättert werden.

Zusätzlich sollen die Punkte um ein aussagekräftiges Bild angereichert werden, welches per **"Lazy-Loading"** nach der abgeschlossenen Slide-Animation nachgeladen und eingeblendet wird.

Anmerkungen:

- Es soll ausschließlich pures JavaScript verwendet werden (Kein jQuery oder Ähnliches)```