Ko nekaj ne deluje · Kodiraj z Martinom

Reševalno poglavje. Vsak programer se včasih zatakne – tudi najboljši. Tukaj je, kaj narediti.

Najprej najpomembnejše

Ko nekaj ne deluje, ni tvoja krivda in nič nisi pokvaril. Zastajanje je popolnoma normalen del programiranja. Profesionalni programerji vsak dan rešujejo napake – razlika je le v tem, da se jih naučijo mirno loviti.

Zlato pravilo: beri pozorno

90 % vseh napak v kodi so tipkarske napake. Računalniki so neverjetno natančni:

<h1> deluje, <hl> ne (številka ena namesto male črke L)
index.html deluje, index. html ne (odvečen presledek)
Vsak odprt tag <p> potrebuje svoj zapiralni </p>

Primerjaj svojo kodo s kodo v lekciji črko za črko. Napako običajno najdeš v minuti.

Pogoste težave in rešitve

”Odpre se kot navadno besedilo, ne kot stran”

Datoteka verjetno ni poimenovana index.html, ampak na primer index.html.txt. V VS Code izbriši datoteko in ustvari novo – ime se mora natančno končati z .html.

”Spremenil sem kodo, a na strani se nič ne spremeni”

Dva najpogostejša razloga:

Pozabil si shraniti – pritisni Ctrl+S (na Macu Cmd+S). Neshranjena datoteka ima v VS Code piko zraven imena namesto križca.
Pozabil si osvežiti stran – v brskalniku pritisni F5.

”Na strani so čudni znaki namesto šumnikov”

V glavi datoteke manjka vrstica <meta charset="UTF-8">. Dodaj jo med <head> in </head> – pove brskalniku, kateri nabor znakov uporablja tvoje besedilo.

”Slika se ne prikaže, je le pokvarjen ikon”

Preveri ime datoteke v kodi – mora biti točno enako kot ime datoteke v mapi, vključno s končnico (photo.jpg ni isto kot photo.JPG ali photo.jpeg).
Slika mora biti v isti mapi kot index.html (ali na poti, ki si jo napisal v kodi, npr. images/photo.jpg).

”Naenkrat je pol strani krepko / ogromno / modro”

Nekje si pozabil zapiralni tag. Na primer manjka </strong> pri <strong>, zato ostane vse krepko do konca. Poišči, kje se začne čudnost, in dodaj manjkajoči zapiralni tag.

Ko še vedno ne gre

Naredi pavzo. Resno. Pet minut gledanja skozi okno in napaka se pogosto najde sama. Tako delajo tudi profesionalci.
Preberi pokvarjen del na glas. Zveni smešno, a deluje – branje na glas opozori na stvari, ki jih oči spregledajo.
Prosi za drug par oči. Starš, brat ali sestra, prijatelj – ni treba, da znajo programirati, le primerjati morajo tvojo kodo z lekcijo.
Začni del znova. Ko je preveč, izbriši zadnji dodan del, preveri, da stran spet deluje, nato dodaj počasi znova.

💡

Spomni se: vsaka napaka, ki jo popraviš, te naredi boljšega programerja. Iskanje napak ni nadloga, ampak supermoč, ki jo gradiš prav zdaj.