Veebilehe arendamine
Eesmärgid:
- Anda osalejatele ülevaade veebilehe loomise protsessist alates kavandist ja prototüübist kuni lõpliku arenduseni.
- Selgitada HTML-i ja CSS-i põhitõdesid ning nende kasutamist veebilehe struktuuri ja kujunduse loomiseks.
- Tutvustada JavaScripti põhialuseid ja selle rakendamist interaktiivsete elementide ning dünaamilise sisu lisamisel veebilehtedele.
- Õpetada Figma tööriista kasutamist veebilehe maketi ja prototüübi loomiseks ning pakkuda vajalikke baasteadmisi.
- Käsitleda veebilehe avaldamise etappe Githubi Pages'i kaudu, et tagada veebilehe kättesaadavus ja jagamine.
- Pakkuda praktilisi oskusi veebilehtede loomiseks, mis on optimeeritud nii lauaarvutitele kui ka mobiilseadmetele.
Sisukirjeldus:
Figma tööriistade kasutamine wireframe'ide ja prototüüpide loomiseks;
Mobiiliversiooni maandumislehe disain – wireframe;
Töölauaversiooni maandumislehe disain – wireframe;
Mobiiliversiooni maandumislehe disain – prototüüp;
Töölauaversiooni maandumislehe disain – prototüüp;
HTML-i sissejuhatus – HTML-märgendid ja nende atribuudid;
CSS-i sissejuhatus – HTML-märgendite omadused ja box-model;
HTML-elementide animatsioon CSS-iga;
Paindlik disain CSS-grid abil;
Maandumislehe struktuuri loomine
CSS-animatsioonide lisamine maandumislehele;
Maandumisleht ja paindlik disain CSS-gridi abil;
JavaScript ja hamburger-menüü lisamine maandumislehele;
JavaScript ja pildikarusselli loomine maandumislehele;
JavaScript ja külastajate tagasiside salvestamine veebilehitseja localstorage’i.