Kad nešto ne radi · Kodiraj s Martinom

Poglavlje za spašavanje. Svaki programer se ponekad zaglavi – čak i najbolji. Evo što učiniti.

Prvo, najvažnije

Kad nešto ne radi, nije tvoja krivnja i ništa nisi pokvario. Zastajanje je potpuno normalan dio programiranja. Profesionalni programeri svaki dan rješavaju greške – jedina razlika je što su naučili mirno ih loviti.

Zlatno pravilo: čitaj pažljivo

90% svih grešaka u kodu su tipfelere. Računala su nevjerojatno pedantna:

<h1> radi, <hl> ne (broj jedan naspram malog slova L)
index.html radi, index. html ne (višak razmaka)
Svaki otvarajući tag <p> treba svoj zatvarajući </p>

Usporedi svoj kod s kodom u lekciji slovo po slovo. Obično ćeš grešku pronaći u minuti.

Uobičajeni problemi i kako ih riješiti

”Otvara se kao običan tekst, ne kao stranica”

Tvoja datoteka vjerojatno nije nazvana index.html, nego nešto poput index.html.txt. U VS Codeu obriši datoteku i napravi novu – naziv mora točno završavati na .html.

”Promijenio sam kod, ali se na stranici ništa nije promijenilo”

Dva najčešća uzroka:

Zaboravio si spremiti – pritisni Ctrl+S (Cmd+S na Macu). Nespremljena datoteka ima točkicu pored naziva u VS Codeu umjesto X-a.
Zaboravio si osvježiti stranicu – pritisni F5 u pregledniku.

”Na stranici su čudni simboli umjesto slova s naglaskom”

U zaglavlju datoteke nedostaje redak <meta charset="UTF-8">. Dodaj ga između <head> i </head> – govori pregledniku koji skup znakova koristi tvoj tekst.

”Slika se ne prikazuje, samo je ikona slomljene slike”

Provjeri naziv datoteke u kodu – mora biti točno isti kao naziv datoteke u mapi, uključujući ekstenziju (photo.jpg nije isto što i photo.JPG ili photo.jpeg).
Slika mora biti u istoj mapi kao index.html (ili u putanji koju si napisao u kodu, npr. images/photo.jpg).

”Odjednom je pola stranice podebljano / ogromno / plavo”

Negdje si zaboravio zatvarajući tag. Na primjer, <strong> nema svoj </strong>, pa sve ostaje podebljano do kraja. Pronađi gdje čudnost počinje i dodaj nedostajući zatvarajući tag.

Kad i dalje ne ide

Napravi pauzu. Ozbiljno. Pet minuta gledanja kroz prozor i greška se često sama pronađe. Čak i profesionalci to rade.
Pročitaj pokvareni dio naglas. Zvuči glupo, ali radi – čitanje naglas pomaže da primijetiš stvari koje oči preskoče.
Zatraži drugi par očiju. Roditelj, brat ili sestra, prijatelj – ne moraju znati programirati, samo usporediti tvoj kod s lekcijom.
Kreni ispočetka s malim dijelom. Kad je sve previše, obriši zadnji dio koji si dodao, provjeri da stranica opet radi, pa ga dodaj ponovo – ovaj put sporije.

💡

Zapamti: svaka greška koju riješiš čini te boljim programerom. Otklanjanje grešaka nije dosadan posao, to je supermoć koju upravo gradiš.