PLIN062 Základy webových technologií

Filozofická fakulta
jaro 2023
Rozsah
0/2/0. 4 kr. Ukončení: z.
Vyučující
Mgr. Bc. Kryštof Davídek (přednášející)
RNDr. Zuzana Nevěřilová, Ph.D. (přednášející)
Mgr. Richard Holaj, Ph.D. (pomocník)
Garance
RNDr. Zuzana Nevěřilová, Ph.D.
Ústav českého jazyka – Filozofická fakulta
Kontaktní osoba: Jaroslava Vybíralová
Dodavatelské pracoviště: Ústav českého jazyka – Filozofická fakulta
Rozvrh
St 16:00–17:40 B2.33
Předpoklady
Znalost základních principů programování v rozsahu PLIN048.
Omezení zápisu do předmětu
Předmět je otevřen studentům libovolného oboru.
Cíle předmětu
Cílem předmětu je seznámit studenty s technologiemi používanými při vývoji webových aplikací. Předmět postupně představuje technologie a způsob jejich použití pro jednotlivé části architektury webových aplikací. Zejména se jedná o statické části webu, tj. HTML a CSS, dynamické části na straně klienta (prohlížeče), tedy JavaScript a od něj odvozené technologie. Na straně serveru se pak jedná rovněž o technologie pro tvorbu dynamického webu a aplikací (Node.js, Express) a elementární principy a použití databází (SQL, NoSQL databáze). Studenti budou zároveň seznámeni se způsoby, jakými mezi sebou jednotlivé části komunikují (principy REST API).
Výstupy z učení
Student získá základní představu o fungování webových stránek a prohlížeče.
Student se naučí pracovat s technologiemi pro tvorbu statického webu - HTML a CSS.
Student se seznámí se základy technologií pro tvorbu dynamického webu, a to jak na straně klienta (JavaScript), tak serveru (Node.js, Express).
Student porozumí principům návrhu webové aplikace skládající se z frontendové a backendové části a seznámí se způsoby komunikace mezi těmito částmi.
Osnova
  • 1. Jaké technologie se používají při vývoji webových aplikací? 2. Jak fungují webové stránky (vztah základních technologií – HTML, CSS a JavaScriptu) a jak je zobrazuje prohlížeč? 3. Úvod do HTML a jeho vztah k ostatním značkovacím jazykům. 4. Návrh vizuálu webové stránky (Figma) a úvod do CSS. 5. Pokročilé CSS a představení několika CSS frameworků. 6. Manipulace DOM tree – úvod do principů JavaScriptu. 7. Pokročilé použití JavaScriptu v reálných aplikacích. 8. Úvod do REST API a JSONu. 9. Základní principy serverových aplikací. 10. Kombinace frontendu a backendu – reálné využití veřejně dostupných API. 11. Představení několika databázových řešení pro webový vývoj. 12. Kombinace technologií pro tvorbu komplexnější aplikace.
Literatura
  • Během výuky budou ke studiu zadávány převážně webové zdroje.
Výukové metody
Procvičování jednotlivých technologií používaných při vývoji webových aplikací, diskuse k problematice, práce s online podklady, průběžná práce na projektu.
Metody hodnocení
Zápočet bude udělen za docházku a vypracování projektu.
Navazující předměty
Další komentáře
Studijní materiály
Předmět je zařazen také v obdobích jaro 2024.