Když píšete commit, myslete na toho, kdo bude číst historii

Pište v přítomném čase a v rozkazovacím způsobu, jako byste dávali příkaz k aplikaci změny: „Přidej validaci e-mailu", „Oprav přetečení bufferu". Vyhnete se tak podivným tvarům jako „přidána validace" nebo „přidání validace". Také se vyhněte minulému času, který je běžný v některých nástrojích, ale v češtině působí nepřirozeně a ztěžuje čtení logu. Před odesláním commitu si zkontrolujte, jestli je popis pravdivý a jestli nezmiňujete interní čísla úkolů bez kontextu. Pokud odkazujete na ticket, uveďte i krátký popis, In the event you adored this informative article along with you would want to get more details concerning feywild.Thirdrealm.org i implore you to stop by our webpage. protože číslo samo o sobě nic neřekne.

Dobrá commit message by měla odpovídat na otázku „proč", ne „co". Pokud přidáváte nový parametr do funkce, vysvětlete, že bez něj nelze zpracovat požadavky s časovým pásmem uživatele. Pokud měníte logiku řazení, uveďte, že stávající řešení selhávalo u položek se stejným datem. Typickou chybou je opisovat změny typu „upravena funkce getData" nebo „fix bugs". Taková zpráva je k ničemu, protože nenese žádnou informaci o důvodu ani o souvislostech. Stejně tak se vyhněte emotikonům, vtipům a zkratkám, které jsou srozumitelné jen vám.

Další pastí je ignorování automatického chování obou technologií. Grid umí vytvořit responzivní mřížku bez jediného media dotazu, pokud použijete jednotky jako minmax() a auto-fit. Například: grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)). Tím docílíte toho, že se počet sloupců přizpůsobí šířce okna, a vy nemusíte psát breakpointy pro každou velikost. Flexbox zase bez problémů zvládne zarovnání s gap – mezery mezi prvky nastavíte jednou vlastností a nemusíte řešit marginy u posledního prvku. Když tyto vlastnosti neznáte, píšete zbytečně více kódu, než je nutné.

Postman je nástroj, který se stal standardem pro ruční testování API. Místo psaní skriptů nebo používání příkazového řádku můžete v přehledném rozhraní posílat požadavky na servery a hned vidět odpovědi. Než začnete testovat, je důležité pochopit základní pojmy: metodu HTTP (GET, POST, PUT, DELETE), hlavičky (headers) a tělo požadavku (body). Bez toho se snadno ztratíte v tom, co vlastně posíláte a co vám server vrací.

Samotný test se pak píše podle jednoduchého vzorce: připrav, proveď, ověř. V přípravě vytvoříte vstupní data, v provedení zavoláte testovanou funkci a v ověření porovnáte výsledek s očekávanou hodnotou. Tady se často dělá první velká chyba — lidé testují tři různé věci v jednom bloku a pak nevědí, která z nich selhala. Držte se pravidla jeden test = jedna logická situace. Pokud potřebujete pokrýt víc případů, napište víc testů.

Kombinace, kterou používáte špatně – a jak to opravit Nejčastější chyba, kterou v projektech vidím, je použití Flexboxu na rozložení celé stránky. Člověk udělá header jako flex kontejner, k němu připojí main a footer a pak zjišťuje, že se mu obsah nevejde nebo že se prvky „rozjíždějí" při menších šířkách. Flexbox totiž neumí automaticky řešit, aby se dvě boční lišty a střední sloupec chovaly jako skutečná mřížka – musíte jim ručně nastavovat šířky a média dotazy. Výsledkem je křehký layout, který se při sebemenší změně obsahu rozpadne. Řešení je jednoduché: převeďte hlavní strukturu na Grid s definovanými oblastmi (grid-template-areas). Pak stačí v jednom media dotazu změnit pořadí oblastí pro mobil a máte hotovo.

Základní pravidlo zní: Grid rady pro rekonstrukci makro, Flexbox pro mikro. Konkrétně – hlavní strukturu stránky (hlavičku, obsah, patičku, postranní panel) si rozdělte pomocí Gridu. Uvnitř jednotlivých bloků pak sáhněte po Flexboxu, když potřebujete zarovnat tlačítka, ikony nebo text barvy stěn do obýváku řádku. Tento přístup vám ušetří spoustu záporných marginů a hacků, které byste jinak psali, abyste něco „tlačili" na správné místo. Například při vytváření kartičky produktu: Grid rozloží celý seznam karet do mřížky, Flexbox uvnitř karty zajistí, že tlačítko bude vždy dole, i když se obsah různě mění.

Typická past: auto-fit a minmax bez rozmyslu Kouzelná vlastnost Gridu je `repeat(auto-fit, minmax(200px, 1fr))`, která automaticky přizpůsobí počet sloupců šířce kontejneru. Jenže tady je skrytý problém – pokud použijete pevnou minimální šířku 200px, na malém mobilu (např. 360px) se vám vejde jen jeden sloupec, což je v pořádku. Ale když přidáte `auto-fill` místo `auto-fit` a v kontejneru je málo prvků, vzniknou prázdné sloupce a layout vypadá rozbitě. Vyzkoušejte si rozdíl: `auto-fit` rozšíří prvky, aby zaplnily řádek, `auto-fill` nechá prázdná místa. Pro responzivní design je `auto-fit` skoro vždy správná volba.

Při práci s kombinací obou technologií si dejte pozor na to, aby se kontejnery vzájemně neovlivňovaly. Pokud máte uvnitř Grid položky flexbox kontejner, který používá flex-grow, může se stát, že se prvek roztáhne více, než jste chtěli. Otestujte si vždy chování při extrémních šířkách – ať už je to 320px telefon nebo 4K monitor. Typická chyba je nastavit pevnou výšku hlavičky a pak v ní flexboxem rozmístit prvky – při přiblížení prohlížeče nebo na zařízeních se zvětšeným písmem se obsah začne přetékat. Místo toho používejte min-height a nechte flexboxu volnost.