Přetažení (drag and drop)

Progresivní vylepšování je strategie webového vývoje, která začíná se základním funkčním HTML obsahem dostupným ve všech prohlížečích a poté přidává CSS styly a JavaScript interaktivitu pro schopnější prostředí. Tento přístup zajišťuje, že základní funkcionalita funguje všude, zatímco uživatelé s moderními prohlížeči získají bohatší zážitek. Kontrastuje s přístupem graceful degradation, který začíná plným zážitkem a řeší případné nedostatky zpětně.

Webhook je mechanismus, při kterém jeden systém automaticky odešle HTTP požadavek jinému systému, když nastane určitá událost. Na rozdíl od pollingu, kdy klient opakovaně kontroluje aktualizace, webhooky posílají data v reálném čase, což je mnohem efektivnější. Běžně se používají k propojení služeb — například ke spuštění nasazení po mergnutí kódu nebo k odeslání notifikace do Slacku při zpracování platby.

Serverové renderování (SSR) je technika, při které se webové stránky renderují do HTML na serveru pro každý požadavek, místo aby se spoléhalo na klientský JavaScript pro sestavení stránky v prohlížeči. SSR poskytuje rychlejší počáteční načtení stránky a lepší SEO, protože vyhledávače obdrží kompletní HTML obsah. Moderní SSR ve frameworcích jako Next.js podporuje streaming, který umožňuje serveru progresivně odesílat HTML fragmenty, jakmile jsou připraveny.

Optimistické UI je vzor, při kterém rozhraní okamžitě zobrazí očekávaný výsledek akce uživatele, ještě než ji server potvrdí. Například tlačítko „lajk" okamžitě ukáže stav po liknutí, zatímco API požadavek probíhá na pozadí. Díky tomu aplikace působí výrazně rychleji a responzivněji. Pokud požadavek na server selže, UI se vrátí do předchozího stavu a uživatele upozorní.

Atomický design je metodologie Brada Frosta pro tvorbu designových systémů rozdělením rozhraní do pěti hierarchických úrovní: atomy (základní HTML elementy), molekuly (jednoduché skupiny komponent), organismy (složité UI sekce), šablony (rozvržení na úrovni stránky) a stránky (konkrétní instance se skutečným obsahem). Tento přístup poskytuje konzistentní mentální model pro organizaci knihoven komponent v React, React Native nebo Flutter projektech a zajišťuje systematickou škálovatelnost UI.

Drobečková navigace je sekundární navigační vzor, který ukazuje aktuální pozici uživatele v hierarchii webu jako řetězec odkazů (např. Domů > Produkty > Boty). Pomáhá uživatelům pochopit, kde se nacházejí, a rychle se vrátit na nadřazené stránky bez použití tlačítka Zpět v prohlížeči. Správná implementace využívá uspořádaný seznam v prvku `<nav>` s atributem `aria-label="Breadcrumb"` pro přístupnost.