Webové technologie

3D model je digitální reprezentace objektu nebo prostoru ve třech rozměrech, složená z geometrie, materiálů a často i textur, animací či fyzikálních vlastností. Používá se v hrách, filmech, průmyslovém návrhu, architektuře, e-commerce i simulacích, kde software z modelu počítá zobrazení nebo další data.

Alfa kanál je složka obrazových dat, která u pixelu určuje míru neprůhlednosti nebo průhlednosti. Doplňuje barevné kanály, typicky RGB, a umožňuje plynulé okraje, stíny, překryvy, masky i skládání vrstev. Hodnota alfa sama neurčuje barvu, ale říká, jak se barva pixelu promíchá s pozadím.

Alt atribut je atribut HTML značky <img>, který nese textovou alternativu obrázku pro situace, kdy uživatel obrázek nevidí. Čtou ho odečítače obrazovky, zobrazí se při nenačtení souboru a vyhledávače z něj odvozují obsah obrázku. Prázdná hodnota alt="" je platná a znamená, že obrázek je čistě dekorativní.

Anchor text je viditelný, klikatelný text odkazu, tedy obsah mezi značkami <a> a </a>. Vyhledávačům i uživatelům popisuje, co najdou na cílové stránce, a spoluurčuje, na jaké dotazy cílová stránka hodnotí. Kvalitní anchor text je krátký, popisný a čitelný i vytržený ze zbytku věty.

API je smluvené rozhraní, přes které spolu dva programy komunikují, aniž by jeden musel znát vnitřní fungování druhého. Definuje, jaké operace lze volat, jaká data se posílají a co se vrátí zpět.

API Gateway je vstupní vrstva mezi klientem a sadou backendových služeb, která přijímá požadavky, směruje je na správné API, vynucuje bezpečnostní pravidla a často řeší limity, logování nebo transformace odpovědí. Pomáhá skrýt vnitřní strukturu systému a sjednotit chování pro web, mobilní aplikaci i partnery.

Automatické škálování je řízení výpočetní kapacity služby podle aktuální nebo očekávané zátěže bez ručního zásahu operátora. Systém přidává či odebírá instance, kontejnery, vlákna nebo jiné prostředky podle metrik a pravidel, aby aplikace zvládla špičky, neplatila zbytečnou rezervu a zůstala stabilní.

Backpressure je mechanismus, kterým pomalejší část systému dává rychlejší části najevo, že má zpomalit, počkat nebo zahodit část práce. Používá se u streamů, front, sítí a event-driven aplikací, aby se nekonečně nehromadila data v paměti a aby přetížení nespadlo až na celý proces.

Bankovní identita je způsob ověření totožnosti člověka na internetu pomocí přihlašovacích údajů do jeho internetového bankovnictví. Banka jako ověřený zdroj potvrdí poskytovateli služby jméno, datum narození, adresu či číslo dokladu klienta, který k tomu dal souhlas. V Česku funguje pod obchodní značkou Bank iD a je uznávaným prostředkem elektronické identifikace vůči státu.

Barevný prostor je definice toho, jakou skutečnou barvu představují číselné hodnoty v obrázku nebo na displeji. Určuje tři věci: primární barvy (rozsah zobrazitelných odstínů), bílý bod a přenosovou funkci mezi uloženým číslem a jasem. Bez této definice je trojice čísel jako 255,128,0 jen bezvýznamný údaj.

Brute force útok je metoda prolomení hesla, klíče nebo jiného tajemství systematickým zkoušením možných kombinací, dokud útočník nenarazí na tu správnou. Nevyužívá žádnou chybu v algoritmu, spoléhá se čistě na výpočetní výkon a čas. Obranou je délka a entropie tajemství, pomalé hashovací funkce, omezení počtu pokusů a druhý faktor.

Cache je mezipaměť, do které se ukládá výsledek náročné operace, aby se při dalším stejném dotazu nemusel počítat znovu. Vyměňuje čerstvost dat za rychlost a téměř vždycky přináší otázku, kdy uloženou hodnotu zahodit.

Card sorting je výzkumná metoda UX, při které účastníci třídí kartičky s názvy obsahu do skupin podle vlastní logiky a skupiny pojmenovávají. Výstupem je podklad pro informační architekturu: strukturu navigace, menu a kategorií. Metoda odhaluje, jak obsahu rozumí uživatelé, ne jak ho vidí interní tým.

CDN je síť serverů rozmístěných po světě, které drží kopie vašeho obsahu a doručují ho z místa nejblíže návštěvníkovi. Zkracuje dobu načtení, snižuje zátěž původního serveru a tlumí špičky v provozu.

Code splitting je technika, při které se JavaScriptový balík aplikace rozdělí na menší soubory (chunky), jež prohlížeč stahuje až ve chvíli, kdy jsou skutečně potřeba. Místo jednoho velkého bundlu se při prvním načtení přenese jen kód nutný pro zobrazenou stránku, zbytek dorazí později na vyžádání.

Cookie je malý údaj, který web uloží v prohlížeči a prohlížeč jej při dalších požadavcích posílá zpět příslušnému webu. Používá se pro přihlášení, nastavení, košík, analytiku i reklamu. Bezpečné použití závisí na atributech jako Secure, HttpOnly, SameSite, expirace a správném souhlasu uživatele.

Core Web Vitals je sada uživatelsky orientovaných metrik, kterými Google hodnotí rychlost načtení, odezvu na interakce a vizuální stabilitu webové stránky. V praxi jde hlavně o LCP, INP a CLS, tedy signály, které pomáhají odhalit pomalý obsah, zaseknuté rozhraní nebo poskakující layout.

CORS je mechanismus prohlížečů a HTTP hlaviček, který říká, zda skript z jednoho originu smí číst odpověď z jiného originu. Chrání uživatele před nechtěným přístupem webů k datům dostupným v jeho prohlížeči, ale není náhradou autentizace, autorizace ani serverové kontroly požadavků.

Crawl budget je množství URL adres jednoho webu, které vyhledávací robot za dané období skutečně stáhne. Vzniká kombinací dvou věcí: kolik požadavků server bez zpomalení unese (crawl capacity) a kolik stránek považuje vyhledávač za dost zajímavé na stažení (crawl demand). Limituje hlavně weby s desítkami tisíc URL.

CSS je jazyk pro popis vzhledu webových dokumentů, zejména HTML stránek. Určuje barvy, typografii, rozestupy, rozvržení, animace i přizpůsobení různým obrazovkám. Díky kaskádě kombinuje pravidla z více zdrojů a podle přesně daných priorit rozhoduje, které vlastnosti se na prvek použijí.

Cumulative Layout Shift je metrika ze sady Core Web Vitals, která měří, jak moc se viditelný obsah stránky během načítání a používání samovolně posune. Hodnota vzniká součtem jednotlivých posunů, kde každý se počítá jako podíl zasažené plochy viewportu vynásobený vzdáleností posunu. Za dobrou se považuje hodnota do 0,1.

Deep link je odkaz, který uživatele nevede na úvodní stránku služby, ale přímo na konkrétní obsah, stav nebo obrazovku. Na webu jde typicky o URL s cestou, parametry nebo fragmentem, v mobilních aplikacích o ověřený odkaz či schéma, které otevře správné místo v aplikaci.

Dependency injection je návrhový princip, při kterém objekt nedostává své spolupracovníky vlastní konstrukcí, ale přijímá je zvenku, typicky přes konstruktor nebo konfigurovaný kontejner. Třída pak závisí na rozhraních nebo abstrakcích, snadněji se testuje a její vazby lze měnit bez přepisování obchodní logiky.

Design system je sdílený soubor pravidel, komponent, vizuálních tokenů a dokumentace, který pomáhá týmu navrhovat a vyvíjet konzistentní digitální produkty. Propojuje UX, UI a frontend, aby tlačítka, formuláře, barvy, typografie i chování aplikace nevznikaly pokaždé znovu a šly bezpečně měnit napříč produkty.

Design tokeny jsou pojmenované hodnoty vizuálních rozhodnutí, jako jsou barvy, odsazení, poloměry rohů nebo velikosti písma, uložené odděleně od kódu i od návrhu. Místo konkrétního zápisu #0B5FFF se v designu i v aplikaci odkazuje název color.action.primary, takže jedna změna hodnoty se promítne do webu, mobilní aplikace i dokumentace současně.

DNS je distribuovaný systém, který převádí doménová jména na technické údaje potřebné pro komunikaci, hlavně IP adresy serverů. Díky DNS může uživatel zadat čitelnou adresu webu, zatímco počítač získá záznamy pro web, e-mail, ověření domény nebo další síťové služby.

DOM je programové rozhraní a stromový model dokumentu HTML nebo XML, který prohlížeč vytvoří po načtení stránky a zpřístupní skriptům. Díky DOM mohou skripty číst strukturu, měnit obsah, reagovat na události a synchronizovat vykreslenou stránku se stavem aplikace. DOM proto není jen text souboru, ale živý objektový pohled na dokument.

Duplicitní obsah je stejný nebo velmi podobný text dostupný na více URL adresách, ať už v rámci jednoho webu, nebo napříč doménami. Vyhledávače pak musí vybrat, kterou verzi zaindexují a zobrazí ve výsledcích, zbylé varianty odfiltrují. Typicky vzniká parametry v URL, filtry v e-shopu, tiskovými verzemi stránek nebo přebíráním popisů od dodavatele.

Dvoufaktorové ověření je způsob přihlášení, který kromě hesla vyžaduje ještě druhý nezávislý důkaz identity, například jednorázový kód, potvrzení v aplikaci nebo bezpečnostní klíč. Cílem je ztížit převzetí účtu, protože útočníkovi nestačí znát nebo uhodnout heslo a musí překonat další vrstvu kontroly.

Favicon je malá ikona přiřazená k webové stránce nebo webové aplikaci, kterou prohlížeče zobrazují hlavně v panelech, záložkách, historii a někdy i ve výsledcích vyhledávání. Pomáhá uživateli rychle poznat web, posiluje značku a obvykle se nastavuje pomocí HTML odkazu na soubor ikony.

Featured snippet je blok ve výsledcích vyhledávání, který zobrazuje úryvek textu z konkrétní stránky jako přímou odpověď na dotaz, spolu s odkazem na zdroj. Google ho sestavuje automaticky z obsahu už zaindexované stránky, obvykle formou odstavce, seznamu, tabulky nebo videa, a umisťuje ho nad běžné organické odkazy.

Formulářová validace je kontrola, zda data zadaná uživatelem do formuláře odpovídají očekávanému formátu, rozsahu a obchodním pravidlům, ještě než je aplikace zpracuje nebo uloží. Probíhá ve dvou vrstvách: v prohlížeči kvůli rychlé zpětné vazbě a na serveru kvůli bezpečnosti a integritě dat, protože klientskou kontrolu lze obejít.

Fulltextové vyhledávání je způsob hledání v textových dokumentech, který neporovnává jen přesný řetězec znaků, ale pracuje s tokeny, jazykovými tvary a pořadím slov. Vyhledávač si obvykle vytváří index, podle dotazu najde kandidáty a seřadí výsledky podle relevance, případně zvýrazní nalezené pasáže.

GDPR je evropské nařízení pro ochranu osobních údajů, které stanovuje, kdy a jak mohou organizace údaje lidí shromažďovat, používat, sdílet a mazat. Pro vývojáře znamená požadavky na minimalizaci dat, právní důvod zpracování, bezpečnost, auditovatelnost a podporu práv uživatelů, například přístupu k údajům nebo jejich výmazu.

glTF je otevřený formát konsorcia Khronos Group pro přenos a načítání 3D scén a modelů. Popisuje geometrii, materiály, textury, animace i kostru v JSON struktuře doplněné o binární buffery, jejichž rozložení odpovídá tomu, co grafické API očekává. Díky tomu se scéna nahraje do GPU s minimem dodatečného zpracování.

GraphQL je dotazovací jazyk a běhové prostředí pro API, ve kterém klient přesně popíše, jaká data chce dostat, a server odpoví ve stejném tvaru. Nejčastěji se používá nad HTTP, ale není databází ani transportním protokolem; hlavní hodnotou je typované schéma, flexibilní dotazy a evoluce API bez mnoha verzí.

Hreflang je atribut odkazu, kterým web vyhledávačům oznamuje, že určitá stránka má jazykové nebo regionální varianty na jiných adresách. Každá varianta nese kód jazyka podle ISO 639-1, volitelně doplněný kódem země podle ISO 3166-1 alpha-2. Vyhledávač podle něj vybere pro uživatele správnou verzi místo té původně nalezené.

HTML je značkovací jazyk pro popis struktury a významu obsahu webové stránky. Prohlížeč z HTML vytvoří strom prvků, který následně vykreslí a zpřístupní skriptům, čtečkám obrazovky i vyhledávačům. HTML neurčuje vzhled ani chování samo o sobě; obvykle spolupracuje s CSS, JavaScriptem a webovými API.

HTTP je aplikační protokol, kterým si klient (prohlížeč, mobilní aplikace, skript) a server vyměňují požadavky a odpovědi na webu. Klient pošle metodu, cílovou adresu a hlavičky, server vrátí stavový kód, hlavičky a případné tělo odpovědi. Protokol je bezstavový: každý požadavek stojí sám o sobě a stav se drží pomocí cookies nebo tokenů.

HTTPS je zabezpečená varianta protokolu HTTP, která přenáší webovou komunikaci přes TLS a tím šifruje obsah, ověřuje identitu serveru a chrání data před úpravou po cestě. Používá se u webů, API i aplikací, kde prohlížeč nebo klient potřebuje důvěryhodné spojení se serverem.

Hybridní aplikace je aplikace kombinující webové technologie, například HTML, CSS a JavaScript, s nativním obalem pro konkrétní platformu. Uživatel ji obvykle instaluje jako běžnou mobilní aplikaci, ale část rozhraní a logiky běží ve WebView nebo podobné vrstvě. Výhodou je sdílení kódu, kompromisem výkon a integrace se systémem.

Hydration je proces, při kterém JavaScript v prohlížeči oživí už hotové HTML vykreslené na serveru: připojí k existujícím DOM uzlům obsluhu událostí, stav a komponentový strom, aniž by značky znovu vytvářel. Uživatel díky tomu vidí obsah okamžitě, ale interaktivní se stránka stane až po stažení a spuštění klientského balíčku.

IaaS PaaS SaaS je zkratkové označení tří základních modelů cloudových služeb: infrastruktury, platformy a hotového softwaru poskytovaného přes síť. Rozdíl mezi nimi spočívá hlavně v tom, kolik vrstev spravuje dodavatel a kolik zůstává zákazníkovi: od virtuálních serverů přes běhové prostředí až po kompletní aplikaci.

Indexace je proces, při kterém systém zpracuje obsah a uloží ho do datové struktury umožňující rychlé vyhledávání. Ve vyhledávačích jde o zařazení stažené stránky do vyhledávacího indexu, v databázích o vybudování indexu nad sloupcem tabulky. Bez indexace by každý dotaz vyžadoval sekvenční průchod všemi daty.

Informační architektura je návrh uspořádání, pojmenování a propojování informací v produktu, webu nebo organizaci. Určuje, jak se obsah seskupuje, jaké má štítky, kudy k němu lidé přicházejí a jak se v něm orientují, aby dokázali najít správnou věc ve správný okamžik.

Interní prolinkování je promyšlené spojování stránek stejného webu pomocí odkazů v navigaci, obsahu, drobečkové navigaci nebo souvisejících blocích. Pomáhá uživatelům najít další relevantní informace, vyhledávačům objevit a pochopit strukturu webu a majitelům webu směrovat pozornost na důležité stránky. Při dobrém návrhu zlepšuje orientaci i rozložení interní autority mezi tématy.

IP adresa je číselný identifikátor zařízení nebo síťového rozhraní v síti používající Internet Protocol. Slouží k doručování paketů mezi zdrojem a cílem, podobně jako adresa na obálce, ale v podobě zpracovatelné routery. Existuje ve verzích IPv4 a IPv6 a může být veřejná, privátní, statická nebo dynamická.

JavaScript je vysokoúrovňový programovací jazyk používaný hlavně pro interaktivní webové stránky, webové aplikace a serverový běh přes prostředí jako Node.js. V prohlížeči reaguje na události, mění DOM, komunikuje s API a doplňuje HTML a CSS o aplikační logiku.