Veebilehe disain- UI-UX ja front-end arendus

Koolitus sobib neile, kes soovivad alustada karjääri front-end arenduses,
täiendada olemasolevaid teadmisi või mõista paremini kaasaegseid veebitehnoloogiaid.
Koolituse eesmärk: Anda osalejale praktilised oskused ja teadmised kaasaegse, hästi
toimiva ja kasutajasõbraliku veebisaidi loomiseks ning haldamiseks.
Õpiväljundid:
- Loob veebilehe struktuuri semantilise HTML5 abil;
- ja avaldab valminud veebilehe, arvestades SEO ja juurdepääsetavuse põhitõdesid.
- veebilehti kaasaegse CSS3 ja SCSS-i abil (sh Flexbox, Grid);
- interaktiivsust JavaScript ES6+ abil (nt sündmuste kuulamine, DOM-i muutmine);
- versioonihaldust Git ja GitHub baastasemel;
- lihtsaid veebisaite sisuhaldussüsteemis WordPress;
- veebidisaini ja UX aluseid (nt loetavus, navigeeritavus)
Kursuse edukaks lõpetamiseks peab valmima üks konkreetne veebiprojekt algusest lõpuni,
mille õpilane saab koolituse lõpuks portfooliosse kanda.

Õppekava:
1. Veebiarenduse alused (HTML5 + struktuur)
• Semantilised elemendid
• Pealkirjastus, loendid, lingid, pildid
• Formid ja sisestusväljad
2. Kujundus ja stiil (CSS3 + SCSS)
• Värvid, paigutused, fontide kasutus
• Flexbox ja Grid
• SCSS-i alused (muutujad, partialid jne)
3. Interaktiivsus (JavaScript ES6+)
• Muutujad, funktsioonid, tingimuslaused
• DOM-i manipuleerimine
• Sündmuste kuulamine
• Moodulpõhine JS ja lihtne build-tool
4. Versioonihaldus (Git ja GitHub)
• Commit, push, clone, branch
• GitHubiga töötamine
• Projektide varundamine ja jagamine
5. Veebidisaini alused ja tööriistad
• Kujunduspõhimõtted (UX/UI, värviteooria, kontrast)
• Responiivne disain
• Disainist koodini (Figma eksport)
6. Sisuhaldus WordPressiga
• WordPressi paigaldamine ja häälestamine
• Kujundusmallid ja pluginate kasutamine
• Lehtede, postituste ja meedia haldamine
7. Testimine ja avaldamine
• Brauseritestimine, devtools
• SEO ja juurdepääsetavuse (WCAG) alused
• Failide üleslaadimine ja hostimine