Matyas.
SlužbyProjektyZkušenostiBlogKontakt
ENOzvěte se
Slovníček

Slovník

Klíčové pojmy a koncepty z webového vývoje, AI a softwarového inženýrství vysvětlené srozumitelně.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

JSX

JSX (JavaScript XML) je syntaktické rozšíření JavaScriptu používané především v Reactu, které umožňuje psát HTML-like značkování přímo v JavaScriptovém kódu. Nástroje jako Babel nebo SWC jej transpilují na běžná volání `React.createElement()` před odesláním do prohlížeče. JSX podporuje vkládání dynamických výrazů pomocí složených závorek, podmíněné renderování a mapování přes pole, což z něj činí mocný a intuitivní způsob deklarativního popisu UI struktur.

reactweb-dev

Kubernetes

Kubernetes (zkráceně K8s) je open-source platforma pro orchestraci kontejnerů, která automatizuje nasazování, škálování a správu kontejnerizovaných aplikací. Požadovaný stav workloadů popíšete v YAML manifestech a Kubernetes průběžně srovnává skutečný stav s požadovaným. Řeší load balancing, rolling updaty, samoopravování spadlých kontejnerů a správu tajemství, čímž se stal průmyslovým standardem pro provoz produkčních aplikací ve velkém měřítku.

web-devproductivity

Velký jazykový model

Velký jazykový model (LLM) je model hlubokého učení trénovaný na rozsáhlých textových datech, který rozumí přirozenému jazyku a generuje lidsky znějící text. Modely jako GPT, Claude a LLaMA pohánějí chatboty, programátorské asistenty a nástroje pro generování obsahu. Fungují na principu predikce dalšího tokenu v sekvenci na základě naučených statistických vzorů napříč miliardami parametrů.

ai

Líné načítání

Líné načítání je optimalizační technika, která odkládá načtení nekritických zdrojů, dokud nejsou skutečně potřeba — typicky když se dostanou do viditelné oblasti stránky. Běžně se aplikuje na obrázky, videa a komponenty pod ohybem stránky pro urychlení počátečního načtení. Moderní prohlížeče podporují nativní líné načítání přes atribut `loading="lazy"`, zatímco řešení v JavaScriptu nabízejí větší kontrolu pomocí Intersection Observer.

uxweb-dev

Linter

Linter je nástroj statické analýzy, který automaticky prochází zdrojový kód a hledá syntaktické chyby, porušení stylu, potenciální bugy a anti-patterny, aniž by kód spouštěl. Populární lintry jsou ESLint pro JavaScript/TypeScript, Pylint pro Python a Stylelint pro CSS. Lintry se obvykle integrují do CI pipeline a editorových pluginů, čímž bez manuálního úsilí zajišťují konzistentní kvalitu kódu v celém týmu.

web-devproductivity

Media queries

Media queries jsou funkce CSS, která umožňuje podmíněně aplikovat styly na základě vlastností zařízení, jako je šířka viewportu, výška, orientace, preference barevného schématu nebo omezení pohybu. Jsou základem responzivního webového designu a umožňují různá rozvržení pro mobily, tablety a desktopy. Moderní media queries také podporují detekci uživatelských preferencí pomocí `prefers-color-scheme` a `prefers-reduced-motion` pro přístupnější zážitky.

web-devux

Memoizace

Memoizace v Reactu je optimalizace výkonu, která ukládá do cache výsledky nákladných výpočtů nebo renderů komponent, aby se předešlo zbytečné práci při překreslování. React poskytuje `React.memo()` pro přeskočení překreslení komponenty, když se její props nezměnily, `useMemo()` pro cachování vypočtených hodnot a `useCallback()` pro cachování referencí funkcí. Ačkoli je memoizace mocná, předčasná memoizace přidává složitost — nejlépe se aplikuje po tom, co profilování potvrdí skutečný problém s výkonem.

reactweb-dev

Fronta zpráv

Fronta zpráv je middlewarová komponenta umožňující asynchronní komunikaci mezi službami dočasným ukládáním zpráv, dokud je přijímající služba nezpracuje. Populární implementace zahrnují RabbitMQ, Amazon SQS a Redis Streams. Fronty zpráv jsou klíčové pro automatizační workflow, protože oddělují producenty od konzumentů, zvládají špičky v provozu díky bufferingu a zajišťují spolehlivé doručení i při dočasné nedostupnosti navazujících služeb.

web-devproductivity

Mikrointerakce

Mikrointerakce je malý, ohraničený moment v uživatelském rozhraní, který plní jeden úkol — animace tlačítka při kliknutí, přepínač, gesto potáhnutí pro obnovení nebo animace srdíčka u „lajku". Tyto drobné designové detaily poskytují zpětnou vazbu, vedou uživatele a dodávají rozhraní osobitost. Dobře navržené mikrointerakce dodávají produktu pocit propracovanosti a responzivity, aniž by uživatele zahlcovaly.

ux

Modální okno

Modální okno (nebo modální dialog) je UI prvek, který překrývá hlavní obsah a vyžaduje pozornost a interakci uživatele, než se může vrátit na stránku pod ním. Modály se používají pro potvrzení, formuláře, upozornění a náhledy obsahu. Správná implementace vyžaduje zachycení fokusu, klávesovou přístupnost (Escape pro zavření) a zablokování scrollování pozadí — což činí přístupné modály složitějšími, než se zdá.

uxweb-dev

Model Context Protocol

Model Context Protocol (MCP) je otevřený standard vyvinutý společností Anthropic, který definuje, jak se AI aplikace připojují k externím zdrojům dat a nástrojům. MCP poskytuje univerzální rozhraní pro přístup LLM k databázím, API, souborovým systémům a dalším službám prostřednictvím standardizovaných serverových implementací. Umožňuje budovat AI aplikace, které mohou strukturovaně a bezpečně interagovat s reálným světem.

aiai-agents

Multimodální AI

Multimodální AI označuje modely, které dokáží zpracovávat a generovat více typů dat — text, obrázky, zvuk a video — v rámci jednoho systému. Modely jako GPT-4o a Claude přijímají textové i obrazové vstupy, což umožňuje vizuální odpovídání na otázky, analýzu dokumentů a porozumění UI. Tato konvergence stírá hranice mezi dříve oddělenými AI disciplínami.

ai
PředchozíStrana 6 / 10Další
118 slov

Máte v hlavě projekt?

Ať už potřebujete webovou appku, mobilní appku nebo automatizaci s AI — ozvěte se a probereme, jak vám můžu pomoct.

Ozvěte se
Matyas.

Weby, mobilní appky a automatizace s AI. Pomáhám firmám šetřit čas i peníze technologií, která opravdu funguje.

Odkazy

  • Služby
  • Projekty
  • Zkušenosti
  • Blog
  • Slovník
  • Kontakt

Připravuji

  • Případové studieBrzy
  • Zdroje

© 2026 Matyas Prochazka. Všechna práva vyhrazena.