KMI/WEB Tvorba webových stránek

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

1. úvodní informace, úvod do tvorby webových stránek (10. 2.) [slidy 1–24]
2. základy HTML a CSS (22. 2.) [slidy 1–35]
3. struktura a vizualizace webové stránky (24. 2.) [slidy 1–32]
4. jak psát CSS (3. 3.) [slidy 1–39]
5. tvorba layoutu (10. 3.) [slidy 1–27]
6. tvorba layoutu, responzivní design (17. 3.) [slidy 28–63]
7. responzivní design, základní HTML elementy a jejich vizualizace (24. 3.) [slidy 63–73, slidy 1–3]
8. základní HTML elementy a jejich vizualizace (31. 3.) [slidy 4–36]
9. základní HTML elementy a jejich vizualizace (7. 4.) [slidy 37–62]
10. pokročilejší možnosti CSS, analýza kvality webové stránky (14. 4.) [slidy 1–12, slidy 1–8]
11. státní svátek (21. 4.)
12. základy klientského JavaScriptu, záverečné poznámky (28. 4.) [slidy 1–22, slidy 1–7]

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 (responziv­ní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 2025 je shrnut níže.

Changelog