Webové programovanie - kurz 18 000 rub. z Coddy School of Programming for Children, tréning 3 modulov (mesiace)

učiteľ kurzu:
„Programovanie hier v Pythone“, „Programovanie v JavaScripte“, „Boti v Pythone“, „Webové programovanie“ 

učiteľ kurzu:
„Programovanie v JavaScripte“, „Programovanie hier v Pythone“, „Webové programovanie“, „Boti v Pythone“, „Programovanie v Pythone3“, „Vývoj webových aplikácií pre firmy“

učiteľ kurzu:
„Unity 3D“, „Programovanie v JavaScripte“, „Programovanie hier v Pythone“, „Návrh stránok“, „Webové programovanie“, „Bots v Pythone“, „Programovanie v Pythone3“, „Tvorba hier v Scratch“, „Vývojár videohier: vytváranie 2D hier rôznych žánrov“, „Vývoj 2D a 3D hier v Python"

1. modul

Prvý deň

Úvod do HTML

− Čo je HTML?
− Základné značky HTML
− atribúty prvkov HTML
− Vytvorenie prvej webovej stránky

Domáca úloha: vytvoriť webové stránky na zvolenú tému, preštudovať si teoretický materiál.
Výsledok hodiny: v praxi boli preštudované základné prvky HTML, bola vytvorená prvá webová stránka.

Druhý deň

Základy štýlu webovej stránky

− Testovanie na základe učiva z predchádzajúcej hodiny
− Jazyk štýlov CSS a jeho syntax
− Zmena štýlov textu
− Rozmery prvkov na webovej stránke

Domáca úloha: preštudovať si teoretický materiál, v praxi si upevniť vedomosti získané na hodine, dopracovať už skôr vytvorené webové stránky.
Výsledok hodiny: preštudovali sa metódy štylizácie textového obsahu webstránky, dokončili sa CSS vlastnosti, ktoré menia veľkosť prvkov.

Deň tretí

Základy polohovania prvkov

− Testovanie na tému „Základy stylingu webovej stránky“
− Zmena veľkosti prvkov na webovej stránke
− Vonkajšie a vnútorné výplne prvkov
− Riešenie praktických úloh na preberanú tému

Domáca úloha: preštudovať si teoretický materiál, upevniť vedomosti získané na hodine v praxi, pripraviť sa na záverečný test v tomto module.
Výsledok hodiny: preštudovali sa základné vlastnosti CSS zodpovedné za umiestnenie prvkov na webovej stránke, vyriešili sa problémy na preberanú tému.

Deň štvrtý

Publikovanie vašich projektov na internete

− Záverečné testovanie zo všetkých tém študovaných v tomto module
− Registrácia v službe GitHub
− Zverejňovanie projektov
− Odpovedať na otázky a pracovať na chybách

Výsledok hodiny: záverečný test pre prvý modul prešiel úspešne, každý projekt bol zverejnený online.

2. modul

Prvý deň

Umiestnenie prvkov na stránke. Technológia Flexbox.

− Čo je Flexbox?
− Polohovacie prvky pomocou Flexbox
− Základné vlastnosti Flexboxu
− Riešenie praktických úloh na preberanú tému

Domáca úloha: preštudovať si teoretické materiály, dokončiť praktické zadania.
Výsledok hodiny: v praxi sa študovali základy technológie Flexbox, riešili sa praktické problémy k preberanej téme.

Druhý deň

vlastnosti pozadia

− Testovanie na tému „Umiestňovanie prvkov na stránke. Technológia Flexbox"
− Nastavenie obrázka na pozadie prvku
− Vlastnosti pozadia
− Riešenie praktických úloh na preberanú tému

Domáca úloha: preštudovať si teoretický materiál, upevniť poznatky získané na hodine v praxi, vytvoriť galériu s obrázkami pomocou technológie Flexbox.
Výsledok hodiny: študovali sa alternatívne spôsoby umiestňovania obrázkov na webovú stránku, získali sa praktické zručnosti.

Deň tretí

Animácia pri umiestnení kurzora myši nad prvky

− Testovanie na tému „Vlastnosti pozadia“
− Pseudotrieda: vznášať sa
− Analýza príkladov tvorby rôznych animácií
− Riešenie praktických úloh na preberanú tému

Domáca úloha: preštudujte si teoretický materiál, upevnite si poznatky získané na hodine v praxi, vytvorte si vlastné animácie vznášania.
Výsledok hodiny: preštudovali sa metódy tvorby animácií pri prechode na webovú stránku, získali sa praktické zručnosti pri riešení problémov.

Deň štvrtý

Testovanie a odpovedanie na otázky

− Záverečné testovanie zo všetkých tém študovaných v tomto module
− Finalizácia vašich projektov
− Zverejňovanie projektov
− Odpovedať na otázky a pracovať na chybách

Výsledok lekcie: záverečné testovanie druhého modulu úspešné, všetky projekty zverejnené online

3. modul

Prvý deň

Umiestnenie prvkov na stránke. Technológia rozloženia mriežky.

− Čo je rozloženie mriežky?
− Umiestnenie prvkov pomocou rozloženia mriežky
− Rozdiely od Flexbox
− Základné vlastnosti mriežky
− Riešenie praktických úloh na preberanú tému

Domáca úloha: preštudujte si teoretické materiály, dokončite praktickú úlohu, začnite pracovať na vývoji cieľovej stránky.
Výsledok hodiny: v praxi sa preštudovali základy technológie Grid layout, riešili sa praktické problémy na preberanú tému.

Druhý deň

Vývoj vstupnej stránky

− Testovanie na tému „Umiestňovanie prvkov na stránke. Technológia rozloženia mriežky"
− Vytvorenie obrazovky prvej vstupnej stránky
− Vývoj navigácie pre budúcu webovú stránku

Domáca úloha: vytvorte druhú vstupnú stránku, zopakujte predchádzajúcu tému.
Výsledok hodiny: študovali sa alternatívne spôsoby umiestňovania obrázkov na webovú stránku, získali sa praktické zručnosti.

Deň tretí

Vývoj vstupnej stránky

- Kontrola domácich úloh
− Vytvorenie tretej obrazovky
− Vytvorenie mobilnej verzie vstupnej stránky

Domáca úloha: dokončite vypracovanie projektu.
Výsledok lekcie: chyby a chyby boli opravené, bola vytvorená konečná obrazovka vstupnej stránky.

Deň štvrtý

Testovanie a odpovedanie na otázky

− Záverečné testovanie zo všetkých študovaných tém
− Finalizácia vstupnej stránky
− Zverejnenie záverečného projektu na internete

Výsledok lekcie: záverečný test prešiel, vstupná stránka bola zverejnená na internete.