Házi feladatok

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

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!

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!

HTML / CSS
10 Január
16 Január
27 Január
Python
16 Január
22 Január
PHP
8 Január
16 Január
27 Január
Full-stack
10 Január
16 Január
27 Január
C#
14 November
18 November
31 Január