Zadania

Úloha 1.1

  1. Stiahnite si zdrojový kód hlavnej stránky: https://s.ics.upjs.sk/~pgursky/ do prázdneho adresára ako súbor indexStaticky.html aj ako index.php a otvorte si v programe Visual Studio Code tento adresár.
  2. Prihláste cez WinSCP na server s.ics.upjs.sk.
  3. Vo vašom konte na serveri v adresári public_html si vytvorte vlastný adresár pws a skopírujte doňho súbor indexStaticky.html aj index.php .
  4. Zobrazte tento súbor na url https://s.ics.upjs.sk/~[ vaše konto ]/pws/

Úloha 1.2

  1. Pomocou funkcie print_r si vypíšte obsah superglobálneho asociatívneho poľa $GET a pošlite doňho nejaké hodnoty cez parametre URL adresy.
  2. Vypíšte obsah hodnoty $GET pre kľúč id, ak taký príde.

Úloha 1.3

  1. Pokrájajte súbor index.php do viacerých súborov tak, aby telo podstránky a navigácia boli v samostatných súboroch.
  2. Vytvorte viacero podstránok podľa menu stránky
  3. Na základe hodnoty $GET pre kľúč id zobrazte príslušnú podstránku
  4. Zmodifikujte menu tak, aby odkazy menu slúžili na zmenu zobrazenej podstránky
  5. Zabezpečte, aby bola zvýraznená tá položka v menu, ktorá prislúcha zobrazenej podstránke.

Úloha 2

  1. Vytvorte stránku na prihlasovanie - môžte sa inšpirovať na tejto stránke.
  2. Pomocou superglobálnej premennej $_SESSION si zapamätajte úspešné prihlásenie.
  3. Zmeňte menu tak, aby pri úspešne prihlásenom používateľovi vypísalo jeho login a tlačidlo na odhlásenie
  4. Vytvorte stránku na odhlásenie používateľa

Úloha 3

  1. Vytvorte v databáze tabuľku s používateľmi a overujte prihlásenie voči tejto tabuľke.

Úloha 4

  1. Vytvorte stránku na registráciu nových používateľov a vytvorte odkaz na jej zobrazenie.

Úloha 5

  1. Použite stránku s formulárom na registráciu študentov na výlet a zakomponujte ju do zvyšku stránky tak, že bude dostupná iba pre prihlásených používateľov.
  2. Vytvorte databázový model, ktorý bude uchovávať informácie z tohto formulára a naplňte ho nutnými a testovacími dátami.
  3. Zobrazte tieto dáta na stránke.
  4. Naprogramujte vkladanie dát cez tento formulár s tým, že skontrolujete korektnosť týchto dát pred vložením.
  5. Rozšírte možnosti zobrazovaných dát o nejakú formu filtrovania, napr. podľa podreťazca.

Úloha 6 - oboznamovanie sa s Javascriptom

  1. Na stlačenie tlačidla vytvorte vyskakovacie okno s oznamom.
  2. Na stlačenie tlačidla zmeňte text v nejakom elemente.
  3. Na stlačenie tlačidla dotiahnite časť dokumentu cez AJAX (aj s aj bez pomoci jQuery).

Úloha 7 - kontrola formulárov

  1. Rozšírte stránku registrácie o kontrolu sily hesla pomocou knižnice zxcvbn.
  2. Rozšírte stránku registrácie na výlet o kontrolu vstupu.