https://jak.mazovia.edu.pl/api.php?action=feedcontributions&feedformat=atom&user=CarinaTobin217 2026-09-14T06:47:31Z Wkład użytkownika MediaWiki 1.42.1 https://jak.mazovia.edu.pl/index.php?title=Jak_za%C4%8D%C3%ADt_s_testov%C3%A1n%C3%ADm_v_Pythonu_pomoc%C3%AD_pytest&diff=103125 2026-08-21T18:57:44Z

<p>CarinaTobin217: </p> <hr /> <div>Jak převést návrh do funkčního kódu bez zbytečných chyb Při implementaci designu se nejčastěji chybuje v detailech, které na první pohled nevypadají důležité. Například ignorování stavů prvků: hover, focus, active, disabled. Uživatelé s klávesnicí nebo čtečkou obrazovky potřebují viditelný focus. Proto vždy nastavte viditelný outline pro klávesové ovládání, a to nejen v CSS, ale i v JavaScriptu – pokud nějaký prvek dynamicky přidáváte, nezapomeňte mu nastavit příslušné ARIA atributy. Dále si hlídejte velikost cílových oblastí – tlačítka by měla mít minimálně 44×44 pixelů, aby se na ně dobře trefilo prstem na dotykovém zařízení. Kontrolujte také kontrast textu vůči pozadí; WCAG doporučuje poměr alespoň 4,5:1 pro běžný text.&lt;br&gt;&lt;br&gt;Verzování je disciplína, kterou řada webových vývojářů zpočátku podceňuje. Často začínají ukládat soubory do složek jako „final_v2&quot; nebo „opraveno_final3&quot;. Tento přístup ale rychle vede k chaosu, ztrátě práce a neschopnosti vrátit se k funkční verzi. Místo toho se vyplatí osvojit si systém, který sleduje změny v kódu, umožňuje návrat a usnadňuje týmovou spolupráci. Tento článek vás provede základy verzování s důrazem na praktické kroky a časté chyby.&lt;br&gt;&lt;br&gt;Nejprve je potřeba pytest nainstalovat. To provedete příkazem pip install pytest v terminálu. Po instalaci vytvořte soubor s názvem test_example.py. Název musí začínat nebo končit slovem test, aby pytest soubor automaticky našel. V tomto souboru definujte funkce, jejichž názvy také začínají test_. Uvnitř funkcí použijte běžné assert pro ověření výsledku. Pytest pak spustíte příkazem pytest v adresáři s testem.&lt;br&gt;&lt;br&gt;Dalším častým problémem je ignorování mezer a odstupů. Návrháři používají systém mezer (často v násobcích základní jednotky, třeba 4px), aby vytvořili rytmus a oddělili logické celky. Když mezery nahradíte univerzálním paddingem nebo marginem podle toho, co zrovna vypadá dobře, rozbijete celou vizuální rovnováhu. Naučte se číst designové specifikace – v nich najdete přesné hodnoty odsazení, velikostí a barev. Pokud taková specifikace chybí, zeptejte se designéra, jaký systém používá. Je to rychlejší, než hádat a poté předělávat polovinu komponent.&lt;br&gt;&lt;br&gt;Základní pracovní postup: commit, branch, merge Jádrem verzování jsou tři operace: commit, branch a merge. Commit je uložení aktuálního stavu s popisem změny. Každý commit by měl být malý a logicky ucelený – ideálně jedna oprava nebo jedna funkce. Branch (větev) vám umožní oddělit experimentální práci od stabilní verze. Merge pak sloučí změny zpět. Pro začátek si osvojte tento rituál: před každou změnou si vytvořte novou větev, udělejte několik commitů s jasnými zprávami (např. „oprava responzivního menu&quot;), a poté větev slučte. Nepoužívejte větve na všechno, ale jen na větší úkoly.&lt;br&gt;&lt;br&gt;Prvním krokem je nastavit prostředí, ve kterém se váš kód sestaví. Použijte předpřipravené akce, jako je checkout pro získání zdrojového kódu a setup-node, pokud pracujete s JavaScriptem. Důležité je pinout verze akcí na konkrétní commit nebo tag, jinak se vám může stát, že se pipeline náhle rozbije kvůli změnám v externí akci. Místo pouhého uvedení názvu akce použijte přesnou verzi, kterou jste testovali. To je častý zdroj chyb, který se projeví až po čase.&lt;br&gt;&lt;br&gt;Pozor také na přístupnost, kterou vývojáři často podceňují. Nejde jen o povinnost, ale o praktickou funkčnost. Uživatelé se zhoršeným zrakem, pohybovým postižením nebo jen s modrým filtrem na obrazovce ocení, když dodržíte kontrastní poměry, nastavíte správné alt texty u obrázků a umožníte ovládání klávesnicí. Typická chyba? Spoléháte na to, že stačí barevně odlišit tlačítko, ale ignorujete, že barevně slepý uživatel nerozpozná, že je aktivní. Přidejte ikonu nebo textovou změnu kromě barvy, a problém je vyřešen.&lt;br&gt;&lt;br&gt;Na závěr si zapamatujte, že UI/UX není jen práce designéra. Je to společný jazyk, kterým mluvíte s týmem, ale i s uživatelem, pro kterého produkt tvoříte. Když při kódování přemýšlíte o tom, proč je prvek tam, kde je, a jak se uživatel dostane k cíli, stáváte se lepším vývojářem i partnerem v týmu. Začněte malými kroky – proveďte si audit stávajícího kódu, najděte nekonzistence a navrhněte opravu. Taková snaha se vyplatí nejen na projektu, ale i v rozvoji vašich vlastních dovedností.&lt;br&gt;&lt;br&gt;Praktickým krokem je vytvořit si vlastní sadu UI komponent, které sdílejí stejné stavy a chování. Použijte design tokens – proměnné pro barvy, typografii, mezery. Tyto tokeny pak používejte v celém projektu. Pokud designér změní primární barvu, stačí změnit jednu proměnnou a vše se aktualizuje. Pro vývojáře to znamená méně času na ladění a větší konzistenci napříč obrazovkami. Zároveň si zvykněte na responzivní design: testujte na malých displejích, nejen v desktopovém prohlížeči. Ujistěte se, že se prvky nepřekrývají a že se dá vše ovládat i bez myši.</div>

CarinaTobin217 https://jak.mazovia.edu.pl/index.php?title=U%C5%BCytkownik:CarinaTobin217&diff=103121 2026-08-21T18:57:43Z

<p>CarinaTobin217: Utworzono nową stronę &quot;Někdo, kdo světem interiérů sází na osvědčené tipy. Píšu o tom, jak si poradit v malém bytě. Nejvíc mě baví popisovat postupy krok za krokem.&quot;</p> <hr /> <div>Někdo, kdo světem interiérů sází na osvědčené tipy. Píšu o tom, jak si poradit v malém bytě. Nejvíc mě baví popisovat postupy krok za krokem.</div>

CarinaTobin217