Ciao, e benvenuto nella prima puntata di questo podcast. Oggi partiamo dall'inizio, da zero: cos'è davvero la programmazione per il Web, come funziona un sito quando lo apri, e da dove puoi cominciare se vuoi scrivere il tuo primo codice. Niente cose date per scontate: costruiamo insieme una mappa mentale, un pezzo alla volta.
Se hai sempre sentito parole come frontend, backend, server e API senza avere un quadro chiaro di come si incastrano, sei nel posto giusto. Alla fine di questa puntata avrai le idee molto più chiare, e soprattutto saprai qual è il primo passo concreto da fare.
Cominciamo da una domanda semplice: cosa succede, esattamente, quando digiti un indirizzo nel browser e premi invio? Sembra istantaneo, ma dietro c'è una piccola conversazione tra due parti.
Il tuo browser, che chiamiamo client, manda una richiesta a un computer sempre acceso da qualche parte nel mondo, che chiamiamo server. È come entrare in un bar e ordinare: tu chiedi qualcosa, e qualcun altro te lo prepara e te lo porta. Questa conversazione avviene seguendo regole precise, un linguaggio comune chiamato protocollo HTTP.
La tua richiesta dice, in sostanza: dammi la pagina che si trova a questo indirizzo. Il server la riceve, capisce cosa vuoi, e risponde. Nella risposta c'è il contenuto della pagina, insieme a un piccolo codice che dice se è andato tutto bene. È lì che nasce il famoso errore quattrocentoquattro, che significa semplicemente: questa cosa che cerchi, qui, non c'è.
Tieni a mente questa immagine: c'è sempre qualcuno che chiede, il client, e qualcuno che risponde, il server. Praticamente tutto il Web è fatto di questo scambio, ripetuto miliardi di volte al secondo.
Una volta che la pagina arriva al browser, di cosa è fatta? Qui entriamo nel frontend, cioè tutto ciò che vedi e con cui interagisci: testi, immagini, pulsanti, colori, animazioni. Il frontend è costruito con tre tecnologie, e la cosa più utile che puoi imparare oggi è che fanno tre lavori diversi.
La prima è l'HTML. L'HTML è la struttura, lo scheletro della pagina. Dice: qui c'è un titolo, qui un paragrafo, qui un'immagine, qui un elenco. Non si occupa di come appare, ma solo di cosa c'è e in che ordine.
La seconda è il CSS. Il CSS è l'aspetto: i colori, i caratteri, gli spazi, la disposizione degli elementi, cosa succede quando la finestra si restringe sul telefono. Se l'HTML è lo scheletro, il CSS è l'abito.
La terza è JavaScript. JavaScript è il comportamento: rende la pagina viva. Quando clicchi un pulsante e succede qualcosa, quando un menu si apre, quando un modulo ti avvisa che hai dimenticato un campo, quello è JavaScript. È l'unico dei tre che è un vero linguaggio di programmazione, con logica, condizioni e ripetizioni.
Un modo semplice per ricordarli: l'HTML è cosa c'è, il CSS è come appare, JavaScript è cosa fa. Tre ruoli distinti, che lavorano insieme nella stessa pagina.
Fin qui abbiamo parlato di ciò che succede nel browser. Ma per molti siti c'è un'altra metà della storia, che vive sul server: il backend.
Pensa a un negozio online. Le pagine che vedi sono il frontend, ma i prezzi, i prodotti disponibili, il tuo ordine, il tuo account: tutte queste informazioni devono essere conservate e gestite da qualche parte. Questo è il lavoro del backend, la logica e i dati che stanno dietro le quinte.
Il backend è scritto con linguaggi che girano sul server. Ce ne sono molti: per esempio PHP, Python, Go, oppure JavaScript lato server. Non è importante quale scegli all'inizio; è importante capire cosa fa: riceve richieste, elabora, decide, e risponde.
E i dati dove finiscono? In un database. Un database è un archivio ordinato, pensato per salvare informazioni e ritrovarle in fretta: gli utenti registrati, gli articoli di un blog, gli episodi di un podcast. Quando ricarichi la pagina e le tue cose sono ancora lì, è perché un database le ha conservate.
E l'API? Ne avrai sentito parlare. Un'API è semplicemente il modo in cui il frontend e il backend si parlano. È un insieme di punti di accesso ben definiti: il frontend chiede la lista degli episodi, l'API risponde con i dati, di solito in un formato ordinato che le macchine leggono facilmente. È il cameriere tra la sala e la cucina: prende le ordinazioni e porta i piatti, senza che i due mondi debbano conoscersi nei dettagli.
A questo punto una domanda pratica: cosa ti serve, davvero, per iniziare? Meno di quanto pensi. Ti bastano tre cose, e le hai quasi certamente già.
La prima: un editor di testo per scrivere codice, e ne esistono di gratuiti e ottimi. La seconda: un browser, che hai già, ed è anche il tuo strumento di prova. La terza, spesso ignorata dai principianti: gli strumenti per sviluppatori integrati nel browser, che ti mostrano com'è fatta qualsiasi pagina e cosa sta succedendo sotto. Aprili su un sito qualunque e comincia a curiosare: è uno dei modi migliori per imparare.
E allora, da dove si comincia in concreto? Il mio consiglio è uno solo, ed è il più importante di tutta la puntata: comincia dal frontend, e comincia costruendo.
Scrivi una pagina HTML semplicissima, con un titolo e un paragrafo. Aprila nel browser. Poi aggiungi un po' di CSS e cambiale colore. Poi un po' di JavaScript per far succedere qualcosa al clic. Piccoli passi, ma reali, tuoi, che funzionano davanti ai tuoi occhi.
C'è una trappola in cui cadono quasi tutti: guardare tutorial all'infinito senza mai scrivere una riga di codice propria. Si ha l'impressione di imparare, ma la comprensione vera arriva solo quando costruisci qualcosa e sbatti contro i problemi. Sbagliare, cercare, correggere: è lì che si impara a programmare.
Quindi scegli un progetto piccolo, magari anche banale, ma che ti diverte: la tua pagina personale, la lista dei film che vuoi vedere, qualsiasi cosa. E portalo a termine. Non dev'essere bello, dev'essere finito.
Per oggi ci fermiamo qui. Abbiamo messo insieme la mappa: client e server che si parlano, il frontend fatto di HTML, CSS e JavaScript, il backend con la sua logica, il database che conserva i dati, e le API che fanno da ponte. Nelle prossime puntate entreremo in ognuno di questi mondi con calma.
Trovi tutti i link e le risorse nelle note dell'episodio. Se questa puntata ti è stata utile, il modo migliore per aiutarmi è condividerla con qualcuno che sta muovendo i primi passi. Grazie per l'ascolto, e ci sentiamo alla prossima.