Hlavním cílem kurzu je poskytnou studentům základy v oblasti tvorby webového front-endu. Kurz je zaměřen na základní technologie: HTML, CSS a JavaScript, přičemž poslední uvedená je zahrnuta pouze okrajově.
Přednášky
- úvodní informace, úvod do tvorby webových stránek (13. 2.) [slidy 1–24], [slidy 1–6]
- základy HTML a CSS (20 2.) [slidy 7–36], [slidy 1–4]
- struktura a vizualizace webové stránky (27. 2.) [slidy 5–32], [slidy 1–18]
- jak psát CSS (6. 3.) [slidy 19–42], [slidy 1–9]
- tvorba layoutu (13. 3.) [slidy 10–46]
- tvorba layoutu, responzivní design (20. 3.) [slidy 47–73]
- responzivní design, základní HTML elementy a jejich vizualizace (27. 3.) [slidy 1–27]
- státní svátek (3. 4.)
- základní HTML elementy a jejich vizualizace (31. 3.) [slidy 28–62]
- pokročilejší možnosti CSS, analýza kvality webové stránky (17. 4.) [slidy 1–12, slidy 1–8]
- základy klientského JavaScriptu (24. 4.) [slidy 1–22] [slidy 1–7]
- státní svátek (1. 5.)
- státní svátek (8. 5.)
Doporučená literatura
- Casabona, J.: HTML and CSS: Visual QuickStart Guide, 9th Edition, Peachpit Press, 2021.
- Ruvalcaba, Z., Boehm, A.: Murach's HTML5 and CSS3, 4th Edition, Murach Book, 2018.
- Meyer, E. A., Weyl, E.: CSS: The Definitive Guide: Visual Presentation for the Web, 4th Edition, O'Reilly Media, Inc., 2017.
- Michalek, M.: CSS: Moderní layout, 2022.
- Michalek, M.: Vzhůru do (responzivního) webdesignu, 2017.
- Michalek, M.: Vzhůru do CSS3, 2015.
- Flanagan, D.: JavaScript: The Definitive Guide, 7th Edition, O'Reilly Media, Inc., 2020.
- Robbins, J. N.: Learning Web Design, 5th Edition, O'Reilly Media, Inc., 2018.
Studijní materiály
Text Tvorba webových stránek je doplňkovým učebním materiálem k tomuto kurzu. Text bude v průběhu semestru revidován a rozšířen o aktuální informace z oblasti tvorby webového front-endu.
Zápočet
Podrobnější informace budou sděleny na cvičení.
Zkouška
TBA