Als Mitglied des Entwicklungsteams sind Backend-Kenntnisse (PHP, JS, etc.) eine Selbstverständlichkeit. Genauso wichtig ist es jedoch, über ausreichende Kenntnisse in der Frontend-Entwicklung (HTML, CSS, SASS usw.) zu verfügen.
Herausforderung: Entwurf zur Landing Page
Überblick:
Sie erstellen eine einfache Landing Page (.html reicht aus), die dem vorgegebenen Design folgt.
Spezifikationen:
- Erstellen Sie eine HTML-Landingpage aus unser Figma-Design.
- Verwenden Sie moderne Markup- und Styling-Techniken/Methoden.
- Das angezeigte Bild sollte abgespielt werden dieses YouTube-Video wenn die Schaltfläche "Abspielen" angeklickt wird. Wie Sie das umsetzen, bleibt Ihnen überlassen!
- Die Seite sollte vollständig responsiv sein - verschieben und verkleinern Sie also Elemente nach Belieben. Wir werden die Seite in Desktop-, Tablet- und mobilen Ansichtsfenstern betrachten.
- CSS sollte mit SASS geschrieben werden und sowohl die Quelldateien als auch die kompilierten Dateien sollten enthalten sein. Die Methode der Kompilierung (gulp, grunt, etc.) ist Ihnen überlassen.
Anmerkungen:
- Wenn Sie noch kein Figma-Konto haben (kostenlos), melden Sie sich an, um Zugang zu erhalten die Inspektorenansicht.
- Sie können das Programm herunterladen und verwenden vorbereitete Asset-Dateien (Bilder und Piktogramme).
- Nicht hetzen! Liebe zum Detail (einer unserer Grundwerte) - wir vergleichen die HTML-Vorlage mit der bereitgestellten Designdatei 🙂
Verpacken Sie den Code als Zip-Datei und laden Sie ihn in das unten stehende Formular hoch:
DE 
EN 
ES 
FR 
PT 