INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri...

40
INTRODUZIONE

Transcript of INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri...

Page 1: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

INTRODUZIONE

Page 2: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Page 3: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Con javascript si possono creare delle piccole applicazioni, come la calcolatrice o giochetti molto semplici.

Page 4: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Comunque, si può usare javascript per degli scopi più seri:

Page 5: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Rivelazione del Browser

•Rivela il tipo di browser usato dal visitatore della pagina. A seconda del tipo, viene scaricata un'altra pagina appositamente preparata per quel browser.

Page 6: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Cookies

•Immagazzina informazioni nel computer del visitatore, e rimanda le stesse informazioni automaticamente quando il visitatore torna sulla stessa pagina. Questa tecnica si chiama "cookies".

Page 7: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Controllo dei Browser

•Apre le pagine in finestre personalizzate, dove viene specificato se i bottoni, la riga del menù, la riga dello status del browser debbano essere presenti.

Page 8: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Convalida dei Form

Convalida ciò che viene inserito nei field prima di inviare un form.Un esempio potrebbe essere la convalida di un indirizzo email inserito; viene cercato all'interno dell'indirizzo il simbolo @. Se il simbolo non viene trovato, l'indirizzo viene considerato non valido.

Page 9: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Prima di addentrarci in argomenti complessi, iniziamo ad esplorare le strutture

fondamentali di javascript.

Page 10: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Questo corso comprende tutte le cose essenziali che devi conoscere per costruire e personalizzare i tuoi

programmi.

Page 11: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

DOVE INSERIRLO

Page 12: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Siccome javascript non è HTML, devi avvertire il browser che hai aggiunto

javascript a una pagina in HTML. Questo si fa usando il tag <script>.

Page 13: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Il browser si servirà di <script language="javascript"> e </script> per capire dove inizia e

finisce la parte di javascript.

Page 14: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Guarda questo esempio:

Page 15: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

<html><head><title>La Mia Pagina Javascript</title></head><body><script language="javascript">alert("Benvenuto nel mio mondo!!!");</script></body></html>

Page 16: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

La parola alert ("attenzione") è un comando standard javascript che fa spuntare sullo schermo una casella-allarme. Il visitatore dovrà cliccare sul bottone "OK" della casella per poter procedere.

Page 17: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Se inseriamo il comando "alert" tra i tag <script language="javascript"> e </script> il browser lo riconoscerà come un comando javascript.

Page 18: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Se non avessimo inserito i tag <script>, il browser avrebbe

considerato la parola "alert" come semplice testo, e lo avrebbe riportato

sullo schermo.

Page 19: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

In un documento puoi usare javascript sia nella sezione <head> che in quella <body>. In generale, comunque è consigliabile limitarsi il più possibile alla sezione <head>.

Page 20: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

IL PRIMO PROGRAMMA

Page 21: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Sapere che javascript deve essere inserito tra i tag <script>, è già un

inizio. Ma ci sono altre cose da imparare prima di poter iniziare a

scrivere con javascript:

Page 22: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Le righe in javascript terminano sempre con punto e virgola.

Page 23: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Puoi facilmente mettere tutto il javascript che ti serve su una singola riga senza alterarne le prestazioni.

Page 24: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Comunque, così facendo, impediresti una visione d'insieme del tuo

programma, e ciò non è consigliabile.

Page 25: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Metti sempre il testo tra " ".

Page 26: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Le lettere maiuscole sono diverse dalle minuscole.

Page 27: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Per esempio, un comando javascript si chiama

onMouseOver.

Page 28: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Scrivendo invece Onmouseover, sarebbe come

se avessi scritto qwHETweriuh, perché javascript non lo capisce.

Page 29: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

L'uso non corretto delle maiuscole è probabilmente

l'errore più comune per i programmatori di javascript a

tutti i livelli!!

Page 30: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Guarda adesso questo esempio:

Page 31: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Invece di scrivere javascript in una casella sullo schermo,

potremmo scriverlo direttamente nel documento.

Page 32: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

<html><head><title>La Mia Pagina Javascript</title></head><body><script>document.write("Benvenuto nel mio mondo!!!");</script></body></html>

Page 33: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Il comando javascript document.write dice al browser che ciò che segue

all'interno delle parentesi dovrà essere scritto nel documento.

Page 34: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

L'esempio di programma che hai appena visto si vedrebbe così sulla tua

pagina:

Benvenuto nel mio mondo!!!

Page 35: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Guarda questo esempio per capire dove javascript scrive il testo:

Page 36: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

<html><head><title>La Mia Pagina Javascript</title></head>

<body>Ciao!!!<br><script>document.write("Benvenuto nel mio mondo!!!");</script>Buon divertimento...<br></body></html>

Page 37: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Ecco quello che si vedrà sullo schermo:

Page 38: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Ciao!!!Benvenuto nel mio mondo!!!Buon divertimento...

Page 39: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Come puoi vedere, javascript inserisce semplicemente il testo nel punto in cui il

programma è sistemato all'interno dei codici HTML.

Page 40: INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Un aspetto interessante è che puoi inserire tutti i tipi di tag HTML nelle

pagine web con il metodo document.write.