Program dne
- Teorie internetu (1 hodina)
- Základní nástroje (45 minut)
- HTML základy (1 hodina 45 minut)
- Přestávka na oběd (1 hodina)
- Úvod do CSS (2 hodiny)
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?
- Klient - váš počítač/telefon
-
Server - počítač, který poskytuje data
-
Protokoly - pravidla komunikace
-
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.com
→ 172.217.16.142
- hierarchický systém
- "Telefonní seznam internetu"
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
-
neboli
Uniform Resource Locator
-
řetězec znaků, který slouží k přesné specifikaci umístění zdrojů
informací na Internetu
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
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č
-
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
- 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!