Maturitní témata SSPŠ oboru KB

17. Webové technologie

3 min čtení

17. Webové technologie

Co se po vás bude chtít?

Základy webových technologií

  • Historie a vývoj webu:

    • Od statických stránek k moderním webovým aplikacím
    • Web 1.0, Web 2.0, Web 3.0
    • Vznik a vývoj hlavních technologií (HTML, CSS, JavaScript)

  • Architektura webu:

    • Model klient-server
    • Jak funguje komunikace mezi prohlížečem a serverem
    • Request-response cyklus

  • URL (Uniform Resource Locator):

    • Struktura URL adresy
    • Protokol, doména, cesta, parametry, kotva
    • Relativní vs absolutní URL

Doménový systém

  • Domény:

    • Struktura doménového jména (TLD, SLD, subdoména)
    • Registrace domén
    • WHOIS informace

  • DNS (Domain Name System):

    • Překlad doménových jmen na IP adresy
    • Typy DNS záznamů (A, AAAA, CNAME, MX, TXT)
    • DNS resolver a cache
    • Rozpoznání podvodných domén

HTTP protokol

  • Základy HTTP:

    • Co je HTTP a k čemu slouží
    • Verze protokolu (HTTP/1.1, HTTP/2, HTTP/3)
    • Bezstavovost protokolu

  • HTTP požadavky (requests):

    • Struktura HTTP požadavku
    • HTTP metody:
      • GET - získání dat
      • POST - odeslání dat
      • PUT - aktualizace dat
      • DELETE - smazání dat
      • PATCH - částečná aktualizace
      • HEAD - získání hlaviček
      • OPTIONS - zjištění podporovaných metod

  • HTTP odpovědi (responses):

    • Struktura HTTP odpovědi
    • Stavové kódy:
      • 1xx - informační
      • 2xx - úspěch (200 OK, 201 Created, 204 No Content)
      • 3xx - přesměrování (301, 302, 304)
      • 4xx - chyba klienta (400, 401, 403, 404)
      • 5xx - chyba serveru (500, 502, 503)

  • HTTP hlavičky:

    • Request headers: Host, User-Agent, Accept, Authorization
    • Response headers: Content-Type, Content-Length, Cache-Control
    • Custom headers

  • Cookies:

    • K čemu slouží cookies
    • Session cookies vs persistent cookies
    • Atributy cookies (HttpOnly, Secure, SameSite)
    • Bezpečnostní aspekty

HTTPS a šifrování

  • SSL/TLS:

    • Rozdíl mezi HTTP a HTTPS
    • Jak funguje TLS handshake
    • Symetrické vs asymetrické šifrování v TLS

  • Certifikáty:

    • Co je SSL/TLS certifikát
    • Certificate Authority (CA)
    • Ověření certifikátu prohlížečem
    • Let’s Encrypt a automatizace

Webový server

  • Princip fungování:
    • Co je webový server
    • Zpracování požadavků
    • Statický vs dynamický obsah

Frontend technologie

  • HTML (HyperText Markup Language):

    • Struktura HTML dokumentu
    • Základní HTML elementy
    • Sémantické značky

  • CSS (Cascading Style Sheets):

    • Stylování webových stránek
    • Selektory a vlastnosti
    • Responzivní design

  • JavaScript:

    • Interaktivita na webu
    • DOM manipulace
    • Události (events)

Backend

  • Účel backendu:

    • Zpracování požadavků od klienta
    • Práce s databází a daty
    • Autentizace a autorizace
    • Business logika aplikace

  • Programovací jazyky pro backend:

    • PHP - tradiční jazyk pro web (WordPress, Laravel)
    • Python - Django, Flask, FastAPI
    • JavaScript/Node.js - Express.js, NestJS
    • Java - Spring Boot
    • Go - výkonné webové služby
    • Ruby - Ruby on Rails

API (Application Programming Interface)

  • REST API:
    • Principy REST architektury
    • Endpointy a zdroje
    • JSON formát dat

Praktické nástroje

  • Nástroje prohlížeče:

    • Developer Tools (F12)
    • Network tab - sledování HTTP komunikace
    • Console - JavaScript konzole
    • Elements - inspekce HTML/CSS

  • Příkazová řádka:

    • curl pro HTTP požadavky
    • wget pro stahování
    • Testování konektivity

Připrav se na HAXAGONu

Tohle máme na platformě solidně zpracováno :)

HTTP:

  • HTTP - Úvod
  • HTTP - Požadavky
  • HTTP - První směna
  • HTTP - Hlavičky
  • HTTP - Inventura skladu
  • HTTP - Cookies
  • HTTP - Denní dávka sušenek
  • HTTP - Status Kódy
  • HTTP - Diagnostika prodejny
  • HTTP - SSL/TLS
  • HTTP - Zabezpečení skladu
  • HTTP - Závěrečný test

World Wide Web:

  • Webové stránky a aplikace
  • URL adresy
  • Domény
  • Kde se bere web
  • Co skrývá zdrojový kód

Webové technologie:

  • Web - HTTP
  • Web - HTTP test

Příchozí odkazy