Podklady pro cvičení kurzu 4iz268 - Webové technologie na VŠE v Praze
Web předmětu: http://4iz268.github.io
- základy syntaxe, formátování
- adresování dokumentů a tvorba odkazů
- příprava zdrojového kódu v HTML (HTML editory) a prohlížení výsledku v prohlížeči
- přístupnost stránek pro různé typy zařízení, typy prohlížečů
- tabulky, seznamy, vložení obrázku
- kontrola stránky pomocí validátoru
- základy syntaxe, připojení stylu ke stránce
- formátování textu, odstavců
- box model, rámečky, okraje
- nové tagy v HTML5
- možnosti pozicování (float, flex box, grid)
- typické layouty a rozmístění prvků na stránce
- pokročilejší vlastnosti CSS3
- kontrola stylu pomocí validátoru CSS
- formáty obrázků vhodné pro web
- základní úpravy obrázků v editoru – ořez, zmenšení rozlišení, optimalizace
- úpravy vzhledu obrázku pomocí CSS
- vkládání zvuku a videa
- ikony a fonty
- vložení SVG do stránky
- příprava SVG v grafickém editoru
- model animací a transformací používaný v CSS a SVG
- responzivní layout
- responzivní obrázky (SVG, element)
- formátovani stranky pro různá zařízení a pro tisk
- využití knihovny Bootstrap
- vložení skriptu do stránky
- obsluha událostí
- základy syntaxe JavaScriptu
- debugging JS v konzoli
- průchod a manipulace s DOM
- využití querySelectAll()
- jQuery
- použití existujících JS aplikací a komponent (kalendáře, WYSIWYG editory atp.)
- Bootstrap a jQuery
- čtení a zápis dat do formulářových polí
- validace hodnot ve formuláři (pomoci JS i HTML 5)
- odeslání formuláře hotovému skriptu
- odeslání a zpracování XHR požadavku
- držení stavu a historie
- zpracování odpovědi ve formátech XML a JSON
- aktualizace části stránky na základě odpovědi XHR
- práce s lokálním úložištěm
- detekce offline/online stavu
- offline aplikace (appcache, service worker)
- geolokace
- další HTML5 API
- Vypracování ukázkové aplikace
- Obsah jednotlivých cvičení se může lišit v závisloti na rychlosti jednotlivých skupin a harmonogramu aktuálního semestru.
- textové poznámky k jednotlivým cvičením
- ukázkové příklady
- souhrn informací nutných pro absolvování předmětu
- hodnocení se skládá ze čtyřech částí:
- statická prezentace (max. 25 bodů)
- javascriptová aplikace (max. 25 bodů)
- závěrečný test (max. 40 bodů)
- body za aktivitu na cvičeních a při plnění domácích úkolů (10 bodů)
- je použita standardní bodová škála, tj. je nutné celkem získat minimálně 60 bodů
- z každé hlavní části hodnocení (test, web, aplikace) je nutné získat minimálně polovinu možných bodů
- Prezentace z přednášek
- Plán cvičení
- HTML 5 primární zdroj, final verze specifikace z 28.10.2014
- Twitter: https://twitter.com/4iz268
- kniha Dive into HTML5 - zdarma, kus přeložený, můžete pomoci s překladem
- HTML5 tvorba dokonalých webových stránek: http://htmlguru.cz/
- http://www.w3.org/standards/webdesign/htmlcss
- http://www.w3schools.com/tags/
- W3C validátor: http://validator.w3.org/
- další validátor (používá ho i W3C): http://validator.nu/
- plus zdroje uvedené v sylabu předmětu