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 (15. 2.) [slidy 1–24]
- základy HTML a CSS (22. 2.) [slidy 1–35]
- struktura a vizualizace webové stránky (29. 2.) [slidy 1–32]
- jak psát CSS (6. 3.) [slidy 1–39]
- tvorba layoutu (14. 3.) [slidy 1–27]
- tvorba layoutu, responzivní design (21. 3.) [slidy 28–62]
- responzivní design, základní HTML elementy a jejich vizualizace (28. 3.) [slidy 63–72, slidy 1–7]
- základní HTML elementy a jejich vizualizace (4. 4.) [slidy 8–36]
- základní HTML elementy a jejich vizualizace (11. 4.) [slidy 37–62]
- pokročilejší možnosti CSS, analýza kvality webové stránky (18. 4.) [slidy 1–14, slidy 1–??]
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. Průběh revize v roce 2024 je shrnut níže.
Changelog
12. 4. 2024, přidány informace o INP metrice14. 3. 2024, přidány informace o subgrid
28. 2. 2024, drobné úpravy strany 37–47
21. 2. 2024, revize a doplnění druhé kapitoly, přidány informace CSS nesting
8. 2. 2024, revize a doplnění první kapitoly
Zápočet
Podrobnější informace budou sděleny na cvičení.
Zkouška
Zkouška se bude skládat ze dvou částí: praktické a ústní. V praktické části dostane student jednoduchý úkol (v rozsahu cca 1 hodiny práce, ale čas potřebný pro řešení nebude limitován), který bude muset realizovat. U praktické části je možné používat libovolné materiály. Ústní část zkoušky bude probíhat formou rozhovoru nad realizovaným řešením (cca 20 minut) a její součástí bude ověření znalostí základních principů tvorby webového frontendu. K ústní části zkoušky může student postoupit až po úspěšném vyřešení praktické části. Pro úspěšné ukončení zkoušky je nutné složit obě její části.