Quando qualcosa non funziona · Code con Martin

Un capitolo di soccorso. Ogni programmatore si blocca a volte – anche i migliori. Ecco cosa fare.

Prima, la cosa più importante

Quando qualcosa non funziona, non è colpa tua e non hai rotto niente. Bloccarsi fa parte normalissima della programmazione. I programmatori professionisti affrontano bug ogni giorno – l’unica differenza è che hanno imparato a cacciarli con calma.

La regola d’oro: leggi con attenzione

Il 90% di tutti i bug nel codice sono errori di battitura. I computer sono incredibilmente pignoli:

<h1> funziona, <hl> no (il numero uno vs. una L minuscola)
index.html funziona, index. html no (uno spazio in più)
Ogni tag di apertura <p> ha bisogno del suo tag di chiusura </p>

Confronta il tuo codice con quello della lezione lettera per lettera. Di solito trovi l’errore entro un minuto.

Problemi comuni e come risolverli

”Si apre solo come testo, non come pagina”

Il tuo file probabilmente non si chiama index.html, ma qualcosa come index.html.txt. In VS Code, elimina il file e creane uno nuovo – il nome deve finire esattamente con .html.

”Ho cambiato il codice, ma nella pagina non cambia niente”

Due cause più comuni:

Hai dimenticato di salvare – premi Ctrl+S (Cmd+S su Mac). Un file non salvato ha un puntino accanto al nome in VS Code invece di una X.
Hai dimenticato di aggiornare la pagina – premi F5 nel browser.

”Nella pagina ci sono simboli strani al posto delle lettere accentate”

Manca nel file la riga <meta charset="UTF-8">. Aggiungila tra <head> e </head> – dice al browser quale set di caratteri usa il tuo testo.

”L’immagine non si vede, c’è solo l’icona di immagine rotta”

Controlla il nome del file nel codice – deve essere esattamente uguale al nome del file nella cartella, inclusa l’estensione (photo.jpg non è uguale a photo.JPG o photo.jpeg).
L’immagine deve essere nella stessa cartella del tuo index.html (oppure nel percorso che hai scritto nel codice, come images/photo.jpg).

”All’improvviso metà pagina è in grassetto / enorme / blu”

Da qualche parte hai dimenticato un tag di chiusura. Per esempio, a <strong> manca il suo </strong>, e tutto resta in grassetto fino alla fine. Trova dove inizia la stranezza e aggiungi il tag di chiusura mancante.

Quando sei ancora bloccato

Fai una pausa. Sul serio. Cinque minuti a guardare fuori dalla finestra e spesso il bug si trova da solo. Anche i professionisti lo fanno.
Leggi ad alta voce la parte che non funziona. Sembra sciocco, ma funziona – leggere ad alta voce ti fa notare cose che gli occhi saltano.
Chiedi un secondo paio di occhi. Un genitore, un fratello, un amico – non devono sapere programmare, devono solo confrontare il tuo codice con la lezione.
Ricomincia una piccola parte. Quando è troppo, elimina l’ultima parte che hai aggiunto, verifica che la pagina funzioni di nuovo, poi aggiungila – più lentamente questa volta.

💡

Ricorda: ogni bug che risolvi ti rende un programmatore migliore. Il debugging non è una seccatura, è un superpotere che stai costruendo proprio adesso.