|
Vyučující
|
-
Pavlíček Josef, Ing. Ph.D.
-
Sláma Jiří, Ing. Ph.D.
-
Štrausová Irena, Mgr. Ph.D.
|
|
Obsah předmětu
|
Hlavní témata: 1. Úvod do vývoje webu 2. 20 základních HTML prvků 3. Úvod do HTML, CSS, JavaScriptu a Bootstrapu 4. Úvod do Node.js 5. RESTful webové služby 6. Úvod do Firebase a připojení k Firebase 7. Tvorba aplikace Coffee Survey pomocí JavaScriptu, Firebase a Vercelu 8. Tvorba bezpečných JavaScriptových webových aplikací s využitím Vercelu a Firebase 9. Vizualizace dat pomocí JavaScriptových grafů 10. Základy full-stack JavaScriptového vývoje webu 11. Ukázkový e-shop I 12. Ukázkový e-shop II - propojení s GitHubem 13. Rekapitulace: JavaScript, Vercel, Firebase, GitHub
|
|
Studijní aktivity a metody výuky
|
Monologická (výklad, přednáška, instruktáž), Dialogická (diskuze, rozhovor, brainstorming)
- Domácí příprava na výuku
- 38 hodin za semestr
- Semestrální práce
- 44 hodin za semestr
- Účast na výuce
- 56 hodin za semestr
- Příprava na zápočet
- 30 hodin za semestr
|
|
Výstupy z učení
|
Cílem předmětu je uvedení studentů do základní problematiky tvorby webových aplikací. Předmět je zaměřen na osvojení principů HTML a JavaScriptu, využití verzovacího systému GitHub, nasazení aplikací na platformě Vercel a práci s cloudovou databází Firebase. Součástí je také práce s grafy a vizualizacemi dat. Výuka směřuje k tomu, aby studenti navrhli, naprogramovali a nasadili vlastní JavaScriptovou aplikaci s využitím získaných znalostí a dovedností.
Výsledky učení: Znalosti a pochopení: Studenti budou schopni popsat klíčové koncepty a principy tvorby webových aplikací. Porozumí základním technologiím HTML a JavaScriptu, principům verzování v GitHubu, nasazování projektů na Vercel a práci s cloudovou databází Firebase. Aplikace: Studenti budou schopni aplikovat naučené technologie při návrhu a implementaci webové aplikace. Budou umět použít vhodné nástroje a knihovny pro vizualizaci dat a grafy v JavaScriptu a nasadit hotovou aplikaci do online prostředí. Analýza a hodnocení: Studenti budou schopni analyzovat funkčnost webové aplikace, identifikovat problémy a navrhnout optimální řešení. Budou umět vyhodnotit různé přístupy k ukládání dat, prezentaci informací a uživatelskému rozhraní. Komunikační dovednosti: Studenti budou schopni prezentovat své projekty ústně i písemně, včetně dokumentace aplikace. Budou schopni spolupracovat v týmu na vývoji webového projektu s využitím verzovacího systému GitHub. Praktické dovednosti: Studenti budou schopni samostatně naprogramovat a nasadit interaktivní JavaScriptovou aplikaci s propojením na cloudovou databázi. Budou umět využít moderní webové technologie, grafické knihovny a cloudové platformy pro tvorbu a provoz aplikace. Osobní a profesní rozvoj: Studenti budou schopni reflektovat svůj pokrok při programování a identifikovat oblasti pro další zlepšení. Rozvinou dovednosti samostatného řešení problémů, kritického myšlení a práce s moderními technologiemi používanými v praxi webového vývoje.
|
|
Předpoklady
|
Předmět nemá žádnou prerekvizitu.
|
|
Hodnoticí metody a kritéria
|
Rozbor produktů pracovní činnosti studenta (technické práce), Průběžné hodnocení
Požadavky k zápočtu: Vlastní funkční aplikace v JS Požadavky ke zkoušce: Funkční vlastní aplikace propojující serverovou a klientskou část s využitím REST WS a s připojením na perzistentní (databázovou vrstvu), veřejně dostupná a publikovaná s využitím VERCELa a uložena v repositáři GitHub U ověřování výsledků učení jsou zajištěny rovné šance: Zajištění přístupnosti pro studenty se specifickými potřebami, např. časové úpravy nebo speciální pomůcky.
|
|
Doporučená literatura
|
-
Attardi, J. Modern CSS: Master the Key Concepts of CSS for Modern Web Development. New York, NY (USA): Apress, 2020.
-
Collins, M. J. Pro HTML5 with CSS, JavaScript, and Multimedia: Complete Website Development and Best Practices. Chesterfield, Virginia (USA): Apress, 2017. ISBN 978-1-4842-2462-5.
-
Josef Pavlíček. Introduction into the web development by Ing. Josef Pavlicek Ph.D. 2025. Praha. 2025.
-
Krol, K. WordPress 5 Complete. Birmingham, UK: Packt, 2019.
-
Meloni, J. C., Kyrnin, J. Sams Teach Yourself HTML, CSS, and JavaScript All in One. Indianapolis, IN (USA): Sams, 2019.
-
Scott, A. D., MacDonald, M., Powers, S. JavaScript Cookbook. Sebastopol, CA (USA): O'Reilly, 2021.
|