Javascript: introduzione e utilizzo

Javascript è un linguaggio di scripting lato client (ovvero interpretato dal vostro browser e non dal server), orientato alla realizzazione di applicazioni per dinamizzare un sito.
In sostanza per chiarirvi un po' le idee, ogni volta che per esempio tentate di accedere alla pagina di un sito, effettuate una richiesta ad un server, il quale la elabora e poi vi restituisce quanto richiesto. Questo tipo di procedura è detta lato server (proprio perché necessita dell'intervento del server) e il problema è che non è immediata, ovvero ogni volta che viene fatta una richiesta di questo tipo avviene poi un caricamento che aggiorna la pagina esistente o ne apre una nuova. Nel nostro caso invece javascript "effettua" la sua richiesta direttamente al browser, il quale al suo interno ha un interprete javascript e quindi permette di restituire dei risultati immediati senza la necessità di caricare ogni volta la pagina.

Chiarito questo concetto, osserviamo insieme subito qualche esempio di "applicazioni" javascript per renderci conto come viene utilizzato. Ad esempio, possiamo utilizzare javascript per creare menu a tendina, aprire finestre pop-up, gestire i moduli, creare effetti dinamici come elementi in movimento, effetti lampeggianti e molto altro ancora.. Insomma le applicazioni sono moltissime, vi basti girare un po sul web per capire i suoi innumerevoli utilizzi.

Come si utilizza lo javascript?
Ci sono principalmente 2 metodi per poter includere codice javascript all'interno delle nostre pagine; il primo consiste nel creare un nuovo file con estensione .js il quale poi richiameremo nella nostra pagina grazie all'apposito tag html:

<script type="text/javascript" src="nome_del_file.js" />

il secondo è quello d'inserirlo direttamente dentro la pagina stessa in questo modo:

<script><script>

Io consiglio di utilizzare il primo metodo, perché permette di lavorare meglio in quanto si separa ogni linguaggio tra di loro (html, css, javascript per esempio) e non si fa confusione.


Il primo esempio in javascript
Dopo questo breve accenno, passiamo subito ad applicare il nostro primo esempio. Create una normale pagina html (per farlo aprite un qualsiasi blocco note) e al suo interno inserite il seguente codice:


alert("Hello World")


Adesso salvate il tutto per esempio col nome prova.html e aprite la pagina con il vostro browser (va benissimo internet explorer, firefox, chrome, ecc..). Se avete fatto tutto correttamente, appena aperta la pagina vi apparirà un messaggio di allerta che vi "saluterà" con un "Hello World!".

Come creare applicazioni in javascript
In fin dei conti javascript può essere definito un linguaggio di programmazione, e come tale occorre studiarlo con attenzione per carpire ogni suo segreto.
Nei prossimi articoli andrò ad inserire via via esempi pratici, perché secondo me è proprio con la pratica che si comprende meglio.

Inconvenienti nell'utilizzo dello javascript:
Javascript può risultare si un linguaggio davvero molto utile, ma è bene chiarire subito anche quali siano i suoi difetti.

1- Essendo un linguaggio lato-client, ogni browser ha un suo modo d'interpretarlo, non sempre uguale agli altri, quindi assicuratevi sempre di testare ogni codice su più versioni diverse in modo da verificarne il corretto funzionamento.
2- Ogni persona ha la possibilità di disabilitare tale linguaggio per il proprio browser, per questo motivo prestate sempre attenzione a come lo utilizzate, in quanto se ne fate troppo affidamento molte persone potrebbero non essere in grado di navigare correttamente nel vostro sito. Tipo se create un menu a tendina con dei link a delle pagine importanti, e non vi preoccupate d'inserirli in altro modo, l'utente con gli javascript disattivati non sarà in grado di visualizzarli quindi di navigare all'interno delle pagine indicate.
3- Prestate molta attenzione al peso dei vostri script, se ne fate troppo utilizzo il peso della vostra pagina potrebbe aumentare molto provocando così fastidiosi rallentamenti del vostro sito

Conclusione:
Adesso che avete scoperto che cosa siano gli javascript potrai divertirti ad utilizzarli per arricchire le tue pagine di contenuti dinamici. Come già accennato, nei prossimi articoli vi mostrerò via via vari esempi pratici di comuni script in modo da aiutarvi a comprendere sempre più questo nuovo linguaggio.. Alla prossima


Foto d'anteprima prelevata da: http://www.videojug.com/