Jak efektivně ladit JavaScript přímo v prohlížeči

V praxi se osvědčuje zavést tři úrovně testů: rychlé jednotkové (spouštěné při každé změně), středně rychlé integrační (spouštěné v CI před mergem) a pomalé end-to-end (spouštěné jen před releasem). Tím zajistíte, že vývojář dostane rychlou zpětnou vazbu, ale zároveň máte jistotu, že klíčové scénáře fungují. Častým omylem je míchat tyto úrovně do jedné sady – pak se testy spouští zbytečně dlouho a vývojáři je začnou obcházet.

Při ladění se vyvarujte časté chyby – spoléhání na console.log v produkčním kódu. Nejenže to zahlcuje konzoli, ale může to také ovlivnit výkon aplikace. Místo toho používejte breakpointy a pokud potřebujete dočasné výpisy, vždy je po opravě odstraňte. Dále si zvykněte na to, že prohlížeče často rozdělují chyby do dvou kategorií: syntaktické (např. chybějící závorka) a běhové (např. volání nedefinované funkce). Syntaktické chyby se zobrazí hned při načtení skriptu, běhové až při spuštění dané části kódu. Vždy čtěte celý text chyby – obsahuje název souboru a číslo řádku, což je první stopa k nalezení problému.

Na pohovoru se připravte na to, že budete vysvětlovat své projekty. Neříkejte jen, že jste je vytvořili – popište, jakou architekturu jste zvolili, s jakými problémy jste se setkali a jak jste je vyřešili. Očekávejte také otázky na základní algoritmy a datové struktury, třeba na třídění pole nebo složitost operací. Pokud něco nevíte, přiznejte to a vysvětlete, jak byste postupovali při hledání odpovědi – schopnost učit se je u juniorů důležitější než znalosti zpaměti.

Swift je dnes hlavním jazykem pro tvorbu aplikací na iOS. Pokud s vývojem začínáte, první kroky často rozhodují o tom, jak rychle se zorientujete v ekosystému Applu. Než napíšete první řádek kódu, měli byste mít jasno v tom, jaké nástroje budete používat a jaká pravidla iOS vývoj přináší. Tento článek vás provede klíčovými oblastmi, na které se zaměřit, a upozorní na časté chyby začátečníků.

Nejprve se naučte pracovat s panelem Sources (Zdroje). Zde najdete všechny načtené skripty a můžete v nich nastavovat breakpointy – body přerušení, ve kterých se běh programu zastaví. Klikněte na číslo řádku, kde se má kód zastavit, a poté znovu spusťte aplikaci. V okamžiku zastavení vidíte v postranním panelu aktuální hodnoty proměnných, zásobník volání a můžete krokovat řádek po řádku pomocí tlačítek „Step over", „Step into" a „Step out". Tento postup odhalí, kde přesně dochází k neočekávané změně hodnoty nebo kde se funkce volá s nesprávnými argumenty.

Jak napsat životopis, který si přečtou Životopis pro IT se liší od běžných profesí. Nezačínejte motivačním dopisem o vaší lásce k technologiím – personalisté to čtou každý den. Místo toho hned na začátek uveďte, jaké technologie ovládáte a na jaké úrovni. Rozdělte je na „aktivně používám" a „mám základní přehled". Nikdy nepřehánějte, protože pohovor obvykle zahrnuje praktický úkol, kde se vaše skutečné znalosti prověří. Do životopisu také zahrňte odkazy na vaše projekty, ale pouze na ty, které jsou veřejně přístupné a fungují.

Pytest také umožňuje parametrizaci testů, což je skvělý způsob, jak otestovat mnoho kombinací vstupů bez psaní duplicitního kódu. Pomocí @pytest.mark.parametrize nadefinujete seznam hodnot a funkcí, která je postupně projde. To se hodí pro hraniční případy, jako je prázdný řetězec, nula, záporná čísla nebo prázdný seznam. Díky parametrizaci získáte lepší pokrytí a při selhání hned víte, která konkrétní kombinace nefunguje.

Posledním tipem je použití nástroje pro sledování výrazů (Watch). V panelu Sources si můžete přidat výrazy, jejichž hodnotu chcete sledovat v reálném čase během krokování. Stačí kliknout na znaménko plus v sekci Watch a zadat jakýkoliv výraz, např. objekt.property. Tímto způsobem máte vždy na očích kritické hodnoty a nemusíte je ručně vypisovat do konzole. Kombinace breakpointů, podmíněných zastavení a sledování výrazů vám umožní rychle a systematicky odhalit i ty nejzákeřnější chyby.

Dalším praktickým tipem je měřit pokrytí ne podle řádků, ale podle rizik. Místo abyste honili 80% pokrytí, zaměřte se na to, aby každý důležitý byznys případ měl alespoň jeden test na úrovni, která odpovídá jeho složitosti. U jednoduché CRUD operace stačí jeden integrační test, u složitého finančního výpočtu raději deset jednotkových. Pokud zjistíte, že potřebujete příliš mnoho mocků, je to červená vlajka – zvažte, jestli by nebylo jednodušší testovat na úrovni služby s lehkou testovací databází.

Kdy REST přestává stačit a přichází GraphQL Problém RESTu nastává, když máte složité datové vztahy (např. sociální síť) nebo když různí klienti potřebují různé části dat – mobilní aplikace chce jen id a název, web chce i popis a obrázky. Tehdy buď posíláte zbytečně velké payloady, nebo vytváříte mnoho endpointů. GraphQL tento problém řeší tím, že umožňuje klientovi specifikovat přesně, jaká data potřebuje. Jediný dotaz může sloučit data z více zdrojů, což eliminuje „over-fetching" i „under-fetching".