Observabilita

Přístupnost (často zkráceně a11y) je praxe navrhování a tvorby webových stránek a aplikací tak, aby je mohli používat všichni, včetně lidí se zrakovým, motorickým, sluchovým nebo kognitivním postižením. Zahrnuje správné sémantické značkování, podporu navigace klávesnicí, dostatečný barevný kontrast a kompatibilitu se čtečkami obrazovky. Kromě etické odpovědnosti je přístupnost v mnoha jurisdikcích stále častěji i zákonným požadavkem.

Designový systém je sbírka znovupoužitelných komponent, pravidel a standardů, které zajišťují vizuální a funkční konzistenci napříč produktem nebo skupinou produktů. Typicky zahrnuje knihovnu komponent, design tokeny, typografická pravidla, barevné palety a dokumentaci. Designové systémy propojují práci designérů a vývojářů a umožňují týmům stavět rozhraní rychleji při zachování jednotného vzhledu.

Sémantické HTML znamená používání HTML elementů, které jasně popisují svůj význam a účel, jako jsou `<article>`, `<nav>`, `<header>` a `<section>`, namísto generických `<div>` tagů. Tento přístup zlepšuje přístupnost pro čtečky obrazovky, pomáhá vyhledávačům lépe pochopit strukturu stránky a činí kód čitelnějším pro ostatní vývojáře. Je považován za základní osvědčený postup v moderním webovém vývoji.

CSS Grid je dvourozměrný systém rozvržení, který umožňuje definovat řádky a sloupce současně, což jej činí ideálním pro složité rozvržení stránek. Na rozdíl od Flexboxu, který pracuje vždy v jedné ose, Grid umožňuje přesně umísťovat prvky jak horizontálně, tak vertikálně pomocí pojmenovaných oblastí nebo čísel řádků. Funkce jako `grid-template-areas`, `auto-fill` a `minmax()` umožňují vytvářet responzivní rozvržení s minimem kódu.

CI/CD (kontinuální integrace / kontinuální nasazení) je soubor praktik, které automatizují sestavení, testování a nasazení kódu při každém pushnutí změn. Kontinuální integrace slučuje kód do sdílené větve a spouští automatické testy, zatímco kontinuální nasazení automaticky uvolňuje ověřené změny do produkce. Společně tvoří základ moderního dodávání softwaru, snižují chybovost a urychlují release cykly.

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.