13-15 letNajpogosteje izbrana
Izdelava spletnih strani: HTML, CSS in JavaScript - (13-15 let) - ONLINE
Tečaj je namenjen vsem, ki jih zanima kako deluje svetovni splet in nastajajo spletne strani. Udeleženci v sklopu tečaja sami izdelajo spletno stran. Program tečaja vključuje elemente, kot so oznake HTML, slog CSS in še veliko več.
Uvod
Ta dvosemestrski tečaj je odlična priložnost za učenje jprogramskega jezika, ki ga uporabljajo profesionalni programerji. Udeleženci se bodo seznanili s pojmi in in koncepti, ki se vsakodnevno uporabljajo v IT okolju. Naučili se bodo programirat in sami izdelovati aplikacije.
Program tečaja
1Lekcija 1 - HTML - Moja prva spletna stran
Cilj lekcije je učencem predstaviti osnove izdelave spletnih strani. Učenci bodo spoznali osnove jezika HTML in izdelali svojo prvo spletno stran.
2Lekcija 2 - HTML - Grafika in multimedija
Naučili se bomo dodajati slike, YouTube videe, PDF dokumente in interaktivne zemljevide na spletno stran. Izdelali bomo projekt "Moje mesto".
3Lekcija 3 - HTML - Kuharski blog, 1. del
Naučili se bomo o seznamih, povezavah in podstraneh, izdelali bomo glavno stran kuharskega bloga z navigacijo, recepti in komentarji preko DISQUS-a.
4Lekcija 4. - HTML,CSS - Kuharski blog, 2. del
Spoznali bomo CSS - kako z njim spremenimo videz strani, uvozili bomo Google pisave in stran polepšali s slogi, razredi in učinki ob prehodu miške (hover).
5Lekcija 5 - HTML,CSS. - Lestvica telefonov
Naučili se bomo ustvarjati in oblikovati tabele ter delati z barvami. Izdelali bomo lestvico priljubljenih telefonov s slikami, ocenami in povezavami do podrobnosti.
6Lekcija 6 - HTML, CSS - Obrazci
Spoznali bomo različne vrste polj v obrazcih - besedilna polja, gumbe, spustne sezname, potrditvena polja. Izdelali bomo obsežen kontaktni obrazec, ki pošilja podatke po e-pošti.
7Lekcija 7 - HTML, CSS - Moj hišni ljubljenček
Spoznali bomo značko <div> za razdelitev strani na sekcije. Izdelali bomo stran o svojem najljubšem hišnem ljubljenčku z zgodovino pasme, podatki, prednostmi in slabostmi ter galerijo slik.
8Lekcija 8. HTML, CSS, JS - Križec krožec 1.del
Prvič se bomo srečali z JavaScriptom - spoznali osnove spremenljivk, funkcij in dogodkov ter začeli graditi igro križci in krožci.
9Lekcija 9 - HTML, CSS, JS - Križec in krožec 2. del
Nadaljevali bomo z izdelavo igre križci in krožci - dodali bomo logiko za preverjanje zmagovalca in dokončali igro do konca.
10Lekcija 10. HTML, CSS, JS - Vislice
V tej lekciji bomo predstavili zanke. Spoznali bomo zanko WHILE in načine njene uporabe v različnih primerih.
11Lekcija 11 - HTML, CSS, JS - Počitniški spomini 1.del
Izdelali bomo odziven spletni strani s pomočjo Flexbox in Media queries - z navigacijo, predstavitvijo, video posnetki in fotografijami s počitnic.
12Lekcija 12. - HTML, CSS, JS - Počitniški spomini 2. del
Nadaljevali bomo prejšnji projekt - dodali galerijo fotografij z učinkom povečave in kontaktni obrazec, nato pa stran po želji še dodatno prilagodili.
13Lekcija 13 - HTML, CSS, JS - Kviz o šefih v računalniških igrah 1.del
Izdelali bomo interaktiven kviz o šefih iz naših najljubših igric, ki ga bomo v celoti oblikovali s CSS-jem.
14Lekcija 14 - HTML, CSS, JS - Kviz o šefih v računalniških igrah 2.del
Z JavaScript logiko bomo kviz naredili delujoč - preverjali bomo pravilnost odgovorov in prikazali končni rezultat.