Ciao, e benvenuto nella seconda puntata della settantasettesima stagione. La volta scorsa, la catena che porta da una descrizione ai pixel, e la metafora del teatro. Oggi la prima trasformazione, e l'idea più importante di tutta la stagione: la tua pagina non è testo, è un albero. Il titolo lo dice: dal testo all'albero.
Partiamo da cosa scrivi davvero. Quello che scrivi è un flusso di caratteri: parentesi angolari, etichette, testo. Piatto, lineare, un carattere dopo l'altro. Ma nessuno più avanti nella catena, né il regista, né i macchinisti, né i pittori, sa farci qualcosa con un flusso di caratteri. A loro serve la struttura: chi sta dentro chi, chi è figlio di chi. Il primo lavoro del motore è trasformare quel flusso piatto in un albero.
Lo fa in due passi. Primo, spezza il flusso in pezzi dotati di senso: apertura di un titolo, testo ciao, chiusura del titolo. È come leggere il copione e riconoscere cosa è una didascalia e cosa è una battuta. È un lettore che conosce la grammatica del linguaggio. Secondo, man mano che i pezzi arrivano, costruisce l'albero: ogni etichetta aperta diventa un nodo, annidato dentro quello che è aperto in quel momento; il testo diventa una foglia; una chiusura risale di un livello. Il risultato è l'elenco degli attori con il loro annidamento: questo paragrafo vive dentro quella sezione, che vive dentro il corpo della pagina. È esattamente ciò che in una vecchia stagione abbiamo chiamato analisi del linguaggio: spezzare in pezzi e costruire un albero è il mestiere di chi traduce un linguaggio.
Quest'albero ha un nome: è l'albero del documento, il modello vivo della pagina. Da qui in poi nessuno lavora più sul tuo testo: tutti lavorano su questo albero. Il regista dà lo stile ai nodi dell'albero; i macchinisti mettono in scena i nodi dell'albero; e più tardi, quando il codice cambia la pagina, cambia l'albero, non il tuo testo originale. Il tuo file era solo il seme; l'albero è la pianta. Ed è per questo che guardare il sorgente e ispezionare la pagina a volte mostrano cose diverse: uno è il seme, l'altro è la pianta viva.
E qui la sorpresa che spiazza chi arriva da altri linguaggi. Se scrivi una struttura rotta, dimentichi una chiusura, annidi le cose in modo illegale, metti un'etichetta dove non può stare, il motore non si ferma e non si rifiuta. La ripara. C'è un grosso libro di regole per cosa fare quando il copione è disordinato: chiusure sottintese, elementi fuori posto rimessi al loro posto, struttura mancante inventata. Chi traduce un linguaggio di programmazione rifiuterebbe un errore di grammatica; chi legge la pagina del browser è costruito per non rifiutare mai, perché una pagina mezza rotta ma mostrata è meglio di una schermata di errore vuota. È una scelta precisa, e ha un costo: due motori potrebbero riparare lo stesso pasticcio in modo un po' diverso, e funziona sul mio browser a volte vuol dire il mio browser ha indovinato come me.
Perché esiste questa tolleranza? Perché il web è pieno di struttura scritta a mano e mezza corretta, da trent'anni di chiunque. Un lettore severo avrebbe reso illeggibile buona parte del web. Così lo standard non definisce solo la struttura corretta: definisce, passo per passo, esattamente come rimettere in sesto quella sbagliata, perché ogni motore la ripari allo stesso modo. La gestione degli errori non è un ripensamento: è gran parte della specifica.
E adesso la pietra angolare della stagione, quindi lascia che la dica per intero. La pagina su cui il motore lavora non è mai il tuo testo: è un albero che il motore ha costruito dal tuo testo, e ogni stadio successivo è la trasformazione di un albero in un altro albero, finché l'ultimo diventa pixel. Dal testo all'albero; dall'albero all'albero con lo stile; da quello a un albero di scatole; dalle scatole alla pittura; dalla pittura ai pixel. Tutto il motore è una catena di alberi. Se tieni stretta una sola idea, tieni questa: non disegni del testo, metti in scena un albero, e quell'albero lo puoi cambiare anche dopo che è nato.
È la macchina sotto la magia. La magia ti lasciava pensare: il browser legge il mio testo. La macchina risponde: il browser legge il tuo testo una volta sola, per far crescere un albero, e poi dimentica il testo e vive nell'albero. Ogni mistero su come si comporta una pagina comincia dalla forma di quell'albero.
Voglio lasciarti con la cosa che cambia tutto il resto. La tua pagina non è il file che hai scritto: è l'albero che il motore ha costruito da quel file. Scrivi pensando all'albero che nascerà, non al testo che digiti, perché è l'albero che va in scena, non il testo. E ricorda che l'albero è vivo: dopo la nascita puoi cambiarlo, e ogni volta che lo cambi fai ripartire la catena. Tutto il resto della stagione è il racconto di come un albero diventa, passo dopo passo, un quadro.
Per oggi ci fermiamo qui. Abbiamo visto la prima trasformazione: dal flusso piatto di caratteri all'albero del documento, in due passi, spezzare in pezzi e costruire l'albero. Abbiamo visto la tolleranza agli errori, per cui una pagina rotta viene riparata invece che rifiutata, e abbiamo posato la pietra angolare: tutto il motore è una catena di alberi, e tu non disegni testo, metti in scena un albero vivo. Nella prossima puntata: chi decide l'aspetto. Nelle note trovi qualche spunto. Se ti è utile, condividila. Grazie per l'ascolto, e ci sentiamo alla prossima.