Nakonec si zvykněte pracovat se systémem správy verzí. I malý projekt si zaslouží historii změn. Když se něco rozbije, můžete se vrátit k funkčnímu stavu. Komentujte kód česky nebo anglicky, ale jednotně. A hlavně: dokončete první verzi, i kdyby nebyla dokonalá. Publikovatelná jednoduchá aplikace vás posune dál než měsíce plánování v hlavě.
Grid se hodí pro celkovou kostru stránky: hlavička, obsah, postranní panel, patička. Definujete mřížku přes grid-template-columns a grid-template-rows, oblasti pojmenujete pomocí grid-template-areas a při změně šířky jen přepnete rozložení v media query. Typická chyba je pevné grid-template-columns: 300px 1fr bez ohledu na velikost displeje. Na úzkém telefonu tím vznikne vodorovné přetékání. Řešením je minmax() a auto-fit, například repeat(auto-fit, minmax(240px, 1fr)), což samo vytvoří tolik sloupců, kolik se jich vejde.
Responzivita nevzniká z media queries samotných, ale z toho, že prvky umějí růst a zmenšovat se. Proto dávejte přednost relativním jednotkám, jako jsou fr, %, rem, před pevnými pixely. Obrázkům nastavte max-width: 100% a height: auto. U delších textů hlídejte optimální šířku řádku; příliš široký sloupec se na velkém monitoru čte špatně, i když je technicky responzivní.
Kde Flexbox předčí Grid a kde ho lidé přepínají zbytečně Flexbox použijte uvnitř komponent: řada tlačítek, karta s ikonou a textem, navigace s logem vlevo a odkazy vpravo. Klíčové vlastnosti jsou display: flex, justify-content pro hlavní osu, align-items pro osu příčnou a gap místo okrajů na jednotlivých prvcích. gap je čistší a nezanáší mezery na kraj. Častá chyba je flex: 1 na všech potomcích a následné překvapení, že se prvky smrsknou pod čitelnou šířku. Pomáhá flex: 1 1 200px nebo min-width, aby se obsah nezalomil do nečitelného sloupce.
Práce ve větvi je bezpečná jen tehdy, když víš, kde jsi. git branch vypíše větve, git switch -c nova-vetev vytvoří a přepne. Častá chyba: upravovat soubory, pak přepnout větev a divit se, že změny „zmizely”. Git je nemaže, jen je nechá v pracovním adresáři a přepnutí buď zablokuje, nebo je přenese jinam. Před přepnutím buď změny commitni, nebo je odlož pomocí git stash. Sloučení (git merge) přináší konflikty — nejsou porucha, jsou normální stav. Otevři označené soubory, vyber správnou verzi, odstraň značky <<<<<<>>>>>>, pak soubor přidej a commit dokonči.
Základem je nainstalovat si vývojové prostředí a pochopit, jak se projekt sestavuje. Většina začátečníků dnes používá některé z volně dostupných prostředí postavených na jazyce Kotlin, který je pro nové projekty doporučovaný. Nainstalujte ho, vytvořte prázdný projekt a spusťte ho na emulátoru. Teprve pak zkuste přidat tlačítko a textové pole. Pokud přeskočíte tento krok a rovnou se pustíte do složité aplikace, budete později tápat v tom, co která část kódu dělá.
Příklady místo odstavců obecných frází Nejužitečnější částí dokumentace jsou konkrétní příklady volání a odpovědí. U každého endpointu uveďte alespoň jeden reálný požadavek s ukázkovými daty a jednu úspěšnou odpověď. Pokud vracíte chybu, přidejte i její podobu — frontend potřebuje vědět, jestli má zobrazit hlášku, přesměrovat, nebo zkusit znovu. Vyhněte se popisům typu „vrátí se objekt uživatele”; vypište pole, jejich typy a to, která jsou nepovinná.
Praktický postup je psát layout od mobilu nahoru. Nejprve postavte jednoduchý jednosloupcový základ, pak v media queries přidávejte sloupce a přesouvejte prvky. Breakpointy volte podle místa, kde se obsah skutečně láme, ne podle konkrétních modelů zařízení. Testujte zvětšením písma v prohlížeči — to odhalí pevné výšky a skryté přetečení, které běžná změna okna neukáže.
CSS Grid a Flexbox nejsou konkurence, ale dva nástroje pro různé úrovně layoutu. Grid řeší rozvržení ve dvou dimenzích — řádky i sloupce současně. Flexbox pracuje v jedné dimenzi, tedy buď v řadě, nebo ve sloupci. Když si tuto hranici ujasníte, přestanete zbytečně kombinovat obojí na jednom místě a kód se zkrátí.
Základem je jeden dokument, který drží pohromadě všechny endpointy a ke každému uvádí metodu, cestu, parametry, tělo požadavku, tělo odpovědi a seznam chybových stavů. Formát si zvolte takový, aby se dal strojově zpracovat — ručně psaný text v editoru se dřív nebo později rozejde s implementací. Popisujte i to, co se na první pohled zdá jasné: jak se předává autentizace, jak vypadá stránkování, jaké hlavičky jsou povinné.
Should you loved this post and you would want to obtain more info concerning OsvěTlení V ObýVáKu generously check out the site.
