Webfejlesztő tanfolyam feladat gyakorlás

Webfejlesztő tanfolyamaink feladataiból válogatva

Gyakorlat teszi a mestert!

A tanulóink mindig kapnak házi feladatot, ahol jópofa, játékos feladatok megoldásával gyakorolhatják a webfejlesztés alapjait. Elsőre lehet, hogy egyszerűnek tűnnek, mégis kellően megalapozott HTML/CSS/JS tudás kell a megoldásukhoz.

1. HTML kódok gyakorlása sakktáblával

Jeleníts meg középre igazítva egy sakktáblát, amit HTML-ben hozol létre!
Próbáld meg minél egyszerűbben!
Megjegyzés: a sakkfigurák megtalálhatók az unicode karaktertáblában

2. Flexbox gyakorlás zászlókkal

Egy weboldalon helyezz el három DIV-et, piros, fehér, és kék háttérrel. Mobil nézetben legyen francia zsászló, asztali nézetben orosz!

3. Animáció CSS segítségével

A hajó jusson el a kép bal széléről a jobbra
Közben a napocska keljen fel, a képernyő közepétől a tetejére kússzon fel
Közben világosodjon ki az ég!

4. Javascript feladat

Itt egy doboz. 2 mp-enként változzon meg a doboz border-radiusa VAGY 50%-ra VAGY 0-ra. Véletlenszerűen sorsolódjon ki az is, hogy milyen háttérszínt kap a doboz!

5. Szöveg animációja

HTML-ben helyezd el SVG segítségével a PROOKTATÁS szöveget
CSS-ben animáld meg a betűk körvonalának kirajzolását, és a kitöltőszín világos szürkéből sötétedjen
Helyezd középre a szöveget és használd a Prooktatás kék színét!

// ide kerül a megoldás

Házi feladatok