Internetové a mobilné aplikácie II
- Kredity: 4
- Ukončenie: Skúška
- Rozsah: 0P + 4C
- Semester: letný
- Fakulta hospodárskej informatiky
Vyučujúci
Zaradený v študijných programoch
Výsledky vzdelávania
Študenti absolvovaním predmetu nadobudnú kompetentnosti:
Znalosti
A. Využitie moderných JavaScriptových frameworkov používaných na vytváranie Single Page Aplikácií (SPA) aktuálne v praxi.
B. Prehĺbenie znalostí HTML5/CSS3/JS o schopnosť tvorby responzívnych webových aplikácií s využitím knižnice Bootstrap.
C. Tvorbu webových aplikácií pomocou Google frameworku Angular 4.
E. Základy automatizovaného testovania na báze Karma/Jasmine.
Zručnosti
D. Tvorbu klientskej časti webovej aplikácie napojenej na predpripravené REST služby.
F. Navrhnúť responzívny frontend webovej aplikácie s využitím Bootstrap.
G. Používať Angular CLI na tvorbu kostry Angularovej aplikácie.
H. Pripraviť klientskú časť webovej aplikácie na báze Angular 4.
I. Pripojiť frontend na REST služby na backende.
J. Testovať správnosť fungovania aplikácie v crossbrowser prostredí (Chrome, Firefox) s využitím Karma/Jasmine.
Spôsobilosti
A. Využiť moderné JavaScriptové frameworky na návrh a implementáciu SPA riešení.
B. Tvorivo aplikovať HTML5/CSS3/JS pri návrhu rozhraní s responzívnym dizajnom.
C. Využiť Angular 4 ako základ pre návrh modulárnych a škálovateľných webových aplikácií.
D. Integrovať klientskú časť s REST službami pre zabezpečenie funkčnej komunikácie.
F. Navrhovať profesionálny responzívny frontend pomocou Bootstrap.
G. Efektívne používať Angular CLI na generovanie, údržbu a testovanie projektu.
I. Zabezpečiť správne napojenie frontendu na backendové API.
J. Overovať funkčnosť aplikácie v rôznych prehliadačoch pomocou Karma/Jasmine.
Stručná osnova predmetu
1. Značkovacie jazyky HTML5
2. Jazyk XML
3. Skriptovacie frameworky Single Page Aplikácií (SPA)
4. Pokročilé možnosti JavaScriptu
5. Programovacia technika AJAX
6. Využitie knižnice Bootstrap
7. Štýlový jazyk CSS3
8. Jazyk TypeScript
9. Pokročilé algoritmy a dátové štruktúry
10. Používanie/testovanie REST služieb – Angular CLI
11. Používanie/testovanie REST služieb – Angular 4
12. Automatizované testovanie aplikácií JavaScriptovými frameworkami
13. Testovanie pomocou Karma/Jasmine
Odporúčaná literatúra
1. Naik, P. G., & Naik, G. R. (2024). Mastering Bootstrap, AJAX, and jQuery for elevating web experiences with advanced development techniques. Shashwat Publication.
2. Easy HTML – Handy Guide (2023). Discover the world of HTML. Publisher unknown. https://www.amazon.com/Easy-HTML-Discover-Programming-Foundations/dp/B0C9SBNWC2
3. Haverbeke, M. (2024). Eloquent JavaScript (4th ed.). https://eloquentjavascript.net
4. Mlýnková, I. (2008). XML technologie. Grada.
5. Kosek, J. (2000). XML pro každého. Grada.
6. W3Schools. (n.d.). XML tutorial. https://www.w3schools.com/xml/default.asp
7. W3Schools. (n.d.). JavaScript tutorial. https://www.w3schools.com/js/default.asp
8. W3Schools. (n.d.). AJAX tutorial. https://www.w3schools.com/ajax/default.asp
9. W3Schools. (n.d.). JSON tutorial. https://www.w3schools.com/json/default.asp
10. W3Schools. (n.d.). HTML tutorial. https://www.w3schools.com/html/default.asp
11. W3Schools. (n.d.). XHTML tutorial. https://www.w3schools.com/html/html_xhtml.asp
12. W3Schools. (n.d.). CSS tutorial. https://www.w3schools.com/css/default.asp
Sylabus predmetu
1. Značkovacie jazyky HTML a XHTML HTML a XHTML predstavujú základné technológie pre tvorbu webových stránok, pričom XHTML kladie dôraz na prísne formálne pravidlá. Študenti sa oboznámia so štruktúrou dokumentu, sémantikou a správnym používaním elementov. Dôraz sa kladie na moderné odporúčania pre prístupný a validný obsah. 2. Jazyk XML XML je univerzálny formát na reprezentáciu štruktúrovaných dát, často používaný pri výmene informácií medzi aplikáciami. Študenti sa naučia tvoriť vlastné XML dokumenty, pracovať so schémami a validáciou. Preberú sa situácie, v ktorých je XML výhodnejší alebo nevhodný oproti JSON. 3. Skriptovací jazyk JavaScript JavaScript tvorí základ interaktivity moderného webu prostredníctvom manipulácie DOM a obsluhy udalostí. Študenti získajú zručnosti pri tvorbe dynamických prvkov, spracovaní vstupov a volaní API. Ukážu sa aj základy ES6+ funkcií a modulárnej organizácie kódu. 4. Programovacia technika AJAX AJAX umožňuje načítavať dáta zo servera bez opätovného načítania stránky, čo je základom responzívnych aplikácií. Študenti pochopia asynchrónne volania, callbacky, Promise a prácu s JSON/XML odpoveďami. Praktické úlohy overia správnu realizáciu REST požiadaviek. 5. Textovo-dátový formát JSON JSON je najpoužívanejší formát pre prenos dát vo webových aplikáciách, jednoduchý na čítanie aj spracovanie. Študenti sa naučia serializovať, parsovať a bezpečne validovať JSON obsah. Súčasťou je porovnanie so štruktúrou XML a pochopenie ich rozdielov. 6. Štýlový jazyk CSS CSS umožňuje definovať vzhľad a rozloženie webových prvkov pomocou selektorov, kaskád a modelu boxov. Študenti zvládnu responzívny dizajn, mobil-first princípy a prácu s flexbox a grid systémom. Téma zahŕňa aj základy optimalizácie štýlov pre výkon. 7. Skriptovací jazyk PHP PHP slúži na tvorbu dynamických serverových aplikácií a spracovanie požiadaviek používateľov. Študenti sa zoznámia so syntaxou, bezpečnostnými zásadami a základnými serverovými operáciami. Preberá sa aj interakcia s databázou a tvorba jednoduchého backendu. 8. Správa databázy pomocou PHP Predmetom je práca so SQL databázami, implementácia CRUD operácií a bezpečná manipulácia s dátami. Študenti sa naučia používať PDO/MySQLi a pripravené dopyty. Téma zahŕňa aj návrh jednoduchých API pre komunikáciu s frontendom. 9. Jazyk TypeScript TypeScript prináša typový systém nad JavaScriptom, ktorý zvyšuje spoľahlivosť a predvídateľnosť aplikácií. Študenti pochopia princípy typov, rozhraní a modulov vrátane ich použitia v Angular projektoch. Výučba zahŕňa aj refaktoring existujúceho JS kódu do TS. 10. Základné algoritmy a dátové štruktúry Téma pokrýva princípy efektívneho spracovania dát, triedenia a vyhľadávania. Študenti sa oboznámia s typickými štruktúrami, ako sú polia, zoznamy, stromy a grafy. Pozornosť sa sústreďuje na ich využitie v praxi pri riešení webových úloh. 11. Používanie/testovanie REST služieb – Node.js / Express Node.js a Express umožňujú vytvárať serverové REST API a spracovávať HTTP požiadavky. Študenti vytvoria vlastné endpointy, pripoja ich k databáze a otestujú ich správnosť. Zameriame sa na routing, middleware a správne formátovanie odpovedí. 12. Používanie/testovanie REST služieb – PostgreSQL a MongoDB PostgreSQL predstavuje relačný prístup k dátam, zatiaľ čo MongoDB dokumentový model. Študenti sa naučia pracovať s oboma typmi databáz v kontexte REST API. Hodina zahŕňa testovanie spojení, dopytov a správne navrhnutých dátových štruktúr. 13. Automatizované testovanie aplikácií JS frameworkami Použijú sa nástroje ako Jest, Karma, Jasmine alebo Cypress na testovanie webových aplikácií. Študenti získajú zručnosti v písaní unit testov, integračných testov a príprave testovacieho prostredia. Uvedie sa workflow automatizovaného testovania v CI/CD.
Podmienky na absolvovanie predmetu
Podmienky na absolvovanie predmetu:
Priebežné riešenie úloh počas cvičení, záverečná úloha 40%, ku skúške je potrebné 51% z tejto povinnosti. Záverečnou úlohou sa overuje dosiahnutá úroveň výsledkov vzdelávania F., G., H., I., J.
Záverečná skúška - písomná forma, 60% (absolvovanie skúšky znamená získanie min. 51% z hodnotenia skúšky) Teoretickou časťou sa overuje dosiahnutá úroveň výsledkov vzdelávania A., B., C., D., E.,
Pracovné zaťaženie študenta
Pracovné zaťaženie študenta (v hodinách): 4kr x 26 = 104 h
Účasť na seminároch 26 h, príprava na semináre 26 h, vypracovanie záverečnej úlohy 26 h, príprava na skúšku 26 h)
Jazyk, ktorého znalosť je potrebná na absolvovanie predmetu
Slovenský jazyk
Dátum schválenia: 04.03.2025
Dátum poslednej zmeny: 06.11.2025
Dátum schválenia: 04.03.2025
Dátum poslednej zmeny: 06.11.2025

