1. Teorie internetu

Program dne

  1. Teorie internetu (1 hodina)
  2. Základní nástroje (45 minut)
  3. HTML základy (1 hodina 45 minut)
  4. Přestávka na oběd (1 hodina)
  5. Úvod do CSS (2 hodiny)

Internet

Internet

  • celosvětová síť propojených počítačů
  • umožňuje sdílení informací a komunikaci
  • vznikl v 60. letech jako vojenský projekt ARPANET
  • dnes používá více než 5 miliard lidí
Internet má zhruba 5.56 miliardy unikátních uživatelů.
To je zhruba 67% lidské populace

Historie internetu

  • 1969 - ARPANET (4 univerzity v USA)
  • 1973 - První mezinárodní připojení
  • 1983 - TCP/IP protokol se stává standardem
  • 1989 - Tim Berners-Lee navrhuje World Wide Web
  • 1991 - První webová stránka
  • 1993 - První grafický webový prohlížeč Mosaic

Internet vs. World Wide Web

Internet

  • fyzická infrastruktura
  • síť sítí
  • protokoly TCP/IP

World Wide Web (WWW)

  • služba běžící na internetu
  • umožňuje přístup k webovým stránkám
  • protokol HTTP/HTTPS

Analogie se silniční sítí

  • Internet = silniční systém (infrastruktura - silnice, mosty, značky)
  • WWW = auta na silnicích (jedna ze služeb)
  • Email = autobusy na silnicích (jiná služba)
  • Online hry = motocykly na silnicích
  • FTP = nákladní auta (sdílení souborů)

World Wide Web (WWW)

  • autorem je Tim Berners-Lee
  • také autorem jazyka HTML a protokolu HTTP

Jak funguje internet?

  1. Klient - váš počítač/telefon
  2. Server - počítač, který poskytuje data
  3. Protokoly - pravidla komunikace
  4. ISP - poskytovatel internetového připojení

Fyzické připojení k internetu

  • WiFi: Telefon → WiFi router (bezdrátově) → router kabelem k ISP
  • Mobilní data: Telefon → Mobilní věž (rádiové vlny) → věž optickými kabely
  • Kabel: Počítač → ethernet → router → ISP → Internet backbone
  • Pozor: Mobilní data většinou NEPOUŽÍVAJÍ satelity!

Základní protokoly internetu

Co je protokol?

  • Protokol = pravidla silničního provozu pro počítače
  • Definuje formát zpráv (jak data vypadají)
  • Definuje pořadí komunikace (kdo kdy co pošle)
  • Definuje reakce na chyby (co dělat při problému)
  • Bez protokolů by si počítače nemohly "rozumět"
  • Příklad: HTTP definuje jak vypadá GET /index.html požadavek

TCP

  • TCP - Transmission Control Protocol
  • slouží k zajištění spolehlivé komunikace

IP

  • IP - Internet Protocol
  • zajišťuje doručení dat mezi zařízeními
  • adresování a směrování dat
  • síťová vrstva

HTTP

  • HTTP - HyperText Transfer Protocol
  • protokol pro přenos hypertextových dokumentů

HTTPS

  • HTTPS - HTTP Secure (šifrovaný)
  • protokol pro bezpečný přenos hypertextových dokumentů
  • SSL/TLS - šifrovací protokoly používané v HTTPS
  • data jsou šifrována pomocí asymetrické kryptografie

DNS

  • DNS - Domain Name System
  • překládá doménová jména na IP adresy
  • www.google.com172.217.16.142
  • hierarchický systém
  • "Telefonní seznam internetu"

IP adresa

IP adresa

  • jedinečný identifikátor zařízení v síti
  • umožňuje komunikaci mezi zařízeními
  • dva hlavní typy: IPv4 a IPv6

IPv4

  • formát: 192.168.1.1
  • 4 čísla oddělená tečkami
  • každé číslo 0-255

IPv6

  • formát: 2001:0db8:85a3:0000:0000:8a2e:0370:7334
  • delší adresy, více možností
Proč existují dva typy IP adres?

URL adresa

URL adresa

  • neboli Uniform Resource Locator
  • řetězec znaků, který slouží k přesné specifikaci umístění zdrojů informací na Internetu

Domény

Domény

  • označení jednoznačného jména (identifikátoru) počítače nebo počítačové sítě, které jsou připojené do Internetu
  • např. www.google.com, email.seznam.cz, facebook.com
  • doména je složena z několika částí

Doména 1. řádu

  • neboli top-level domain
  • .cz, .com, .org, .gov

Doména 2. řádu

  • google.com, seznam.cz, facebook.com

Doména 3. řádu

  • maps.google.com, email.seznam.cz

Webové technologie

HTML

  • neboli HyperText Markup Language
  • struktura a obsah webové stránky
  • značkovací jazyk

CSS

  • neboli Cascading Style Sheets
  • vzhled a styling webové stránky

JavaScript

  • programovací jazyk pro interaktivitu
  • běží v prohlížeči (ale i mimo něj - později)

Webový prohlížeč

Webový prohlížeč

  • klient pro zobrazování webových stránek
  • interpretuje HTML, CSS, JavaScript
  • populární prohlížeče: Chrome, Firefox, Safari, Edge

Jak webový prohlížeč funguje?

  • zadáte URL
  • DNS překlad na IP adresu
  • požadavek na server
  • server zašle HTML, CSS, JS
  • prohlížeč vykreslí stránku

Server vs. Klient

Server

  • poskytuje data a služby
  • běží 24/7
  • například: webový server, databázový server

Klient

  • požaduje data ze serveru
  • například: webový prohlížeč

Otázky k opakování

  • Co je rozdíl mezi internetem a webem?
  • Jak funguje DNS?
  • Jaké jsou základní protokoly internetu?
  • Co znamenají jednotlivé části URL?
  • Jaký je rozdíl mezi HTTP a HTTPS?

Přestávka 5 minut

Připravte si VS Code a terminál pro další část!