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 lo usano.
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 che viene normalmente utilizzato per il markup del contenuto è HTML sebbene XHTML possa essere utilizzato anche se non è necessario che le pagine funzionino in Internet Explorer.
Hamza TArkkol / Getty ImagesL'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 essere necessario includere 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 aver compilato e inviato un modulo, viene inviata una richiesta 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 che il visitatore ha di interagire con la pagina è compilando il modulo e aspettando il caricamento di una nuova pagina.
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 è più necessario che il visitatore compili un intero modulo e lo invii per essere informato che hanno fatto un refuso nel primo campo e devono inserirlo nuovamente. Con JavaScript, è possibile convalidare ciascuno dei campi quando vengono inseriti e fornire un feedback immediato in caso di errore.
Tetra Images / Getty ImagesJavaScript 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 dover 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.
L'integrazione di JavaScript in una pagina Web consente di migliorare l'esperienza del visitatore convertendola da una pagina statica in una pagina in grado di interagire con essa. 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.