In linea di principio, ogni sito web è costruito sulla base di 3 tecnologie; HTML, CSS e Javascript. HTML si occupa dell'ordinamento delle diverse parti componenti del sito, CSS del modo in cui queste parti vengono visualizzate e Javascript attività complesse come rispondere alle azioni dell'utente.
En articoli precedenti Avevamo spiegato che si trattava di un framework CSS e fornito un elenco dei migliori che possiamo usare in Linux. In che modo il ruolo di Javascript è un po 'più difficile da spiegare, faremo una piccola introduzione all'argomento, prima di commentare i suoi quadri.
Linguaggio di programmazione Javascript. Una piccola introduzione
Cos'è Javascript?
Javascript è un linguaggio di programmazione originariamente creato per impedire alle pagine web di essere statiche, anche se oggi il suo utilizzo si è diffuso in settori che non hanno nulla a che fare con il web.
Li programmi scritti in Javascript sono chiamati script e vengono eseguiti all'interno di una macchina virtuale nota come motore Javascript.
Tutti i browser moderni includono la loro versione del motore Javascript
Per la sicurezza degli utenti, browser diversi pongono limiti a ciò che può fare il codice Javascript. Ad esempio, l'accesso a file critici sul disco. Tuttavia, questo può essere ulteriormente limitato nelle opzioni di configurazione di ciascuno.
Il funzionamento del codice Javascript all'interno di una pagina web è il seguente:
- Il motore Javascript incorporato nel browser legge il codice.
- Il codice viene convertito in linguaggio macchina.
- La macchina esegue il codice.
Essendo un linguaggio di programmazione, Javascript può eseguire attività come queste:
- Memorizza le informazioni all'interno delle variabili.
- Gestisci le stringhe di testo.
- Esegui programmi che rispondono a eventi come fare clic su un collegamento.
Le capacità di Javascript aumentano attraverso l'uso di API (Application Programming Interfaces)
Le API sono librerie di programmi create per attività specifiche che libera lo sviluppatore dal dover riscrivere il codice esistente. Nel caso di Javascript possiamo parlare di due tipi di APIS
Api del browser
Funzionano all'interno del browser e rispondono all'ambiente. Abbiamo, ad esempio:
Document Object Model (DOM): Consente di apportare modifiche al codice HTML e CSS della pagina in risposta a determinati eventi. Questo è il caso dei siti web che ci consentono di vedere come apparirebbe una pagina su diversi dispositivi.
API di geolocalizzazionea: Viene utilizzato per rilevare la posizione dell'utente e rispondere di conseguenza. Ad esempio, viene utilizzato da Netflix per sapere quali contenuti puoi vedere nel tuo paese o da Google Maps per mostrarti dove ti trovi.
Canvas e WebGL: Sono ideali per la stampa di grafica 2d e 3d
API multimediali: Consentono la trasmissione e la ricezione di contenuti multimediali da una pagina web.
API di terze parti
I diversi servizi web cercano di ottenere più utenti (e in alcuni casi più informazioni da quegli utenti per venderle). Ecco perché creare interfacce di programmazione in modo che gli sviluppatori possano integrare le funzionalità che questi servizi forniscono a siti esterni. Questo è ad esempio il caso di quelle pagine web che ti consentono di registrarti con il tuo account Google o Facebook.
Come funziona il codice Javascript all'interno di un sito web
Prima di tutto, bisogna chiarirlo ogni script javascript viene eseguito all'interno del proprio ambiente di runtime. C'è un ambiente di esecuzione per ogni scheda (se apriamo siti diversi all'interno della stessa finestra) o per finestre diverse se preferiamo. In nessun caso sono interrelati tra loro o, come abbiamo detto, con il sistema operativo senza l'intervento attivo dell'utente.
Primie carica il codice HTML della pagina web e viene creato un modello a oggetti del documento in modo che possa essere visualizzato nel browser. Gli elementi da allegare vengono quindi caricati alla pagina come supporto, immagini e fogli di stile. Infine, gli stili vengono assegnati alle diverse parti della pagina come determinato dai fogli di stile.
Una volta che tutto questo è finito, è quando il motore Javascript si avvia seguendo la sequenza sopra menzionata.
Nel nostro prossimo articolo andiamo con l'elenco promesso di framework per Javascript.