Skip to content

garantiertnicht/frontend-application-test

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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)```

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 45.4%
  • CSS 31.4%
  • JavaScript 23.2%