Rozcestník

• prepnúť na main alebo solution

Zbierka úloh pre VAII [branch main]

Tento repozitár je zbierka úloh pre študentov predmetu VAII Fakulty riadenia a informatiky (FRI). Obsahuje úlohy zo zadaním, postupom riešenia a samotné výsledné riešenie (úloha môže mať, samozrejme viacero správnych riešení).

Repozitár obsahuje dva branche:

• main - obsahuje zadanie a inicializačnú logiku
• solution - obsahuje fungujúce riešenia

Docker

V súčasnosti jeden z najpoužívanejších spôsobov virtuálizácie, ktorá výrazne zjednocuje a zjednodušuje vývoj a nasadzovanie rôznych aplikácií. Umožňuje veľmi pohodlne nakonfigurovať a zostaviť služby ako lokálne tak aj na serveroch. Umožňuje vytvoriť jednotné a stabilné prostredie.

Niektoré naše úlohy vyžadujú pre ich vypracovanie webový server s PHP a relačnú databázu. Pre odľahčenie a odstránenie nutnosti všetko konfigurovať pripájame, ku každej úlohe, ktorá to vyžaduje súbor docker-compose.yml. Tento súbor obsahuje potrebnú nami vytvorenú konfiguráciu tak, aby ste nestrácali zbytočne čas konfiguráciou a inštaláciou potrebných služieb.

Pre použitie Dockera na lokálnom PC sa používa aplikácia Docker Desktop, ktorá je dostupná pre Linux, Windows a MacOS. Pár poznámok k jej stiahnutiu:

1. Ak máte OS Windows, potrebuje vyššiu verziu ako je Home. Licenciu pre vyššiu verziu ma každý študent zdarma k dispozícií, nakoľko je FRI zaradená do licenčného programu Microsoft Azure DevTools For Teaching. Viac informácií nájdete na oficiálnych stránkach fakulty.
2. Je potrebné vytvorenie konta pre Docker
3. Až po jeho vytvorení je možné používať aplikáciu Docker Desktop
4. Túto inštaláciu zvládne každý informatik, každopádne pre prípad núdze skúste oficiálnu dokumentáciu.

Samozrejme, pre spustenie potrebných služieb môžete použiť ľubovoľným spôsob.

Zoznam úloh

Úlohy sú rozdelené podľa toho, ktorú technológiu používajú a obsahujú označenie náročnosti (stupnica od 1 po 5, kde 5 je najväčšia náročnosť)

CSS

1. Obloha (CSS) - Obťažnosť 1
2. Gulečník (CSS) - Obťažnosť 1
3. Selektory (CSS) - Obťažnosť 2
4. Tooltip (CSS) - Obťažnosť 2
5. Slnečna sústava (CSS) - Obťažnosť 2
6. Galéria (CSS) - Obťažnosť 2
7. Drop-Down a Drop-Up menu (CSS) - Obťažnosť 3
8. CSS emotikony (CSS) - Obťažnosť 3

JS a CSS

1. ShowHide (JS, CSS) - Obťažnosť 1
2. Tooltip (JS, CSS) - Obťažnosť 2
3. Analógové hodinky (JS, CSS) - Obťažnosť 2
4. Univerzal loader (JS, AJAX, CSS) - Obťažnosť 2
5. Kontrola formulára (JS, CSS) - Obťažnosť 2
6. Pexeso (JS, CSS) - Obťažnosť 2
7. JS Table (JS, CSS) - Obťažnosť 3
8. Hra mucha (JS, CSS) - Obťažnosť 4

PHP

1. Faktoriál (PHP) - Obťažnosť 1
2. Generovanie štvorčekov (PHP, CSS) - Obťažnosť 1
3. Kontaktný formulár (PHP, CSS) - Obťažnosť 1
4. PHP formulár (PHP, CSS) - Obťažnosť 2

Komplexné úlohy

1. Jednoduchá Db tabuľka (DB, PHP) - Obťažnosť 4
2. Operácie nad tabuľkou (DB, PHP) - Obťažnosť 4
3. Jednoduchý chat (DB, PHP, JS, AJAX, CSS) - Obťažnosť 5

---

Doplňujúci materiál

Prepájame ešte menší zoznam praktických vecí s ktorými sa môžete stretnúť pri vývoji webových aplikácií.

CSS

1. CSS position

JS

1. Načítavanie skriptov
2. String v JS
3. Dynamické vytváranie elementov