eBook Gratis

I volumi della collana Fondamenti di sono strutturati per un facile apprendimento:

• Moduli - Ogni argomento e' suddiviso in moduli organizzati in modo logico e coerente, ideali per l'auto-apprendimento.
• Esercitazione flash - Le rapide sezioni di auto-verifica permettono di verificare i propri progressi.
• Verifica finale - Al termine di ogni modulo si verificano le conoscenze acquisite tramite domande a risposta breve, a risposta multipla e a completamento.
• Domande all'esperto - Le sezioni "domanda e risposta" ampiamente diffuse nel libro, forniscono informazioni aggiuntive addizionali e utili suggerimenti.
• Progetti - Gli esercizi pratici dimostrano come applicare le competenze acquisite.
• Sintassi commentata - I codici di esempio sono correlati da commenti che descrivono le tecniche di programmazioni illustrate.

Introduzione

1 Introduzione a JavaScript
Che cosa e' necessario sapere
Elementi di base del linguaggio HTML
Che cosa sono gli editor di testi e i browser Web
Quale versione?
Attenzione, JavaScript non e' Java
Analogie con altri linguaggi
Introduzione a JavaScript
Linguaggio a oggetti
Linguaggio per il lato client
Linguaggio script
Conclusioni
Risorse online
Progetto 1-1 Usare JavaScript per scrivere del testo
Passo dopo passo
Conclusioni del progetto
Modulo 1 – Verifica

2 Inserimento di codice JavaScript in un file HTML
Uso dei tag HTML SCRIPT
Identificazione del linguaggio script
Chiamata di script esterni
Nascondere il codice JavaScript per i browser meno recenti
Creazione del primo script
Realizzazione di uno script “Hello World”
Creazione di un documento HTML per lo script
Inserimento dello script in un documento HTML
Progetto 2-1 Inserimento di uno script in un documento HTML
Passo dopo passo
Conclusioni del progetto
Uso di file JavaScript esterni
Creazione di un file JavaScript
Creazione dei file HTML
Visualizzazione delle pagine nel browser
Progetto 2-2 Chiamata di uno script esterno da un documento HTML
Passo dopo passo
Conclusioni del progetto
Uso dei commenti JavaScript
Inserimento di commenti su una riga
Aggiunta di commenti su piu' righe
Modulo 2 – Verifica

3 Uso delle variabili
Che cosa sono le variabili
A che cosa servono le variabili
Risparmio di tempo
Le variabili chiariscono il significato del codice
Definizione delle variabili per gli script
Dichiarazione di variabili
Come assegnare un valore a una variabile
Denominazione delle variabili
I vari tipi di variabili
Numeri
Stringhe
Valori booleani
Valori nulli
Progetto 3-1 Dichiarazione di variabili
Passo dopo passo
Conclusioni del progetto
Uso delle variabili negli script
Come richiamare una variabile
Come aggiungere variabili a una stringa di testo
Realizzazione di una pagina in JavaScript
Creazione di una struttura di base
Definizione delle variabili
Aggiunta dei comandi
Modifica della pagina
Progetto 3-2 Creazione di una pagina HTML con JavaScript
Passo dopo passo
Conclusioni del progetto
Modulo 3 – Verifica

4 Uso delle funzioni
Che cos’e' una funzione
A che cosa servono le funzioni
La struttura delle funzioni
Dichiarazione delle funzioni
Definizione del codice delle funzioni
Denominazione delle funzioni
Utilizzo dei parametri nelle funzioni
Aggiunta di istruzioni return a una funzione
Chiamata delle funzioni da uno script
Chiamata di una funzione nella sezione HEAD
Chiamata di una funzione nella sezione BODY
Richiamare una funzione da un’altra funzione
Chiamate di funzioni con parametri
Uso delle istruzioni return nelle funzioni
Progetto 4-1 Creazione di una pagina HTML contenente funzioni
Passo dopo passo
Conclusioni del progetto
Conclusioni
Progetto 4-2 Scrivere nuove funzioni
Passo dopo passo
Conclusioni del progetto
Modulo 4 – Verifica

5 Gli operatori JavaScript
I vari tipi di operatori
Gli operatori matematici
L’operatore di somma (+)
L’operatore di sottrazione (–)
L’operatore di moltiplicazione (*)
L’operatore di divisione (/)
L’operatore di modulo (%)
L’operatore di incremento (++)
L’operatore di decremento (– –)
L’operatore di negazione unaria
Gli operatori di assegnamento
L’operatore di assegnamento (=)
L’operatore di somma e assegnamento (+=)
L’operatore di sottrazione e assegnamento (-=)
L’operatore di moltiplicazione e assegnamento (*=)
L’operatore di divisione e assegnamento (/=)
L’operatore di modulo e assegnamento (%=)
Progetto 5-1 Modificare il valore di una variabile
Passo dopo passo
Conclusioni del progetto
Gli operatori di confronto
L’operatore di uguaglianza (= =)
L’operatore di disuguaglianza (!=)
L’operatore maggiore (>)
L’operatore minore (<)
L’operatore maggiore o uguale (>=)
L’operatore minore o uguale (<=)
L’operatore di uguaglianza esatta (= = =)
L’operatore di disuguaglianza esatta (!= =)
Gli operatori logici
L’operatore AND (&&)
L’operatore OR (||)
L’operatore NOT (!)
Gli operatori sui bit
Operatori speciali
L’ordine delle operazioni
Progetto 5-2 Vero o falso?
Passo dopo passo
Conclusioni del progetto
Modulo 5 – Verifica

6 Istruzioni condizionali e cicli
Le istruzioni condizionali
Perche' sono così utili le istruzioni condizionali
Uso delle istruzioni condizionali
Uso dei blocchi if/else
Uso dell’istruzione switch
Progetto 6-1 Realizzazione di un blocco if/else
Passo dopo passo
Conclusioni del progetto
I cicli
Che cos’e' un ciclo?
Perche' sono utili i cicli
Uso dei cicli
I cicli for
I cicli while
Il ciclo do while
Progetto 6-2 Uso dei cicli for e while
Passo dopo passo
Conclusioni del progetto
Modulo 6 – Verifica

7 I gestori di eventi
Che cos’e' un gestore di eventi?
Perche' i gestori di eventi sono così utili
Posizionamento e utilizzo dei gestori di eventi
Posizionamento dei gestori di eventi
Uso dei gestori di eventi
Progetto 7-1 Creazione di un pulsante
Passo dopo passo
Conclusioni del progetto
Che cosa sono i gestori di eventi
L’evento click (onClick)
L’evento mouseover (onMouseOver)
L’evento mouseout (onMouseOut)
L’evento load (onLoad)
L’evento unload (onUnload)
L’evento focus (onFocus)
L’evento blur (onBlur)
L’evento change (onChange)
L’evento submit (onSubmit)
Progetto 7-2 Invio di messaggi d’allarme tramite eventi
Passo dopo passo
Conclusioni del progetto
Altri eventi
L’evento abort (onAbort)
L’evento error (onError)
L’evento keydown (onKeyDown)
L’evento keypress (onKeyPress)
L’evento keyup (onKeyUp)
L’evento mousedown (onMouseDown)
L’evento mouseup (onMouseUp)
L’evento mousemove (onMouseMove)
L’evento move (onMove)
L’evento reset (onReset)
L’evento resize (onResize)
L’evento select (onSelect)
Creazione di script utilizzando i gestori di eventi
Il contenuto della barra di stato
Un collegamento ipertestuale su un pulsante
Progetto 7-3 Uso delle proprieta' status e location della finestra
Passo dopo passo
Conclusioni del progetto
Modulo 7 – Verifica

8 Gli oggetti
Gli oggetti
Che cos’e' un oggetto?
Perche' sono utili gli oggetti
Creazione di nuovi oggetti
Denominazione
La struttura degli oggetti
Aggiunta di metodi
Istruzioni per la manipolazione degli oggetti
Progetto 8-1 Creare un oggetto
Passo dopo passo
Conclusioni del progetto
Gli oggetti predefiniti di JavaScript
L’oggetto navigator
Progetto 8-2 Utilizzo dell’oggetto predefinito navigator
Passo dopo passo
Conclusioni del progetto
Modulo 8 – Verifica

9 L’oggetto document
Che cos’e' l’oggetto document
Uso delle proprieta' dell’oggetto document
La proprieta' activeElement
La proprieta' alinkColor
La proprieta' anchors (array)
La proprieta' applets (array)
La proprieta' bgColor
La proprieta' charset
La proprieta' classes
La proprieta' cookie
La proprieta' defaultCharset
La proprieta' designMode
La proprieta' dir
La proprieta' doctype
La proprieta' documentElement
La proprieta' domain
La proprieta' embeds (array)
La proprieta' expando
La proprieta' fgColor
La proprieta' fileCreatedDate
La proprieta' fileModifiedDate
La proprieta' fileSize
La proprieta' formName
La proprieta' forms (array)
La proprieta' ids
La proprieta' images (array)
La proprieta' implementation
La proprieta' lastModified
La proprieta' layers (array)
La proprieta' all
La proprieta' linkColor
La proprieta' links (array)
La proprieta' parentWindow
La proprieta' plugins (array)
La proprieta' protocol
La proprieta' readyState
La proprieta' referrer
La proprieta' tags
La proprieta' title
La proprieta' uniqueID
La proprieta' URL
La proprieta' URLUnencoded
La proprieta' vlinkColor
La proprieta' XMLDocument
La proprieta' XSLDocument
Progetto 9-1 Uso delle proprieta' per creare una pagina
Passo dopo passo
Conclusioni del progetto
Uso dei metodi dell’oggetto document
Il metodo getElementById()
Il metodo getSelection()
I metodi open() e close()
Il metodo write()
Il metodo writeln()
Progetto 9-2 Estensione dello script di base
Passo dopo passo
Conclusioni del progetto
Modulo 9 – Verifica

10 L’oggetto window
Introduzione all’oggetto window
Uso delle proprieta' dell’oggetto window
La proprieta' closed
La proprieta' defaultStatus
La proprieta' frames (array)
La proprieta' length
La proprieta' location
La proprieta' name
La proprieta' opener
La proprieta' parent
La proprieta' self
La proprieta' status
La proprieta' top
Progetto 10-1 Uso della proprieta' location dell’oggetto window
Passo dopo passo
Conclusioni del progetto
Uso dei metodi dell’oggetto window
Il metodo alert()
Il metodo confirm()
Il metodo find()
Il metodo home()
Il metodo print()
Il metodo prompt()
Il metodo open()
Il metodo close()
Il metodo blur()
Il metodo focus()
Il metodo moveBy()
Il metodo moveTo()
Il metodo resizeBy()
Il metodo resizeTo()
Il metodo scrollBy()
Il metodo scrollTo()
Il metodo setInterval()
Il metodo clearInterval()
Il metodo setTimeout()
Il metodo clearTimeout()
Progetto 10-2 Creazione di una nuova finestra
Passo dopo passo
Conclusioni del progetto
Modulo 10 – Verifica

11 Gli array in JavaScript
Che cos’e' un array
Perche' sono utili gli array
Definizione e accesso a un array
Denominazione
Definizione di un array
Accesso agli elementi di un array
Altri modi per definire un array
Le proprieta' e i metodi dell’oggetto Array
Le proprieta'
Metodi
Uso dei cicli sugli array
Creazione degli elementi di un array
Spostamenti all’interno degli array
Progetto 11-1 Cicli e array
Passo dopo passo
Conclusioni del progetto
Uso degli array associativi
Che cosa sono gli array associativi
Accesso agli array associativi
Progetto 11-2 Uso degli array associativi
Passo dopo passo
Conclusioni del progetto
Modulo 11 – Verifica

12 Gli oggetti Math, Number e Date
Uso dell’oggetto Math
Che cos’e' l’oggetto Math?
In quale modo puo' essere utile l’oggetto Math
Metodi
Progetto 12-1 Visualizzazione di un collegamento ipertestuale casuale... 352
Passo dopo passo
Conclusioni del progetto
L’oggetto Number
Proprieta'
Metodi
Uso dell’oggetto Date
Proprieta'
I metodi
Metodi che restituiscono valori
Metodi che impostano valori
Altri metodi
Progetto 12-2 Creazione di un orologio JavaScript
Passo dopo passo
Conclusioni del progetto
Modulo 12 – Verifica

13 Manipolazione delle stringhe
Introduzione all’oggetto String
L’oggetto String
I letterali stringa
Qual e' la differenza?
Uso delle proprieta' dell’oggetto String
La proprieta' constructor
La proprieta' length
La proprieta' prototype
Uso dei metodi dell’oggetto String
Il metodo anchor()
Il metodo big()
Il metodo blink()
Il metodo bold()
Il metodo charAt()
Il metodo charCodeAt()
Il metodo concat()
Il metodo fixed()
Il metodo fontcolor()
Il metodo fontsize()
Il metodo fromCharCode()
Il metodo indexOf()
Il metodo italics()
Il metodo lastIndexOf()
Il metodo link()
Il metodo match()
Il metodo replace()
Il metodo search()
Il metodo slice()
Il metodo small()
Il metodo split()
Il metodo strike()
Il metodo sub()
Il metodo substr()
Il metodo substring()
Il metodo sup()
Il metodo toString()
Il metodo toLowerCase()
Il metodo toUpperCase()
Progetto 13-1 Uso di charAt() per trovare la prima lettera
Passo dopo passo
Conclusioni del progetto
Conclusioni
Progetto 13-2 Uso di indexOf() per controllare un indirizzo
Passo dopo passo
Conclusioni del progetto
Modulo 13 – Verifica

14 JavaScript e i moduli (form)
Accesso ai moduli
Uso di un array di form
Uso del nome dei form
Uso delle proprieta' e dei metodi dell’oggetto form
Le proprieta' dell’oggetto form
I metodi dell’oggetto form
Convalida
onSubmit e l’istruzione return
Tecniche
Progetto 14-1 Che ore sono?
Passo dopo passo
Conclusioni del progetto
Uso dei form per attivita' di navigazione
Navigazione con caselle di selezione
Pulsanti di navigazione
Progetto 14-2 Script di navigazione a caselle di selezione
Passo dopo passo
Conclusioni del progetto
Modulo 14 – Verifica

15 JavaScript e i frame
Un’introduzione ai frame
Lo scopo dei frame
Il codice contenente i frame
Opzioni per l’utilizzo dei frame
Accesso ai frame
L’array frames
Denominazione dei frame
Cambiare il contenuto di un frame
Cambiare il contenuto di un unico frame
Cambiare il contenuto di piu' frame
Progetto 15-1 Cambiare i frame
Passo dopo passo
Conclusioni del progetto
Navigazione nei frame
Uso di una casella di selezione nei frame
Problemi con i frame
Rinviare gli utenti alla pagina a frame
L’uso delle variabili su piu' frame
Progetto 15-2 Uso delle variabili
Passo dopo passo
Conclusioni del progetto
Modulo 15 – Verifica

16 Tecniche avanzate di programmazione JavaScript
Debugging degli script
I vari tipi di errori
Uso delle espressioni regolari
Creazione di espressioni regolari
Confronto fra stringhe ed espressioni regolari
Aggiunta di flag
Creazione di schemi piu' potenti
Sostituzione di parti di una stringa
Progetto 16-1 Convalida di un indirizzo Web
Passo dopo passo
Conclusioni del progetto
Uso dei cookie
Impostazione di un cookie
Lettura di un cookie
Progetto 16-2 Memorizzazione di un nome
Passo dopo passo
Conclusioni del progetto
Utilizzo delle immagini
Precaricamento
I rollover
Progetto 16-3 Creazione di un sistema di navigazione a immagini
Passo dopo passo
Conclusioni del progetto
La sicurezza in JavaScript
Sicurezza e script firmati
Protezione della pagina
Modulo 16 – Verifica
Indice analitico