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.

Регистрация

Объем курса

120 ак.ч
(88 kontaktõpe ja 32 iseseisev töö)

Время проведения

07.12.26 – 11.03.27
18.01.27 – 22.04.27
01.03.27 – 03.06.27

Цель курса

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.

Учебный план

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

Результаты обучения

По окончанию курса обучающийся:

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

Целевая аудитория

На курс приглашаются:

новички, желающие получить необходимую специализацию в области информационных технологий
tööotsijad ja karjääripöörajad, kes soovivad alustada tööd veebiarenduses
disainerid, turundajad ja veebisisu haldurid, kes soovivad veebilehti ise kodeerida

Методы обучения

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.

Учебные материалы

Участники получат подготовленные учителем соответствующие каждой теме курса материалы в электронном виде.

Учебная среда

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

Обучение также может проходить в онлайн формате.

Имеется доступ для инвалидных колясок.

Подробное описание учебной среды: правила организации обучения

Критерии оценки результатов обучения:

Результаты обучения будут оцениваться на основе практических работ, выполненных самостоятельно.

Условия окончания курса и выдаваемые документы

По окончании обучения учебный центр выдает сертификат или свидетельство. Сертификат выдается, если обучающийся посетил не менее 75 % занятий и выполнил 75 % практических заданий. Свидетельство об участии выдается, если обучающийся не достиг всех результатов обучения, необходимых для завершения программы, но участвовал в учебном процессе.

Описание квалификации, учебы или опыта работы, подтверждающих компетентность преподавателя.

Высшее образование, работает по специальности или имеет соответствующий опыт преподавания в области ИТ.

Группа программы обучения:

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.