Come collegare il codice python con HTML

Cercherò di spiegare il quadro generale, perché state confondendo il ruolo di ogni tecnologia quando si crea un sito web/webapp.

HTML è il linguaggio di markup del web. È semplicemente un linguaggio descrittivo (non di programmazione). Dichiara semplicemente i diversi elementi di una pagina web, come paragrafi, pulsanti, caselle di testo, immagini, link, ecc. C'è un altro piccolo linguaggio, CSS, che è quello usato per definire gli attributi di ogni elemento HTML; come il carattere, la dimensione, il colore, la posizione, ecc.

Così con HTML e CSS da soli puoi creare un semplice sito web statico (uno che mostra semplicemente testo e grafica).

Se vuoi qualche tipo di interattività o animazione su questi elementi, devi usare qualche tipo di linguaggio di programmazione. La prima scelta ovvia è JavaScript perché è l'unico linguaggio supportato da tutti i principali browser. Ciò significa che qualsiasi cosa codificata in JavaScript viene eseguita direttamente dal browser (nel vostro computer o telefono, non in un server lontano).

Python, d'altra parte, può essere utilizzato solo sul "lato server". Ciò significa che tutto il codice scritto in Python sarà eseguito nel server web PRIMA di inviare il codice html e css allo schermo del vostro dispositivo.

Quindi potete vedere Python come un linguaggio "pre-processore" quando si tratta di sviluppo web.

Vi farò un semplice esempio per farvi capire questo:

Vedete Google, fate una ricerca digitando "Justin Beaver" (siete dei fan, vero?) e improvvisamente, appare una nuova pagina web che mostra tutti i tipi di link a notizie e dati sul vostro idolo. Cosa è successo qui?

Molto semplice: il tuo browser ha inviato questo testo ai server di Google, dove immagazzinano miliardi di dati su tutto, una query viene eseguita sui loro enormi database, i risultati vengono estratti, formattati in un codice HTML ben strutturato, e inviati di nuovo allo schermo del tuo browser. Qui, tutta la roba pesante è gestita dai server di Google, dove questi script python eseguono tutta la magia, preparano i risultati e inviano tutto avvolto per voi al vostro schermo'dispositivo. In realtà, il vostro dispositivo non deve fare nient'altro; invia solo "Justin Beaver" e aspetta i risultati.

Tutta questa magia è codificata in un linguaggio lato server, che potrebbe essere Python o chiunque altro. Questo codice vive sul server e, come sviluppatore web, dovrai imparare la differenza tra il codice lato server e il codice lato client (JavaScript).

Come regola generale, tutto ciò che potrebbe essere fatto nativamente dal tuo telefono o pc, dovrebbe essere fatto lì, e deve essere codificato in JavaScript. Ma ogni volta che avete bisogno di accedere a dati remoti per eseguire una query sul database del vostro server o qualsiasi altra risorsa di terze parti, questo codice deve essere eseguito sul server. È qui che si inserisce Python. Python non interagisce con l'HTML. Può, se necessario, generare codice HTML basato su certe condizioni (come l'esempio di Justin Beaver).

Quindi, in poche parole, Python è usato per creare il "back-end" (il lato server della tua webapp). In questo esempio, il back-end è Google! Ma se volete creare il vostro (piccolo) back-end, potete usare Python.