← zpět

TCP a UDP, static site generation

2024-10-10

Lekce 6

Seznamte se s SSG nástrojem Zola
- Dokumentace zde
- Je to alternativa pro Jekyll, Hugo, apod.
Nainstalujte pomocí choco install zola
- Nejspíš budete potřebovat i SASS, nainstalujte pomocí choco install sass
Každý by měl mít přístup do repozitáře zola-miniweb-<jmeno>-<prijmeni>
- Přečtěte si README ve vašem repozitáři a proveďte kroky, které v něm jsou popsány
Najdete v něm příkladový web s vybranými barvami
Vašim úkolem bude naprogramovat malou staticky generovanou stránku
- Pokud nemáte vlastní nápad, níže jeden najdete (převzato od Davida Klementa)
- Jde mi o dvě věci
  - Vhodné stylování: použijte Bootstrap nebo Tailwind a v případě potřeby doplňte vlastními styly (nebo použijte jen vlastní styly, to je také v pořádku)
  - Použití šablon a shortcuts
    - Nápady: Rozbalovací menu, tabulky, rozložení stránky, obrázky,...
- Není potřeba sepisovat velkolepý obsah, stačí Lorem ipsum
- Web nemusí být perfektní!
Na úkol máte 2 týdny a je za něj 20 bodů (soft deadline)
- Doporučuji začít co nejdříve
- Druhá polovina příští hodiny bude věnovaná konzultacím. Čas můžete samozřejmě využít i na práci na úkolu
- Kdybyste se kdekoli zasekli, pište mi!

Hlavní stránka bude popisovat vlakovou trasu v celku.
- Rozbalovací menu se seznamem zastávek.
Podstránky o jednotlivých zastávkách.
- Informace, které budou na každé stránce: fotka (ozdrojovaná!), počet kolejí, nadmořská výška, …
  - K tomu lze hezky využít markup (hlavičku v Markdown).
- Obsah stránky, který už bude u každé stránky vypadat jinak.
- Citování z Wikipedie či jiného zdroje (formátované jako citace).
Jen nástřel, můžete si jej upravit dle svého.

OSI a TCP/IP model

TCP (Transmission Control Protocol)
- Connection-based protokol
  - Před začátkem komunikace se navazuje spojení pomocí tzv. three-way handshake
- Po poslání paketu přijde acknowledgement packet od příjemce s tím, že packet došel
- Obsahuje korekci chyb a checksum k ověření integrity posílaných dat
- Pokud přijdou pakety v nesprávném pořadí, TCP si je umí srovnat
- Na TCP běží protokoly aplikační vrstvy jako např. HTTP, SMTP, FTP, SSH
UDP (User Datagram Protocol)
- Connection-less protokol
  - Nenavazuje se spojení, pakety se prostě "střílí" na příjemce, ten si je nějak zpracuje
- Používají ho protokoly DNS, DHCP a jiné

To, co definuje oddělení a topologii sítí jsou IP adresy
- Pokud mají IP adresy na lokální sítí stejnou nějakou část (definovanou tzv. subnet mask), jedná se o počítač na stejné síti
  - Např. IP adresy 192.168.1.247/24 a 192.168.1.1/24 jsou na stejné síti, protože se jejich společná část daná maskou (tedy 24 bitů) neliší

Zkratka pro Media Access Control
Jednoduše řečeno, každý Ethernetový port na počítači má svojí MAC adresu
- Jsou tam z výroby, každý port by měl mít unikátní MAC adresu
- Je neměnná
Používají se pro komunikaci na LAN (local area network, lokální síť)
- Pokud chceme mimo ní, musíme paket poslat na router, ten se postará o ostatní
Jak se MAC adresy zjišťují
- Slouží k tomu protokol ARP (Address Resolution Protocol)
- Pokud chce počítač zjistit MAC adresu jiného, ale zná jeho IP adresu, vyšle tzv. broadcast (zpráva všem)
  - Ptá se na otázku "Ten, co má IP adresu X.X.X.X, jakou máš MAC adresu?"
  - Počítač s IP adresou prvnímu odpoví
MAC adresy se cachují a uchovávají se v tzv. ARP tabulce
- Zkuste zadat příkaz arp -a a uvidíte tu svoji
Proč vlastně potřebujeme MAC adresy, když máme IP adresy
- MAC adresy slouží k lokální komunikaci uvnitř sítě
- IP adresy slouží ke komunikaci mimo síť