Klíčové pojmy a koncepty z webového vývoje, AI a softwarového inženýrství vysvětlené srozumitelně.
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.
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.
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.
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á.
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.
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.