Jak začít s HTML a CSS: Praktický průvodce pro začátečníky

Na závěr si osvojte pravidlo: testujte na skutečných zařízeních, ne jen v prohlížeči s otevřenými vývojářskými nástroji. Responzivní design není o tom napsat napevno pět media query a doufat, že to bude fungovat. S Gridem a Flexboxem máte možnost vytvářet flexibilní rozvržení, která se přizpůsobí obsahu i šířce obrazovky elegantně. Začněte s jednoduchým rozvržením a postupně přidávejte složitější prvky – uvidíte, že se vám bude pracovat rychleji a výsledek bude stabilnější.

Proměnné a prostředí – klíč k efektivnímu testování Pevně zadané adresy a hodnoty brzy znepřehlední práci. Proto používejte proměnné. V Postmanu je definujete buď globálně, nebo v rámci prostředí. Prostředí představuje sadu proměnných pro konkrétní prostředí – testovací, produkční. Adresu pak zapíšete jako baseUrl a hodnotu přiřadíte v nastavení. Stejně postupujte u přihlašovacích tokenů, které se mění při každém běhu testu.

Indexy nejsou všelék a často narazíte na problém, že dotaz index nepoužije. Důvodem bývá použití funkce na sloupci v podmínce WHERE, typová konverze nebo nevhodný formát porovnání. Například dotaz WHERE DATEPART(year, created_at) = 2024 znemožní použití indexu, zatímco podmínka WHERE created_at >= '2024-01-01' AND created_at <'2025-01-01' index využije. Stejně tak porovnávání textových sloupců bez ohledu na velikost písmen zabrání indexu v práci – řešte to případně vhodným collation nastavením.

Základní rozdíl spočívá v modelu dat. Relační databáze vyžadují pevné schéma – předem definujete tabulky, sloupce a vztahy. NoSQL databáze pracují s flexibilnějšími strukturami, jako jsou dokumenty, klíče a hodnoty, grafy nebo sloupce. To znamená, že můžete ukládat data bez předchozí definice struktury a měnit ji za běhu. To je užitečné zejména v projektech, kde se požadavky na data rychle vyvíjejí, nebo kde jednotlivé záznamy mají různý tvar.

Jednou z častých pastí je používání OR v podmínkách, které znesnadňuje optimalizátoru volbu indexu. Pokud je to možné, nahraďte OR pomocí UNION ALL na dvě samostatné podmínky. Podobně se vyhněte používání NOT IN, které bývá pomalejší než NOT EXISTS. Důležité je také sledovat statistiky tabulek – pokud se často mění data, spouštějte pravidelně aktualizaci statistik, aby optimalizátor měl přesné informace o rozložení hodnot. V neposlední řadě se vyplatí pečlivě testovat dotazy na reálných datech, ne na malé testovací sadě.

Když se řekne moderní JavaScript, většina vývojářů si představí šipkové funkce, template literály nebo destrukci. Tyto prvky z ES6 a novějších verzí nejsou jen syntaktický cukr – mění způsob, jakým píšete kód. Pokud stále používáte staré vzory, přicházíte o čitelnost i výkon. Pojďme se podívat na konkrétní funkce, které byste měli znát a používat.

Další užitečnou funkcí je objektová zkratka – pokud vytváříte objekt z proměnných se stejným názvem, stačí napsat jmeno, vek místo jmeno: jmeno, vek: vek . A nezapomeňte na spread operátor (...), který umožňuje kopírovat pole nebo objekty, slučovat je nebo předávat argumenty do funkcí. Například const novePole = [...pole1, ...pole2];. Zde je častá chyba – hluboké kopírování vnořených objektů spreadem nefunguje, jen mělká kopie. Pro složitější struktury použijte strukturované klonování nebo serializaci.

Když přijde na responzivní design, mnoho vývojářů stále sahá po zastaralých postupech, jako jsou floaty nebo tabulkové rozvržení. Přitom moderní CSS nabízí dva mocné nástroje – Flexbox a Grid. Každý z nich má své silné stránky a správná kombinace vám ušetří hodiny ladění. Nejdřív si ale ujasněte, co vlastně potřebujete: Flexbox je ideální pro lineární uspořádání prvků v jedné ose, zatímco Grid zvládá dvourozměrné rozvržení s přesnými sloupci a řádky.

Nezapomínejte na validaci kódu a testování v různých prohlížečích. Co funguje ve vašem prohlížeči, nemusí fungovat jinde. Vždy si ověřte, že stránka vypadá dobře i bez JavaScriptu, který je pro základní HTML a CSS zbytečný. Při psaní CSS používejte selektory efektivně – místo mnoha tříd zkuste využít dědictví stylů a kontextové selektory. Název třídy by měl vystihovat účel prvku, ne jeho vzhled, takže místo „modra-pisma" použijte „upozorneni".

Postman patří mezi nejrozšířenější nástroje pro práci s API. Umožňuje posílat požadavky na server, zkoumat odpovědi a celý životní cyklus API dokumentovat. Než začnete, stáhněte si desktopovou aplikaci nebo použijte webovou verzi. Po spuštění vytvořte novou kolekci – ta slouží jako úložiště pro vaše požadavky, proměnné a testy. Kolekce je vhodné pojmenovat podle projektu, aby se v ní vyznali i kolegové.