Když něco nefunguje · Programuj s Martinem

Záchranná kapitola. Každý programátor se někdy zasekne – i ti nejlepší. Tady je návod, co dělat.

Nejdřív to nejdůležitější

Když něco nefunguje, není to tvoje chyba a nic jsi nerozbil(a). Zaseknout se je normální součást programování. Profesionální programátoři řeší chyby každý den – rozdíl je jen v tom, že se je naučili hledat v klidu.

Zlaté pravidlo: čti pozorně

90 % všech chyb v kódu jsou překlepy. Počítač je strašně puntičkářský:

<h1> funguje, <hl> ne (jednička vs. malé L)
index.html funguje, index. html ne (mezera navíc)
Každá otevřená značka <p> potřebuje svou zavírací </p>

Porovnej svůj kód s kódem v lekci písmenko po písmenku. Většinou chybu najdeš do minuty.

Nejčastější zádrhely a jejich řešení

„Otevře se mi jen text, ne stránka”

Soubor se nejspíš nejmenuje index.html, ale třeba index.html.txt. Ve VS Code smaž soubor a vytvoř nový – jméno musí končit přesně na .html.

„Změnil jsem kód, ale na stránce se nic nezměnilo”

Dvě nejčastější příčiny:

Zapomněl(a) jsi uložit – zmáčkni Ctrl+S (Cmd+S na Macu). Neuložený soubor má ve VS Code u názvu puntík místo křížku.
Zapomněl(a) jsi obnovit stránku – v prohlížeči zmáčkni F5.

„Na stránce jsou divné znaky místo háčků a čárek”

V hlavičce souboru ti chybí řádek <meta charset="UTF-8">. Přidej ho mezi <head> a </head> – říká prohlížeči, že píšeš česky.

„Obrázek se nezobrazuje, je tam jen ikonka rozbitého obrázku”

Zkontroluj jméno souboru v kódu – musí být úplně stejné jako jméno souboru ve složce, včetně přípony (fotka.jpg není fotka.JPG ani fotka.jpeg).
Obrázek musí být ve stejné složce jako tvůj index.html (nebo ve složce, kterou v kódu uvádíš, třeba obrazky/fotka.jpg).

„Půlka stránky je najednou tučně / obrovská / modrá”

Někde jsi zapomněl(a) zavírací značku. Například po <strong> chybí </strong>, a tak je tučné všechno až do konce. Najdi místo, kde divnost začíná, a doplň zavírací značku.

Když si pořád nevíš rady

Dej si pauzu. Vážně. Pět minut u okna a chyba se pak často najde sama. Tohle dělají i profíci.
Přečti si chybové místo nahlas. Zní to legračně, ale funguje to – při čtení nahlas si všimneš věcí, které oči přeskočí.
Popros o druhé oči. Rodič, sourozenec, kamarád – nemusí umět programovat, stačí, že porovná tvůj kód s lekcí.
Začni kousek znovu. Když je toho moc, smaž poslední část, kterou jsi přidal(a), ověř, že stránka zase funguje, a přidej ji znovu – pomaleji.

💡

Pamatuj: každá chyba, kterou vyřešíš, z tebe dělá lepšího programátora. Hledání chyb není otrava, je to superschopnost, kterou právě trénuješ.