Materiály k hodinám

Úvod — čo sa stane, keď stlačíš Enter

Zistiť, že otvorenie jednej stránky nie je jedna operácia, ale desiatky samostatných requestov.

Tento blok je 1.
Blok 1 z približne 20 v tomto školskom roku.

Čo sme si povedali

Otvorenie stránky vyzerá ako jedna vec: napíšeš adresu, stlačíš Enter, stránka je tam. V skutočnosti si tvoj počítač vypýtal niekoľko desiatok samostatných súborov — od niekoľkých rôznych firiem, a časť z nich s pôvodnou stránkou vôbec nesúvisí.

Vypýtal si si1
Naozaj prišlo40
Jeden Enter, štyridsať requestov. To je tá medzera, o ktorej je celý predmet.

Skús si to sám

Funguje to na hocijakej stránke a v hocijakom prehliadači. Doma aj na mobile (v mobilnom Chrome cez chrome://inspect, ale najjednoduchšie je na počítači).

  1. Otvor ľubovoľnú stránku — pokojne tú, na ktorej si najčastejšie.
  2. Stlač F12. Otvorí sa panel s nástrojmi pre vývojárov. (Ak F12 nič nespraví: pravé tlačidlo kdekoľvek na stránke → Preskúmať / Inspect.)
  3. Prepni sa na kartu Network (Sieť).
  4. Stlač Ctrl + R — stránka sa načíta znova, teraz už so zapnutým meraním.
Na čo sa oplatí pozrieť
  • Koľko ich je celkovo. Na spravodajských stránkach to býva 100 aj viac.
  • Stĺpec s adresou. Koľko z nich ide na inú doménu, než akú si napísal? To sú tie, ktoré nepatria stránke — patria reklamným a meracím firmám.
  • Ktorý súbor bol najväčší. Skoro vždy obrázok alebo video, skoro nikdy text.
  • Čo sa deje, keď na stránke nič nerobíš. Nechaj to otvorené minútu. Väčšinou pribúdajú ďalšie requesty — stránka posiela dáta, aj keď ty spíš.
ElementsConsoleNetworkSources
  • index.html12 kB
  • styl.css19 kB
  • hlavny.js26 kB
  • logo.svg33 kB
  • analytics.js40 kB
  • gtm.js47 kB
  • foto-1.jpg54 kB
  • tracking?uid=…61 kB
40 requests
Takto to vyzerá. Číslo dole je to, čo hľadáš.

Ako to bude prebiehať

Pravidlá predmetu, z čoho budú známky, pásma záverečného projektu a pravidlo o AI sú celé napísané na úvodnej stránke. Nič z toho sa počas roka nezmení.

https://tiu.reibek.sk/hodiny/

Hodiny

Blok 1 · Úvod — čo sa stane, keď stlačíš Enter

Blok 2 · Kde sme — krátke cvičenie na hotovej stránke

Bez prihlasovania. Otvoríš a čítaš — aj keď chýbaš ty, aj keď chýbam ja.

Nabudúce

Krátke cvičenie na hotovej stránke — päť drobných úprav, aby som zistil, čo si z druhého ročníka pamätáš. Nie je to na známku. Potrebujem vedieť, kde začať, aby som neučil príliš pomaly ani príliš rýchlo.

Zmeň tento nadpis

…a farbu, a pridaj odkaz, obrázok a zoznam.

Dostaneš hotovú stránku a päť drobností, ktoré na nej treba zmeniť.