Kurz pro pedagogy - Webové technologie
Pátek 9. 10. 2020 - Pátek 4. 12. 2020
12:00 - 18:00
Kraj: Hlavní město Praha
Adresa: Budova MFF UK, Malostranské náměstí 25, učebna SW1
POZOR, ZMĚNA: Vzhledem k situaci se kurz bude konat online.
Kurz v rámci Dalšího vzdělávání pedagogických pracovníků
O kurzu
Webové technologie jsou součástí nové řady kurzů pořádaných Matematicko-fyzikální fakultou UK v rámci DVPP. Kurz poskytne účastníkům seznámení se základními principy fungování webu a s nástroji a postupy, které se při tvorbě webových stránek používají. Součástí kurzu budou praktická cvičení u počítače, při kterých si účastníci vytvoří jednoduchý web s použitím vybraných webových technologií, včetně ukázky použití serverového skriptovacího programovacího jazyka.
Forma kurzu
Prezenční výuka bude probíhat blokově v prostorách MFF UK. Bude se jednat o tři setkání v páteční odpoledne (přibližně od 12:00 hodin) v období říjen až leden. Prezenční výuka bude vhodně doplněna samostudiem a to především samostatným řešením zadaných úloh s možností online konzultace.
Obsah kurzu
- Jak funguje web (přednáška)
umístění stránek na internetu, zobrazení v prohlížeči, webhosting, doména; historie prohlížení, cache, cookies, ukládání hesel; velikost obrázků a videí; statické vs. dynamické stránky; nezabezpečené vs. zabezpečené spojení se serverem; systémy pro správu obsahu (CMS, redakční systémy)
- Webové technologie v příkladech (přednáška)
přehled webových technologií a jejich použití s praktickými ukázkami (HTML5, CSS3, JavaScript, AJAX, Flash, PHP a další jazyky); role databází; příklady webových frameworků; přístupnost webu; SEO optimalizace
- Tvorba statické webové stránky (cvičení)
vytvoření webové stránky pomocí HTML a CSS, resp. HTML5 a CSS3; responsivní layout
- Uveřejnění vlastní webové stránky (cvičení)
- Bootstrap (cvičení)
principy a praktické použití frameworku Bootstrap
- Zpracování webového formuláře (cvičení)
vytvoření webového formuláře; výměna dat mezi klientem a serverem, kontrola polí, ošetření dat od uživatele; vzhled formuláře
- Ukázka tvorby dynamické webové stránky (cvičení)