Nei primi anni 90, alla nascita del World Wide Web (www) era possibile descrivere le pagine web solamente tramite il linguaggio HTML (Hyper Text Markup Language). L’HTML forniva risultati piacevoli, testo e immagini che potevano essere arricchiti con collegamenti ipertestuali che rimandavano ad altri contenuti, creando una vera e propria rete di informazioni. Ricordo che allora (ebbene sì c’ero già), abituati ai soli libri di carta e qualche documento elettronico salvato su floppy assistemmo ad una e vera propria rivoluzione! Dopo un giustificato entusiasmo iniziale si capì che si poteva fare molto di più! Perchè le pagine web potevano diventare più dinamiche, interattive, insomma un vero e proprio software intelligente. Da questa necessità nasce l’idea di affiancare ad HTML, che era un linguaggio semplicemente di impaginazione, un linguaggio di scripting vero e proprio, in grado di gestire eventi, eseguire calcoli e dare dinamicità alla navigazione. Il nome JavaScript fu ispirato dal già esistente linguaggio di programmazione Java di Sun Microsistem. Nella realtà fu solo una mossa commerciale in quanto JavaScript con Java non c’entra nulla…
Prima di iniziare il corso tenete presente che darò per scontato che il lettore abbia una buona conoscenza di HTML.
Vediamo come incorporare il codice nella pagina web:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> <style type="text/css"> ... codice CSS ... </style> <script language="javascript"> /* Questo è un commento, non verrà elaborato e posso scriverlo su più righe */ // Questo è un commento su una riga unica ... codice JavaScript ... </script> </head> <body> ... contenuto della pagina Web ... </body> </html>
Solitamente JavaScript trova posto tra i tag HTML – head -, ma può trovarsi anche all’interno del tag – body -.
Una pratica più professionale vuole che richiamiamo il codice da un file esterno come di seguito:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> <style type="text/css"> ... codice CSS ... </style> <script type="text/javascript" src="esempio.js"></script> </head> <body> ... contenuto della pagina Web ... </body> </html>
Qualunque metodo venga utilizzato il codice nativo sarà scaricato nel computer del navigatore ed eseguito direttamente all’interno del Browser. Per questo motivo si dice che JavaScript opera sul lato Client, da distinguere dal lato Server che è l’elaboratore a cui accediamo per leggere il sito. Il vantaggio principale è che mentre navighiamo possiamo leggere tutto il codice sorgente JavaScript, il lato negativo è che non potremo in alcun modo proteggerlo.
