Ciao, e benvenuto nella quinta puntata della settima stagione. Finora abbiamo costruito pagine con struttura e stile: uno scheletro e dei vestiti. Ma quelle pagine sono ancora statiche, ferme. Oggi introduciamo il terzo linguaggio del frontend, quello che dà loro vita e movimento: JavaScript, il linguaggio del comportamento. È ciò che rende una pagina capace di reagire, di cambiare, di fare cose in risposta a te. È il salto dalla pagina-documento alla pagina-applicazione.
Chiariamo subito il ruolo di questo terzo linguaggio, mettendolo accanto agli altri due, perché insieme formano la squadra del frontend. Il primo linguaggio dà la struttura e il significato: cosa sono le cose. Il secondo dà l'aspetto: come appaiono. Il terzo, quello di oggi, dà il comportamento: cosa succede, come la pagina reagisce e si trasforma. Struttura, stile, comportamento: sono i tre pilastri di ogni pagina web moderna, e ognuno ha il suo compito ben distinto. Oggi ci concentriamo sul terzo.
Ma c'è una differenza profonda tra questo e i due precedenti, ed è importante capirla. I primi due non sono veri e propri linguaggi di programmazione: sono modi di descrivere, rispettivamente, la struttura e l'aspetto. Il terzo, invece, è un linguaggio di programmazione a tutti gli effetti. Questo significa che con esso puoi esprimere logica: prendere decisioni, ripetere azioni, fare calcoli, reagire a eventi. È un salto di natura, non solo di argomento: passi dal descrivere qualcosa al dare istruzioni a una macchina su cosa fare. È qui che comincia la programmazione vera e propria.
Cosa vuol dire, in concreto, dare istruzioni? Un linguaggio di programmazione ti permette di esprimere alcune idee fondamentali, che sono più o meno le stesse in tutti i linguaggi, e vale la pena nominarle perché sono i mattoni del pensiero. Puoi conservare dei valori con un nome, per riusarli: sono le variabili, come scatole etichettate che contengono qualcosa. Puoi prendere decisioni: se questa condizione è vera, fai questo, altrimenti fai quest'altro. Puoi ripetere azioni molte volte senza riscriverle. E puoi raggruppare istruzioni in blocchi riutilizzabili, che esegui quando servono: sono le funzioni, piccole macchine che fanno un compito.
Fermiamoci un attimo su questi concetti, perché sono universali e li ritroverai ovunque. Le variabili, cioè i contenitori con un nome per i dati. Le condizioni, cioè il prendere strade diverse a seconda delle situazioni. Le ripetizioni, cioè il fare una cosa tante volte. E le funzioni, cioè i blocchi di istruzioni impacchettati e riutilizzabili. Questi quattro concetti non sono di questo linguaggio in particolare: sono il vocabolario di base di quasi ogni linguaggio di programmazione esistente. Impararli qui significa impararli, in gran parte, per sempre e ovunque.
Perché proprio questo linguaggio, per il frontend? Per una ragione storica e pratica insieme: è il linguaggio che tutti i browser capiscono ed eseguono. Come il primo e il secondo linguaggio di cui abbiamo parlato, anche questo è compreso nativamente da ogni browser del mondo. Se vuoi che qualcosa accada dentro il browser, in risposta all'utente, questo è, di fatto, il linguaggio con cui si fa. Non l'hai scelto tu e non l'ha scelto nessuno in particolare: è semplicemente il linguaggio del browser, e per questo chiunque faccia frontend deve conoscerlo.
Riprendo un tema di tutta la serie, perché qui torna prepotente: questo è un linguaggio, e imparare a programmare non è imparare un linguaggio, è imparare a pensare in un certo modo. I concetti che ho elencato, le variabili, le decisioni, le ripetizioni, le funzioni, sono il modo di ragionare del programmatore. Una volta che li hai interiorizzati in un linguaggio, ritrovarli in un altro è molto più facile. Quindi non vivere questo primo linguaggio come una montagna isolata: è la porta d'ingresso a un modo di pensare che ti servirà per qualunque cosa programmerai, oggi e domani.
Un consiglio pratico su come impararlo, che riprende la stagione sul cloud e non solo: si impara facendo, scrivendo codice, non leggendolo. Puoi guardare mille spiegazioni di cosa fa una variabile o una funzione, ma finché non le usi tu, con le tue mani, per risolvere un piccolo problema, non le possiedi davvero. E c'è un vantaggio bellissimo per chi impara questo linguaggio: gira nel browser, che hai già, quindi puoi sperimentare subito, senza installare nulla di complicato. Scrivi una riga, vedi cosa fa, sbaglia, correggi. Quella pratica immediata è il modo più veloce per farlo tuo.
Un incoraggiamento, perché il salto alla programmazione vera intimidisce, ed è comprensibile. Passare dal descrivere pagine al dare istruzioni logiche a una macchina è un cambiamento che all'inizio confonde, e potresti sentirti impacciato. È normale, ci siamo passati tutti. Riprendo la seconda stagione: la difficoltà iniziale non è un segno che non sei portato, è semplicemente la difficoltà di ogni cosa nuova e potente. Con la pratica costante, concetti che oggi sembrano oscuri diventeranno naturali. Dai a te stesso il tempo e la pazienza che daresti a chiunque stia imparando qualcosa di davvero nuovo.
Per oggi ci fermiamo qui. Il terzo linguaggio del frontend, JavaScript, è quello del comportamento, e a differenza degli altri due è un vero linguaggio di programmazione: ti permette di esprimere logica con variabili, decisioni, ripetizioni e funzioni, i mattoni universali del pensiero programmatore. È il linguaggio che i browser eseguono, si impara facendo e si sperimenta subito senza installare nulla. Nella prossima puntata vediamo cosa fa questo linguaggio, in pratica, dentro la pagina: manipolarla e reagire agli eventi. Nelle note trovi qualche spunto. Se ti è utile, condividila. Grazie per l'ascolto, e ci sentiamo alla prossima.