Front-end arendaja: HTML, CSS, JavaScript ja tehisintellekt

Front-end, Tehisintellekt (AI)

Front-end arendaja: HTML, CSS, JavaScript ja tehisintellekt

Praktiline kursus algajatele: õpi looma kaasaegseid veebilehti ja -rakendusi HTML-i, CSS-i ja JavaScriptiga ning kasutama tehisintellekti koodiabilisi nagu professionaalne arendaja.

Registreeri

Õppe kogumaht

120 ak.t.
(88 kontaktõpe ja 32 iseseisev töö)

Toimumise aeg

07.12.26 – 11.03.27
18.01.27 – 22.04.27
01.03.27 – 03.06.27

Eesmärk

Kursuse eesmärk on, et õppija loob iseseisvalt kaasaegseid ja kohanduvaid veebilehti ning lihtsaid veebirakendusi HTML-i, CSS-i ja JavaScriptiga, kasutab töös tehisintellekti koodiabilisi ning on valmis alustama tööd noorem-front-end-arendajana või jätkama õpinguid Reacti suunal.

Õppekava

Moodul 1: Veebi toimimine ja arendaja töövahendid (6 ak.t)

1.1. Kuidas veeb töötab: brauser, server, HTTP
1.2. VS Code ja brauseri arendajatööriistad (DevTools)
1.3. Git ja GitHub: versioonihaldus
1.4. AI: koodiabilise (GitHub Copilot, ChatGPT/Claude) seadistamine ja hea päringu koostamine

Moodul 2: HTML5: struktuur, semantika ja vormid (10 ak.t)

2.1. HTML-dokumendi ülesehitus ja semantilised elemendid
2.2. Lingid, pildid, tabelid, meedia
2.3. Vormid ja sisendväljad
2.4. Ligipääsetavus ja SEO alused
2.5. AI: HTML-struktuuri genereerimine ja kontrollimine

Moodul 3: CSS: kujundus, Flexbox, Grid ja kohanduv disain (16 ak.t)

3.1. Selektorid, kastimudel, värvid ja fondid
3.2. Flexbox ja CSS Grid
3.3. Kohanduv (responsive) disain ja meediapäringud
3.4. Üleminekud ja animatsioonid
3.5. Figma kujundusest veebileheni
3.6. AI: paigutuse loomine ja CSS-vigade parandamine

Moodul 4: JavaScripti alused (20 ak.t)

4.1. Muutujad, andmetüübid ja operaatorid
4.2. Tingimuslaused ja tsüklid
4.3. Funktsioonid
4.4. Massiivid ja objektid
4.5. Vigade otsimine ja silumine
4.6. AI: koodi selgitamine, vigade leidmine ja harjutusülesannete loomine

Moodul 5: JavaScript veebilehel: DOM ja sündmused (14 ak.t)

5.1. DOM: elementide leidmine ja muutmine
5.2. Sündmused ja kasutaja tegevused
5.3. Vormide valideerimine
5.4. Andmete salvestamine brauseris (localStorage)
5.5. Moodulid ja koodi korrastamine
5.6. AI: interaktiivsete komponentide loomine ja koodi ülevaatus

Moodul 6: Andmed ja API-d (8 ak.t)

6.1. JSON-andmevorming
6.2. fetch, Promise ja async/await
6.3. Avalike API-de kasutamine (ilm, kaardid, valuutakursid)
6.4. AI: API dokumentatsiooni mõistmine ja päringute koostamine

Moodul 7: Tehisintellekt arendaja töös (6 ak.t)

7.1. AI-koodiabilised: võimalused ja piirangud
7.2. Koodi genereerimine, refaktoreerimine ja testimine AI-ga
7.3. AI-funktsiooni lisamine veebilehele (API kaudu)
7.4. Turvalisus, autoriõigus ja andmekaitse; AI pakutud koodi kontrollimine

Moodul 8: Lõpuprojekt: portfoolio ja veebirakendus (8 ak.t)

8.1. Isikliku portfoolio veebilehe loomine
8.2. Väike JavaScripti veebirakendus API-ga
8.3. Avaldamine GitHub Pagesis
8.4. Esitlemine ja tagasiside

Õpiväljundid

Koolituse lõpetanu:

loob semantilise ja ligipääsetava HTML-struktuuriga veebilehti
kujundab CSS-i abil kohanduvaid lehti (Flexbox, Grid), mis töötavad arvutis ja mobiilis
kirjutab JavaScripti koodi, mis muudab lehe interaktiivseks (DOM, sündmused, vormid)
kasutab API-sid ja kuvab välisandmeid veebilehel
kasutab Gitiga versioonihaldust ja avaldab oma töö GitHub Pagesis
kasutab tehisintellekti koodiabilisi koodi kirjutamiseks, silumiseks ja ülevaatuseks, hindab AI pakutud koodi õigsust ja turvalisust
on loonud portfoolio, mida saab näidata tööandjale

Sihtrühm

Koolitusele on oodatud:

algajad, kes soovivad omandada nõutud IT-eriala
tööotsijad ja karjääripöörajad, kes soovivad alustada tööd veebiarenduses
disainerid, turundajad ja veebisisu haldurid, kes soovivad veebilehti ise kodeerida

Õppemeetodid

Auditoorne töö (88 ak.t): loengud, praktilised harjutused, rühmatööd
Iseseisev töö (32 ak.t): kindlate eesmärkidega töö- ja õppeülesannete täitmine, mille kohta koolitaja annab tagasisidet

Tehisintellekt ei ole kursusel eraldi teema, vaid töövahend igas moodulis: iga praktiline ülesanne lahendatakse käsitsi, siis AI abil ja lõpuks kontrollitakse tulemust.

Õppematerjalid

Koolitusel osalejad saavad teemakohased jaotusmaterjalid elektroonselt, mis on koostatud koolitaja poolt koolituse kõikide teemade kohta.

Õppekeskkond

Koolitus toimub arvutiklassides kogu vajaliku tehnilise varustusega. Rühmas kuni 12 õppijat — igaüks töötab oma arvutiga ja saab koolitajalt personaalset tähelepanu.

Koolitus võib toimuda ka reaalajas veebikeskkonnas.

Juurdepääs ratastooliga liikumiseks on olemas.

Õppekeskkonna kirjeldus: õppekorralduse alused

Hindamiskriteerium

Õpiväljundeid hinnatakse iseseisvalt sooritatud praktiliste tööde põhjal.

Lõpetamise tingimused ja väljastatavad dokumendid

Koolituse lõppedes väljastab koolituskeskus tunnistuse või tõendi. Koolituse läbinule väljastatakse tunnistus juhul, kui õppija on osalenud vähemalt 75% õppetundidest ja täitnud 75% praktilistest ülesannetest. Tõend osalemise või täiendkoolituse läbimise kohta väljastatakse juhul, kui õppija ei ole saavutanud kõiki õppekava lõpetamiseks nõutud õpiväljundeid, kuid võttis osa õppetööst.

Koolitaja kompetentsust tagava kvalifikatsiooni või õpi- või töökogemuse kirjeldus

Kõrgharidus, ja on aktiivselt tegutsenud õpetatavas valdkonnas või omavad vastavasisulist kogemust (õpetamiskogemus IKT valdkonnas).

Õppekavarühm

0613 Tarkvara ja rakenduste arendus ning analüüs

Õppe alustamise tingimused

Kindel arvutikasutus; programmeerimiskogemust ei ole vaja.

Tehisintellekt kursusel

Koodi genereerimine ja selgitamine (GitHub Copilot, ChatGPT/Claude); vigade otsimine ja silumine; CSS-paigutuse loomine; koodi ülevaatus ja refaktoreerimine; API dokumentatsiooni mõistmine; AI-funktsiooni lisamine veebilehele; AI pakutud koodi turvalisuse kontroll.