Odborný předmět
Webové technologie a kyberbezpečnost
HTML, CSS, JavaScript, webová API, backendové principy a praktická kyberbezpečnost webových aplikací a uživatelů.
Digitální učebnice
Všechna témata
Vyber si téma, použij vyhledávání nebo filtr úrovně. Fajfka označuje dostupný materiál, zámek placený obsah.
Hledat materiál
Ročník
Základy webu a HTML
Jak funguje web: klient, server a prohlížeč
ZamčenoZákladní model webové komunikace mezi prohlížečem, DNS, serverem a internetem.
HTML dokument a sémantické značky
ZamčenoStruktura HTML dokumentu, elementy, atributy a sémantické značky.
Odkazy, obrázky, tabulky a seznamy v HTML
ZamčenoPráce s běžnými obsahovými elementy a správné použití HTML struktur.
HTML formuláře a vstup uživatele
ZamčenoForm, input, label, validace a odesílání dat na server.
Přístupnost, SEO a kvalitní struktura webu
ZamčenoZáklady WCAG, přístupný obsah, metadata a význam kvalitní struktury.
CSS a responzivní design
Základy CSS, selektory a kaskáda
ZamčenoPravidla CSS, selektory, dědičnost, specificita a kaskádové rozhodování.
Box model, rozměry a pozicování
ZamčenoContent, padding, border, margin, box-sizing a CSS position.
Flexbox a Grid pro moderní layout
ZamčenoJednorozměrné a dvourozměrné rozložení, osy, gap a responzivní mřížky.
Responzivní design a media queries
ZamčenoMobile-first přístup, breakpointy, relativní jednotky a pružné rozložení.
CSS proměnné, animace a udržovatelný design systém
ZamčenoCustom properties, přechody, animace a konzistentní návrhové tokeny.
JavaScript a webové aplikace
JavaScript v prohlížeči a práce s DOM
ZamčenoDOM, výběr elementů, události a změna obsahu stránky.
Asynchronní JavaScript, Promise a async/await
ZamčenoNezávislé operace, Promise, await, chyby a neblokující práce.
Fetch API, JSON a komunikace s API
ZamčenoHTTP požadavky z JavaScriptu, JSON, stavové kódy a zpracování odpovědi.
Stav aplikace, formuláře a validace na frontendu
ZamčenoSpráva UI stavu, formulářových dat, validace a zpětná vazba uživateli.
Frameworky, komponenty a moderní frontend
ZamčenoKomponentový přístup, React/Next.js, rendering a opakované použití UI.
Webové protokoly, API a backend
HTTP metody, stavové kódy a hlavičky
ZamčenoGET, POST, PUT/PATCH, DELETE, stavové kódy a metadata HTTP zpráv.
REST API a návrh endpointů
ZamčenoZdroje, URL, metody, stateless komunikace a konzistentní návrh API.
Backend, databáze a serverová logika
ZamčenoAplikační server, databázová vrstva, business logika a bezpečné zpracování vstupů.
Cookies, sessions, tokeny a autentizace
ZamčenoPřihlášení uživatele, session cookie, tokeny, Secure, HttpOnly a SameSite.
Deployment, hosting, CDN a prostředí aplikace
ZamčenoVývojové a produkční prostředí, build, hosting, CDN a environment variables.