Házi feladatok

Ettől még nem leszel kocka

Házi feladatok

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. Ezen az oldalon mutatunk egy pár izgalmas példát. Elsőre lehet, hogy egyszerűnek tűnnek, mégis kellően megalapozott HTML/CSS/JS tudás kell a megoldásukhoz. Mindegyikhez mellékeljük a megoldást is, ami csak egy a több lehetséges közül.

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

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

Flexbox zászlók

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

Feladat:

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

JAVASCRIPT

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!