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!

5. Szöveg animációja

Feladat:
  1. HTML-ben helyezd el SVG segítségével a PROOKTATÁS szöveget
  2. 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
  3. Helyezd középre a szöveget és használd a Prooktatás kék színét!
HTML / CSS
7 Március
3 Április
24 Június
Python
2 Március
4 Április
24 Június
PHP
23 Április
22 Május
24 Június
Full-stack
24 Február
7 Március
3 Április
C#
19 Február
25 Március
29 Március

Tanfolyam-naptár