Co vše zvládnete s HTML a CSS při tvorbě vlastních stránek?
Samotný text zprávy by měl odpovídat na tři otázky: co, proč a případně jak. Předmět (první řádek) pište jako krátký rozkazovací způsob, maximálně 50 znaků. Například „Přidej validaci e-mailu" místo „Přidána validace". Tělo zprávy oddělte prázdným řádkem a rozveďte důvody, souvislosti a případná omezení. Vyhněte se frázím jako „Oprava chyby" – místo toho napište, co bylo špatně a proč to tak bylo. Pokud řešíte ticket nebo issue, odkažte se na jeho číslo až v těle, ne v předmětu.<br>
<br>
<br>
<br>
assert 1 + 1 == 2Nemusíte psát třídy ani dědit z nějaké základny – stačí funkce a assert. Tento minimalismus je hlavní výhodou oproti unittestu. Při psaní testů se vyplatí mít každý test nezávislý a zaměřený na jednu konkrétní funkcionalitu. Pokud test selže, okamžitě víte, co je rozbité<br>
<br>
<br>
<br>
Základní pravidlo zní: jedna logická změna = jeden commit. Pokud opravujete dva různé bugy nebo přidáváte dvě nesouvisející funkce, rozdělte je. Jinak později nemůžete snadno vrátit nebo izolovat konkrétní krok. Prakticky to znamená, že před odesláním commitu si projděte diff a zeptejte se, zda všechny změny spolu souvisí. Pokud ne, použijte git add -p pro výběr jednotlivých hunků. Historie pak bude připomínat čistý příběh, ne guláš z náhodných úprav.<br>
<br>
<br>
<br>
Když se rozhodnete vytvořit web bez redakčního systému, první kroky vedou k HTML a CSS. HTML určuje strukturu – nadpisy, odstavce, obrázky, odkazy. CSS pak řídí vzhled – barvy, fonty, mezery, rozložení. Důležité je pochopit, že tyto dva jazyky pracují společně: HTML nese obsah, CSS mu dává formu. Pro začátek stačí textový editor a prohlížeč, žádný další software nepotřebujete.<br>
<br>
<br>
<br>
Co se stane, když začnete dělat code review Klíčovým prvkem spolupráce je kontrola kódu. Jakmile někdo dokončí práci na své větvi, pošle ji ke kontrole. To nemusí znamenat, že čekáte hodiny. Stačí krátká kontrola, která odhalí zásadní problémy. Při code review se zaměřte na logiku, ne na styl. Pokud je kód funkční a srozumitelný, je to dobré. Nemusíte opravovat každou mezeru, ale pokud vidíte rozdílné pojmenování proměnných, upozorněte na to. Důležité je, aby kontrola proběhla rychle, jinak se práce zastaví.<br>
<br>
<br>
<br>
Typické chyby, které ztěžují zpětnou dohledatelnost Nejčastějším prohřeškem je vágnost. Zpráva „Změny v souboru" neříká nic o tom, co změna dělá. Stejně zrádné jsou i zprávy sice konkrétní, ale psané v minulém čase, které popisují, co už bylo hotovo, místo toho, co commit přináší. Rozdíl mezi „Opravena chyba v přihlášení" a „Oprav přihlášení při prázdném heslu" je zásadní – druhá varianta jasně říká, kdy a kde problém nastane. Další častou chybou je přidávání nesouvisejících změn do jednoho commitu, což znemožňuje rychlé pochopení logiky a komplikuje reverty.<br>
<br>
<br>
<br>
Při tvorbě rozvržení se vyhněte absolutnímu pozicování pro hlavní strukturu. Může způsobit, že se prvky překrývají nebo zmizí při změně velikosti okna. Použijte flexbox pro jednorozměrné rozvržení (řádky nebo sloupce) a CSS grid pro dvourozměrné. Nezapomínejte na responzivitu – stránky by se měly přizpůsobit mobilu. To zajistíte pomocí @media dotazů, kde měníte šířku sloupců nebo velikost písma podle velikosti obrazovky.<br>
<br>
<br>
<br>
Nezapomínejte ani na verze API a na to, jakým způsobem se řeší zpětná kompatibilita. Frontend často běží v produkci a nemůže si dovolit, aby backend přestal podporovat staré parametry přes noc. Dokumentace by měla jasně označovat, která verze je aktuální a kdy bude starší verze ukončena. Dobrým zvykem je také popsat, jak vypadá autentizace a oprávnění – které endpointy vyžadují token, jak ho frontend získá a co se stane, když vyprší. Tyto informace bývají často roztroušené v kódu, ale pro frontend jsou zásadní.<br>
<br>
<br>
<br>
Začněte jednoduchou stránkou s nadpisem a odstavcem. V HTML použijte sémantické značky: <br>
<br>
pro hlavní nadpis, pro odstavec a pro obrázek. Nezapomeňte na atributy – u obrázku je povinný alt, který popisuje obsah pro zrakově postižené a SEO. Typická chyba začátečníků je používání tabulek pro rozvržení – to už dnes není vhodné. Místo toho použijte flexbox nebo CSS grid, které jsou pružnější a jednodušší na údržbu.<br>
<br>
<br>
<br>
Důležité je také myslet na budoucnost. Komentáře píšete pro sebe za šest měsíců, ne pro váš aktuální mozek. Proto se vyplatí investovat čas do vět, které vysvětlují rozhodnutí, jež na první pohled nedávají smysl. Pokud jste například změnili algoritmus kvůli výkonu, napište, proč to bylo nutné a jaké měření vás k tomu vedlo. Tím se vyhnete situaci, kdy později někdo (nebo vy sami) změnu vrátí, protože nevidí důvod, proč byla provedena.