Veebilehe disain- UI-UX ja front-end arendus

Sisuhaldus, WordPress, HTML, CSS3, SCSS, Javascript, Git veebidisain, SEO, veebiarendus, kodulehe loomine

Sihtgrupp: Koolitus sobib neile, kes soovivad alustada karjääri front-end arenduses, täiendada olemasolevaid teadmisi või mõista paremini kaasaegseid veebitehnoloogiaid.

Õppe alustamise tingimused: Kursuse alustamiseks on vajalik esmane arvuti kasutamise oskus.

Koolituse eesmärk: Anda osalejale praktilised oskused ja teadmised kaasaegse, hästi toimiva ja kasutajasõbraliku veebisaidi loomiseks ning haldamiseks.

Koolituse sisu:

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

Kõik tunnid koosnevad kahest osast – teooria ja praktiline töö. Koolituse osaks on ka kohustuslikud kodutööd.

Maht: 120 akadeemilist tundi, millest 60 on auditoorse ja praktilise töö tunnid. Lisaks on vaja vähemalt 60 tundi iseseisvat praktilist tööd.

Koolituse lõpus teeb õpilane eksamitöö. Eksamitööks võib olla koolituse käigus valminud töö. Eksamitöö, edukal sooritamisel väljastatakse kursuse lõpetanule tunnistus. Tõend väljastatakse õppijale kui õpitulemusi ei saavutatud, kuid õppija võttis osa õppetööst. Tõend väljastatakse vastavalt osaletud kontakttundide arvule.

Õpiväljundid– koolituse läbinu:

• Loob veebilehe struktuuri semantilise HTML5 abil;
• testib ja avaldab valminud veebilehe, arvestades SEO ja juurdepääsetavuse põhitõdesid.
• kujundab veebilehti kaasaegse CSS3 ja SCSS-i abil (sh Flexbox, Grid);
• lisab interaktiivsust JavaScript ES6+ abil (nt sündmuste kuulamine, DOM-i muutmine);
• tunneb versioonihaldust Git ja GitHub baastasemel;
• haldab lihtsaid veebisaite sisuhaldussüsteemis WordPress;
• mõistab veebidisaini ja UX aluseid (nt loetavus, navigeeritavus, kontrastsus);
• testib ja avaldab valminud veebilehe, arvestades SEO ja juurdepääsetavuse põhitõdesid.

Kursuse edukaks lõpetamiseks peab valmima üks konkreetne veebiprojekt algusest lõpuni, mille õpilane saab koolituse lõpuks portfooliosse kanda.

Kasutatavad meetodid: interaktiivsed loengud, rühmatööd, õppematerjalid, õppevideod.

Koolitaja:
Ketlin Hiob Tallinna Ülikool (Eesti, kõrgharidus)
Informaatikaõpetaja, infojuht/magistrikraad