Technológie internetu

Napíšeš adresu, stlačíš Enter a stránka je tam. Za tú sekundu sa stalo oveľa viac, než si myslíš. Celý rok je o tom, čo je v tej medzere.

Materiály k hodinám

Zošit

Predmet: Technológie internetu
Školský rok: 2026 / 2027
Hodiny: 2 týždenne

Nebola to jedna otázka.
Bolo ich štyridsať.

Tvoj počítač si nepýtal stránku. Vypýtal si postupne štyridsať samostatných súborov od niekoľkých rôznych firiem — a časť z nich s tou stránkou vôbec nesúvisí.

Toto vypadne z jedného Enteru

Jedna stránka · 40 requestov · 1,4 s Vypýtal si si Stránke Niekomu inému

GET /

styl.css

pismo.css

hlavny.js

logo.svg

ikona.ico

pismo-regular.woff2

pismo-bold.woff2

foto-clanok-1.jpg

foto-clanok-2.jpg

foto-clanok-3.jpg

foto-clanok-4.jpg

analytics.js

gtm.js

collect?v=2&tid=…

pixel.gif?id=…

reklama-loader.js

reklama-banner.jpg

reklama-video.mp4

consent.js

sdk.js (sociálna sieť)

tracking?uid=…

mapa-sk.json

pocasie/api

komentare/api

avatar-1.jpg

avatar-2.jpg

avatar-3.jpg

ikony.svg

lazy-foto-5.jpg

lazy-foto-6.jpg

odporucane/api

ab-test.js

chat-widget.js

notifikacie.js

metrics?t=…

heartbeat

16 z týchto 40 si si nepýtal

Rozoberieme to na štyri vrstvy

Nie preto, aby si sa stal programátorom. Preto, aby ti internet prestal byť čiernou skrinkou. Pracuje sa na hodine, nie doma.

Moja stránka
Odoslať
Uložené ✓
Náhľad tej istej stránky vo vrstve HTML
HTML
Ako stránka vyzerá
Holý obsah. Nadpis, odsek, zoznam. Prehliadač ho vykreslí, aj keď mu nepovieš nič o vzhľade.
Moja stránka
Odoslať
Uložené ✓
Náhľad tej istej stránky vo vrstve + CSS
+ CSS
Ako stránka vyzerá naozaj
Ten istý obsah, len oblečený. Farby, odstupy, rozloženie. Nič sa nepridalo, nič neubudlo.
Moja stránka
Odoslať
Uložené ✓
Náhľad tej istej stránky vo vrstve + JavaScript
+ JavaScript
Ako stránka reaguje
Až teraz sa dá klikať. Formulár ti povie, že máš chybu, ešte predtým, než ho odošleš.
Moja stránka
Odoslať
Uložené ✓
Náhľad tej istej stránky vo vrstve + PHP a dáta
+ PHP a dáta
Čo prežije zavretie prehliadača
Odoslal si formulár — a niekde na druhej strane sa to naozaj zapísalo. To je celý rozdiel.

A toto je tá dôležitejšia polovica

Použiješ to, nech skončíš kdekoľvek

Väčšina z vás nepôjde robiť weby. Ale všetci budete celý život klikať na odkazy, zadávať heslá a čítať niečo, čo napísal stroj. Máme na to tri samostatné hodiny a z prvých dvoch je písomka.

Ako sa číta adresa

Prečo je paypa1.sk podvod a paypal.sk nie. Kde presne sa v tej adrese treba pozerať — a kde nie.

Čo o tebe vie stránka

Otvoríme nástroje, ktoré má v sebe každý prehliadač, a pozrieme sa, čo si o tebe stránka zapísala a komu to poslala.

Čo znamená ten zámok

HTTPS a certifikáty. Zámok hovorí, že ťa nikto nepočúva. Nehovorí, že na druhej strane je poctivý človek.

Heslá a úniky dát

Prečo sa jedno heslo na všetko raz vypomstí, ako zistíš, či ti už uniklo, a načo je dvojfaktorové overenie.

Ako sa stránka dostane na internet

Domény a hosting. Od „mám súbor na ploche“ po „dá sa to otvoriť z mobilu v Austrálii“.

Prečo si AI vymýšľa

Nie mágia. Uvidíme mechanizmus, ktorým si stránka pýta odpoveď od modelu — a prečo z toho občas vyjde nezmysel povedaný sebavedome.

Pravidlá platia od dnes, nie od mája

Kde sa pracuje

Ťažisko práce je na hodine. Domáce úlohy nie sú hlavný zdroj známok.
Materiály nájdeš tu — aj keď chýbaš ty, aj keď chýbam ja. Na stránku sa neprihlasuješ.
Čo na hodine spravíš, odovzdáš cez vlastný repozitár na GitHube.

Z čoho budú známky

Krátke praktické vstupy na začiatku hodiny.
Úlohy z hodín odovzdané v repozitári — nie z každej hodiny.
Praktická práca — vlastná stránka, robená na hodine.
Písomka z tém, ktoré použiješ aj mimo IT.
Záverečný projekt a jeho obhajoba.

Záverečný projekt — čo je za akú známku

3 – 2Funkčná stránkaVlastný obsah, čisté HTML a CSS, odovzdaná načas.
2 – 1a k tomu formulárKtorý naozaj niečo spraví — nie taký, čo len tak vyzerá.
1a dáta prežijúZavrieš prehliadač, otvoríš znova a je to tam. Alebo niečo vlastné navyše.