Ausgewählte Aufgaben aus unseren Webentwickler-Kursen
Übung macht den Meister!
Unsere Studenten bekommen immer Hausaufgaben, bei denen sie mit lustigen, spielerischen Aufgaben die Grundlagen der Webentwicklung üben können. Auf den ersten Blick mögen sie einfach erscheinen, dennoch ist fundiertes HTML/CSS/JS-Wissen für die Lösung erforderlich.
1. HTML-Codes mit Schachbrett üben
Zeigen Sie ein zentriertes Schachbrett an, das Sie in HTML erstellen!
Versuchen Sie es so einfach wie möglich!
Hinweis: Die Schachfiguren finden Sie in der Unicode-Zeichentabelle
2. Flexbox-Übung mit Flaggen
Platzieren Sie auf einer Webseite drei DIVs mit rotem, weißem und blauem Hintergrund. In der Mobilansicht soll es die französische Flagge sein, in der Desktop-Ansicht die russische!
3. Animation mit CSS
- Das Schiff soll von links nach rechts über das Bild fahren
- Gleichzeitig soll die Sonne aufgehen und von der Mitte zum oberen Bildschirmrand aufsteigen
- Dabei soll der Himmel heller werden!
4. JavaScript-Aufgabe
Hier ist eine Box. Alle 2 Sekunden soll sich der border-radius der Box auf ENTWEDER 50% ODER 0 ändern. Auch die Hintergrundfarbe soll zufällig ausgewählt werden!
5. Textanimation
- Platzieren Sie den Text PROOKTATÁS mit SVG in HTML
- Animieren Sie in CSS das Zeichnen der Buchstabenkontur und lassen Sie die Füllfarbe von hellgrau zu dunkel wechseln
- Zentrieren Sie den Text und verwenden Sie die blaue Farbe von Prooktatás!