Esistono diversi luoghi in cui è possibile utilizzare JavaScript, ma il luogo più comune per utilizzarlo è in una pagina Web. In effetti, per la maggior parte delle persone che usano JavaScript, in una pagina web è l'unico posto dove la usano.
Le tre lingue di un sito Web
Il primo requisito di una pagina Web è definire soddisfare della pagina web. Questo viene fatto usando un linguaggio di markup che definisce quali sono le parti componenti del contenuto. Il linguaggio normalmente utilizzato per il markup del contenuto è HTML, sebbene XHTML possa essere utilizzato anche se non è necessario che le pagine funzionino in Internet Explorer.
L'HTML definisce qual è il contenuto. Se scritto correttamente, non viene fatto alcun tentativo di definire l'aspetto del contenuto. Dopotutto, il contenuto dovrà apparire diverso a seconda del dispositivo utilizzato per accedervi. I dispositivi mobili hanno generalmente schermi più piccoli rispetto ai computer. Le copie stampate del contenuto avranno una larghezza fissa e potrebbe non richiedere l'inclusione di tutta la navigazione. Per le persone che ascoltano la pagina, sarà come la pagina viene letta piuttosto che l'aspetto che deve essere definita.
Il aspetto di una pagina Web viene definita utilizzando i fogli di stile a cascata che specificano a quali supporti si applicano i comandi specifici, quindi i contenuti vengono formattati in modo appropriato per il dispositivo.
Utilizzando solo queste due lingue è possibile creare pagine Web statiche che saranno accessibili indipendentemente dal dispositivo utilizzato per accedere alla pagina. Queste pagine statiche possono interagire con il tuo visitatore attraverso l'uso di moduli. Dopo che un modulo è stato compilato e inviato, una richiesta viene rispedita al server in cui viene creata una nuova pagina Web statica e infine scaricata nel browser.
Il grande svantaggio di pagine Web come questa è che l'unico modo in cui il visitatore ha di interagire con la pagina è compilando il modulo e aspettando il caricamento di una nuova pagina.
Aggiungi JavaScript per pagine dinamiche
JavaScript traduce la tua pagina statica in una che può interagire con i tuoi visitatori senza che debbano attendere il caricamento di una nuova pagina ogni volta che fanno una richiesta. JavaScript aggiunge comportamento alla pagina Web in cui la pagina risponde alle azioni senza dover caricare una nuova pagina per elaborare la richiesta.
Non fa più il tuo visitatore è necessario compilare un intero modulo e inviarlo per essere informato che hanno fatto un refuso nel primo campo e che è necessario inserirlo nuovamente. Con JavaScript, è possibile convalidare ciascuno dei campi quando vengono inseriti e fornire un feedback immediato in caso di errore.
JavaScript consente inoltre alla tua pagina di essere interattiva in altri modi che non coinvolgono affatto i moduli. È possibile aggiungere animazioni alla pagina che attirino l'attenzione su una parte specifica della pagina o che rendano la pagina più facile da usare. È possibile fornire risposte all'interno della pagina Web a varie azioni intraprese dal visitatore in modo da evitare la necessità di caricare nuove pagine Web per rispondere. Puoi anche fare in modo che JavaScript carichi nuove immagini, oggetti o script nella pagina web senza bisogno di ricaricare l'intera pagina. Esiste persino un modo per JavaScript di inoltrare le richieste al server e gestire le risposte dal server senza dover caricare nuove pagine.
Incorporazione di JavaScript in una pagina Web ti consente di migliorare l'esperienza dei tuoi visitatori convertendola da una pagina statica in una che può interagire con loro. Una cosa importante da ricordare è che non tutti coloro che visitano la tua pagina avranno JavaScript e quindi la tua pagina dovrà comunque funzionare per coloro che non hanno JavaScript. Usa JavaScript per far funzionare meglio la tua pagina per chi ce l'ha.