Che cos'è la programmazione

Un programma è un elenco di istruzioni, e JavaScript le esegue un'istruzione alla volta, dalla prima riga all'ultima.

Istruzioni che un computer può seguire

Una ricetta dice «rompi due uova, sbattile, versale nella padella». Chi la legge aggiunge molto da sé: quale ciotola usare, quanto sbattere, che cosa fare se cade dentro un pezzo di guscio. Un computer non aggiunge niente. Fa esattamente quello che dicono le istruzioni, esattamente nell'ordine in cui sono scritte, e si ferma con un errore appena un'istruzione non ha senso per lui. Programmare è il lavoro di scrivere istruzioni abbastanza precise da poter essere seguite da una macchina.

Queste istruzioni si scrivono in un linguaggio di programmazione. Un linguaggio di programmazione ha un vocabolario piccolo e una grammatica rigida, così ogni riga significa una cosa e una sola. Questo corso usa JavaScript. È il linguaggio integrato in ogni browser web, quindi hai già tutto quello che serve per eseguirlo: i riquadri di esercizio di queste pagine eseguono il tuo codice direttamente nel browser con cui stai leggendo. JavaScript funziona anche fuori dai browser, in strumenti come Node.js, e le basi che impari qui funzionano allo stesso modo anche lì.

La tua prima riga di codice

Quasi ogni corso di programmazione comincia facendo stampare un messaggio al computer. In JavaScript si fa così:

console.log("Hello, world!");

Leggila pezzo per pezzo. console è il posto in cui un programma scrive messaggi per chi lo esegue. .log significa «scrivi lì una riga». Le parentesi contengono ciò che va scritto, e le virgolette doppie indicano che Hello, world! è testo e non altro codice. Il punto e virgola alla fine chiude l'istruzione, come un punto chiude una frase. Un'istruzione completa come questa si chiama statement (istruzione). Quando viene eseguita, la console mostra una sola riga: Hello, world! Le virgolette non vengono stampate. Servono solo a dire a JavaScript dove il testo comincia e dove finisce.

Dall'alto in basso, un'istruzione alla volta

Un programma con più istruzioni le esegue in ordine. La seconda riga non comincia finché la prima non è finita. Il programma qui sotto stampa tre righe, che escono nello stesso ordine del codice:

console.log("Wake up");
console.log("Brush teeth");
console.log("Eat breakfast");
// stampa:
// Wake up
// Brush teeth
// Eat breakfast

Scambia le prime due righe e anche l'output si scambia. Sembra ovvio, ma buona parte degli errori dei principianti nasce da istruzioni nell'ordine sbagliato: usare un valore prima di averlo calcolato, o stampare un totale prima di aggiungere l'ultimo elemento.

I commenti sono note per le persone

Nell'esempio qui sopra, le righe che cominciano con // sono commenti. JavaScript salta tutto quello che va da // alla fine della riga, così puoi scrivere note per te o per altri lettori. Per una nota su più righe, aprila con /* e chiudila con */. I commenti sono anche un modo comodo per disattivare una riga senza cancellarla: metti // davanti e non viene più eseguita.

Quando qualcosa va storto

JavaScript distingue maiuscole e minuscole: console.log funziona, ma Console.log e console.Log no. Un nome scritto male come consol.log ferma il programma con un messaggio come ReferenceError: consol is not defined. Una virgoletta o una parentesi di chiusura mancante dà un SyntaxError, cioè il codice non è affatto JavaScript valido, quindi non viene eseguito niente. All'inizio i messaggi di errore sembrano allarmanti, ma sono il computer che ti dice dove si è bloccato. Leggi la prima riga del messaggio, trova il nome che cita e confrontalo con il tuo codice carattere per carattere.

Come funzionano i riquadri di esercizio

Ogni riquadro di esercizio ha il tuo codice a sinistra e l'output a destra (sotto, su un telefono). Riproduci esegue il codice, e Ctrl+Enter o Cmd+Enter fanno lo stesso dalla tastiera. Verifica esegue il codice e confronta ogni riga stampata con la risposta attesa, quindi contano l'ortografia, le maiuscole e gli spazi dentro la riga. Ricomincia riporta il codice originale. Il codice gira in un riquadro isolato, quindi sperimentando non puoi rompere niente.