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

Presentazione sul tema: "INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web."— Transcript della presentazione:

1 INTRODUZIONE

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

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

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

5 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.

6 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".

7 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.

8 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.

9 Prima di addentrarci in argomenti complessi, iniziamo ad esplorare le strutture fondamentali di javascript.

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

11 DOVE INSERIRLO

12 Siccome javascript non è HTML, devi avvertire il browser che hai aggiunto javascript a una pagina in HTML. Questo si fa usando il tag.

13 Il browser si servirà di e per capire dove inizia e finisce la parte di javascript.

14 Guarda questo esempio:

15 La Mia Pagina Javascript alert("Benvenuto nel mio mondo!!!");

16 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.

17 Se inseriamo il comando "alert" tra i tag e il browser lo riconoscerà come un comando javascript.

18 Se non avessimo inserito i tag, il browser avrebbe considerato la parola "alert" come semplice testo, e lo avrebbe riportato sullo schermo.

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

20 IL PRIMO PROGRAMMA

21 Sapere che javascript deve essere inserito tra i tag, è già un inizio. Ma ci sono altre cose da imparare prima di poter iniziare a scrivere con javascript:

22 Le righe in javascript terminano sempre con punto e virgola.

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

24 Comunque, così facendo, impediresti una visione d'insieme del tuo programma, e ciò non è consigliabile.

25 Metti sempre il testo tra " ".

26 Le lettere maiuscole sono diverse dalle minuscole.

27 Per esempio, un comando javascript si chiama onMouseOver.

28 Scrivendo invece Onmouseover, sarebbe come se avessi scritto qwHETweriuh, perché javascript non lo capisce.

29 L'uso non corretto delle maiuscole è probabilmente l'errore più comune per i programmatori di javascript a tutti i livelli!!

30 Guarda adesso questo esempio :

31 Invece di scrivere javascript in una casella sullo schermo, potremmo scriverlo direttamente nel documento.

32 La Mia Pagina Javascript document.write("Benvenuto nel mio mondo!!!");

33 Il comando javascript document.write dice al browser che ciò che segue all'interno delle parentesi dovrà essere scritto nel documento.

34 L'esempio di programma che hai appena visto si vedrebbe così sulla tua pagina: Benvenuto nel mio mondo!!!

35 Guarda questo esempio per capire dove javascript scrive il testo:

36 La Mia Pagina Javascript Ciao!!! document.write("Benvenuto nel mio mondo!!!"); Buon divertimento...

37 Ecco quello che si vedrà sullo schermo:

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

39 Come puoi vedere, javascript inserisce semplicemente il testo nel punto in cui il programma è sistemato all'interno dei codici HTML.

40 Un aspetto interessante è che puoi inserire tutti i tipi di tag HTML nelle pagine web con il metodo document.write.