Technológie internetuInternet Technologies
Úvod do HTML, CSS, JavaScript, PHP a databázy MySQL, od prvej stránky po jednoduchú aplikáciu.An introduction to HTML, CSS, JavaScript, PHP and the MySQL database, from the first page to a simple application.
TýždneWeeks
- 1Technológie, ktoré budeme používaťThe technologies we will use
- 2Príkazový riadok a HTMLThe command line and HTML
- 3Formuláre a CSSForms and CSS
- 4Bootstrap a GitHub PagesBootstrap and GitHub Pages
- 5PHP základyPHP basics
- 6PHP a formuláre, bezpečnosťPHP and forms, security
- 7Databáza a SQLThe database and SQL
- 8PDO a prepared statementsPDO and prepared statements
- 9CRUD aplikáciaThe CRUD application
- 10Sessions a prihlásenieSessions and login
- 11JavaScriptJavaScript
- 12Moderný web a AI, obhajobyThe modern web and AI, defences
- 13Obhajoby a zápočetDefences and credit
Ako to fungujeHow it works
- Počas semestra vytvoríš vlastnú webovú aplikáciu. Tému si vyberieš na prvom cvičení. Na prednáške sa téma vysvetlí a ukáže na vzorovom projekte, na cvičení ju doplníš do vlastného projektu.
- Všetko robíme na cvičení. Dostaneš úlohy a pripravené prompty pre AI, pracuješ samostatne, a keď je problém, pýtaš sa.
- Odovzdávanie úloh: commit a push cez GitHub, postup je v návode 04 Odovzdávanie.
- Používanie AI je povolené. Výsledku musíš rozumieť a vedieť ho vysvetliť.
- During the semester you build your own web application. You pick the topic in the first lab. The lecture explains each topic and demonstrates it on a sample project; in the lab you add the same thing to your own project.
- Everything is done in the lab. You get tasks and ready-made AI prompts, you work independently, and you ask when stuck.
- Submitting tasks: commit and push through GitHub, see guide 04 Submitting.
- Using AI is allowed. You must understand the result and be able to explain it.
Podmienky absolvovaniaRequirements to pass
Zápočet: 30 bodov, minimum 16. Skúška: 70 bodov, minimum 36. Celkové hodnotenie podľa študijného poriadku TUKE.
Záverečné zadanie vytváraš postupne počas semestra; jeho súčasťou sú dve obhajoby.
Zápočet – 30 bodov
| Zložka | Body |
|---|---|
| Úlohy z cvičení (týždne 2–11, 1 bod za týždeň) — téma z prednášky doplnená do vlastného projektu, commit a push najneskôr do nasledujúceho cvičenia, hodnotí sa funkčný výsledok | 10 |
| Priebežná práca (4 uzávierky × 2 body) — 2 body za etapu získaš za commity aspoň v 4 rôznych dňoch medzi uzávierkami, so zmysluplnými popismi | 8 |
| Obhajoby (kolo 1: 3 + 3, kolo 2: 3 + 3) | 12 |
| Spolu (minimum na zápočet: 16) | 30 |
| Bonus: funkčné prihlasovanie používateľov — heslá výhradne cez password_hash, pridávanie, úprava a mazanie len pre prihláseného; predvádza sa najneskôr pri poslednej obhajobe | +5 |
Etapy a uzávierky
Uzávierka = aplikácia je k danému dňu umiestnená vo svojom webovom priestore a funkčná v uvedenom rozsahu. Platí pre všetkých. Projekt má vlastný repozitár na GitHub a vo webovom priestore na sigma.tuke.sk je v priečinku ti/projekt.
| Etapa | Čo musí fungovať | Uzávierka |
|---|---|---|
| 1 | Statická stránka: minimálne 4 stránky, jednotný dizajn, menu, formulár. Na GitHub Pages. | koniec 4. týždňa |
| 2 | Formulár spracúva PHP s validáciou vstupov a ošetrením výstupov. Beží na sigma.tuke.sk. | koniec 6. týždňa |
| 3 | Formulár zapisuje do vlastných tabuliek cez PDO s prepared statements, výpis záznamov funguje. | koniec 8. týždňa |
| 4 | Kompletná aplikácia: úprava a mazanie záznamov, filtrovanie alebo zoradenie, doladený vzhľad (Bootstrap). | koniec 11. týždňa |
Obhajoby
Obhajoba je krátky rozhovor pri vlastnom počítači, cca 5 minút: vysvetli (vybraný kus vlastného kódu riadok po riadku), uprav (malú zmenu zadanú na mieste urobíš naživo), zdôvodni (prečo je riešenie navrhnuté tak, ako je).
- Kolo 1 — statika a PHP základy (týždne 6–9, každý raz podľa rozpisu): HTML + CSS/Bootstrap 3 body, PHP (include, štruktúra stránok) 3 body.
- Kolo 2 — databázová aplikácia (týždne 12–13; kto má hotové, môže už v 11.): SQL a návrh databázy 3 body, PDO a aplikácia (zápis, výpis, úprava, mazanie) 3 body.
Obhajuje sa aplikácia, ktorá je umiestnená vo svojom webovom priestore a funkčná (kolo 1: GitHub Pages + sigma, kolo 2: sigma). Rozpis obhajob sa zverejňuje vopred; funkčnosť sa overuje v deň vlastnej obhajoby.
Náhradné termíny: ak sa obhajoby v pridelenom termíne nemôžeš zúčastniť, obhajuješ v ďalšom termíne toho istého kola — pri ospravedlnenej neúčasti za plných 6 bodov, inak za najviac 5 bodov. Náhradné termíny sú možné do dvoch týždňov od začiatku skúškového obdobia, keď sa podľa študijného poriadku uzatvárajú zápočty; termíny v skúškovom období budú vypísané v informačnom systéme MAIS a je potrebné sa na ne prihlásiť.
Splnená etapa = commit + obhajoba. Obhajuje sa kód, ktorý je commitnutý v repozitári a umiestnený vo svojom webovom priestore na sigma.tuke.sk.
Skúška – 70 bodov
Skúška má dve časti:
- Časť A – zostavenie aplikácie (30 bodov), AI povolená. Dostaneš zadanie s parametrami (napr. tabuľka, formulár, výpis s filtrom). Kód môže písať AI. Ty aplikáciu poskladáš tak, aby fungovala.
- Časť B – live úpravy (40 bodov), bez AI. Vo svojej aplikácii z časti A urobíš 4 zadané úpravy naživo, každá je za 10 bodov. Hodnotí sa, či úpravu vieš urobiť a vysvetliť.
Odovzdávanie a termíny
- Úlohy z cvičení sa robia na cvičení; commit a push najneskôr do nasledujúceho cvičenia. Ospravedlnené absencie sa riešia individuálne.
- Funkčnosť na GitHub Pages sa hodnotí priebežne. Funkčnosť na sigma.tuke.sk sa overuje v deň vlastnej obhajoby.
Credit: 30 points, minimum 16. Exam: 70 points, minimum 36. Final grade according to TUKE study regulations.
You build the final project gradually during the semester; it includes two defences.
Credit – 30 points
| Component | Points |
|---|---|
| Lab tasks (weeks 2–11, 1 point per week) — the lecture topic added to your own project, commit and push by the next lab at the latest, graded on a working result | 10 |
| Continuous work (4 deadlines × 2 points) — you earn 2 points per stage for commits on at least 4 different days between deadlines, with meaningful messages | 8 |
| Defences (round 1: 3 + 3, round 2: 3 + 3) | 12 |
| Total (minimum for credit: 16) | 30 |
| Bonus: working user login — passwords stored only via password_hash; adding, editing and deleting available to a signed-in user only; demonstrated at your last defence at the latest | +5 |
Stages and deadlines
Deadline = by that day the application is placed in your web space and working to the stated extent. Applies to everyone. The project has its own repository on GitHub and lives in the ti/projekt folder in your web space on sigma.tuke.sk.
| Stage | What must work | Deadline |
|---|---|---|
| 1 | Static site: at least 4 pages, consistent design, menu, a form. On GitHub Pages. | end of week 4 |
| 2 | The form is processed by PHP with input validation and output escaping. Runs on sigma.tuke.sk. | end of week 6 |
| 3 | The form writes into your own tables via PDO with prepared statements; listing records works. | end of week 8 |
| 4 | Complete application: editing and deleting records, filtering or sorting, polished design (Bootstrap). | end of week 11 |
Defences
A defence is a short conversation at your own computer, about 5 minutes: explain (a selected piece of your own code, line by line), modify (make a small change assigned on the spot, live), justify (say why the solution is designed the way it is).
- Round 1 — static site and PHP basics (weeks 6–9, everyone once, per the published schedule): HTML + CSS/Bootstrap 3 points, PHP (include, page structure) 3 points.
- Round 2 — database application (weeks 12–13; if you are done early, you may defend in week 11): SQL and database design 3 points, PDO and the application (insert, list, edit, delete) 3 points.
You defend an application that is placed in your web space and working (round 1: GitHub Pages + sigma, round 2: sigma). The defence schedule is published in advance; functionality is checked on the day of your own defence.
Substitute dates: if you cannot attend your assigned defence slot, you defend in a later slot of the same round — with an excused absence for the full 6 points, otherwise for at most 5 points. Substitute dates are available until two weeks after the start of the exam period, when credits are closed according to the study regulations; the dates in the exam period are published in the MAIS information system and you need to sign up for them.
A completed stage = commit + defence. You defend code that is committed in the repository and placed in your web space on sigma.tuke.sk.
Exam – 70 points
The exam has two parts:
- Part A – building an application (30 points), AI allowed. You get an assignment with parameters (e.g. a table, a form, a filtered listing). AI may write the code. You put the application together so that it works.
- Part B – live changes (40 points), no AI. In your application from part A you make 4 assigned changes live, each worth 10 points. You are graded on whether you can make the change and explain it.
Submission and deadlines
- Lab tasks are done in the lab; commit and push by the next lab at the latest. Excused absences are handled individually.
- Functionality on GitHub Pages is graded continuously. Functionality on sigma.tuke.sk is checked on the day of your own defence.
Nástroje a návodyTools and guides
Všetko, čo predmet používa — VPN, GitHub, Kubeflow, sigma, Adminer — je aj s prihlasovacími údajmi a návodmi krok za krokom na jednom mieste: Návody a nástroje.
Everything this course uses — VPN, GitHub, Kubeflow, sigma, Adminer — including login details and step-by-step guides, is in one place: Guides and tools.