|
| |
Introduzione al linguaggio Javascript -
parte quarta (anche in formato avi).
Prerequisiti: conoscenza almeno a livello elementare di un qualsiasi
linguaggio di programmazione ad alto livello (basic, pascal, C ecc.). Le basi
dell'HTML. Aver visto la prime tre parti (vedi sotto)
| Descrizione |
CONTENUTI. Programmazione degli eventi. Programmazione dell'evento onLoad di una
pagina (cambiare l'immagine sullo sfondo a seconda dell'ora del giorno). Eventi
mouseOver e mouseOut per cambiare l'aspetto della pagina entrando ed
abbandonando una form di inserimento dati. Evento onClick di una casella di
input testuale (facendo click viene eseguita in background un'animazione: gif
animata inserita in un layer che viene fatto scorrere automaticamente sotto la
form; durante lo spostamento del layer l'utente *può* continuare a lavorare);
blocco dell'animazione abbandonando il campo (evento onBlur). Evento onChange,
onFocus. Validazione finale dei dati inseriti in una form (evento onSubmit):
controlli sui campi testuali; gestione dei radioButton/checkbox: accesso al
singolo componente ed al vettore che li rappresenta in blocco; programmare una
parola per settare al doppio click su di essa (evento onDblClick) tutti i
checkbox a true. Estrazione del valore selezionato da una combobox. Scrivere
script su file separati ed includerli in tutte le pagine che si vuole. |
| Formato |
.exe (visualizzatore autoscompattante con
partenza automatica della videolezione) |
| Prelievo |
36 minuti di videolezione
click qui 27 MByte
NEW: formato AVI per utenti non Windows, click qui
|
Introduzione al linguaggio Javascript -
parte terza (anche in formato avi).
Prerequisiti: conoscenza almeno a livello elementare di un qualsiasi
linguaggio di programmazione ad alto livello (basic, pascal, C ecc.). Le basi
dell'HTML. Aver visto la prime due parti (vedi sotto)
| Descrizione |
Il DOM: rappresentazione tramite organigramma, i soliti problemi di
incompatibilità tra browser, il modello unificante (standard DOM del W3C).
L'oggetto window: cambiare da programma le dimensioni di una finestra, far
eseguire (e fermare) task paralleli con setInterval ed il metodo resizeBy (una
finestra che continua a ridimensionarsi mentre si lavora), le espressioni
condizionali, far aprire finestre pop up. L'oggetto history: esempi di accesso
ad alcune proprietà, navigare avanti e indietro tra le pagine già visitate.
L'oggetto location: esempi di accesso ad alcune proprietà (hostname, protocol
ecc.), far saltare il browser ad un indirizzo qualsiasi, forzare il
ricaricamento di una pagina. L'oggetto document e sottocontenitori (immagini,
links, forms ecc.): esempi di accesso ad alcune proprietà (cambiare da programma
il colore del testo, accesso alle immagini, dire quante sono, ingrandirne una
tramite le proprietà di un'imagine), accedere alle immagini tramite la loro
posizione o attraverso il loro nome), interagire con una form (compilare il
contenuto di una casella di testo a seconda dell'ora letta dall'orologio di
sistema tramite istanziazione di un oggetto Date). Accesso agli elementi di un
documento attraverso il loro ID (metodo getElementById). Come usare la
documentazione della Orelly incoporata in Dreamweaver o consultare un sito
(inglese) molto completo. |
| Formato |
.exe (visualizzatore autoscompattante con
partenza automatica della videolezione) |
| Prelievo |
35 minuti di videolezione
click qui 27 MByte
NEW: formato AVI per utenti non Windows, click qui
|
Introduzione al linguaggio Javascript -
parte seconda (anche in formato avi).
Prerequisiti: conoscenza almeno a livello elementare di un qualsiasi
linguaggio di programmazione ad alto livello (basic, pascal, C ecc.). Le basi
dell'HTML. Aver visto la prima parte (vedi sotto)
| Descrizione |
Rassegna degli aspetti fondamentali della sintassi Javascript. Variabili:
dichiarazione con inizializzazione, tipi di variabile, conversioni automatiche
di tipo; visibilità delle variabili: variabili globali e locali (oscuramento
delle variabili globali). Assegnamenti: operatori +=, -=, /=, *= e %=; post/pre
incremento o decremento (++ e --). Array: aggiungere dinamicamente elementi
(caricamento di valori casuali), valori undefined (null); vettori di elementi
eterogenei. Il ciclo while, il ciclo do ... while. Il costrutto if ... else;
condizioni composte con i connettivi logici: &&, ||, ! (cenni ai corrispondenti
operatori bit a bit: &, |, ~, ^) . Istruzione switch. Funzioni: function che
restituiscono o meno un valore, passaggio di parametri per valore (by value) e
per indirizzo (by reference, solo con uso di oggetti). Stringhe come oggetti:
esempi di qualche proprietà e metodo. |
| Formato |
.exe (visualizzatore autoscompattante con
partenza automatica della videolezione) |
| Prelievo |
43 minuti di videolezione
click qui 18 MByte
NEW: formato AVI per utenti non Windows, click qui
|
Introduzione al linguaggio Javascript -
parte prima (anche in formato avi).
Prerequisiti: conoscenza almeno a livello elementare di un qualsiasi
linguaggio di programmazione ad alto livello (basic, pascal, C ecc.). Le basi
dell'HTML.
| Descrizione |
Cos'è, perché e dove è utile Javascript; l'elaborazione
lato client contrapposta a quella lato server: confronto con la tecnologia ASP.
La scelta del browser: tanti standard, tanti guai ... Internet Explorer e la
famiglia Mozilla (Firefox) a confronto per lo sviluppo con Javascript: piccole
scocciature che possono nascere provando in locale le pagine quando è installato il service
pack 2 di Windows oppure è attivo un firewall (mia esperienza con Zone Alarm),
disponibilità di strumenti di debug. Un pò di chiarezza: Javascript, Java,
LiveScript, JScript, VBScript sono tutte cose diverse. La prima pagina con
Javascript: il metodo alert; gli errori più comuni che si possono commettere;
usare la console Javascript di Firefox per il debug. Virgolette ed apici con le
stringhe. Esempio di accesso ad un oggetto Javasctipt built in: l'oggetto Math
(uso del generatore casuale di numeri). Il ciclo for (far impazzire sullo
schermo la finestra del browser). Cenni all'oggetto document ed al metodo write. Un esempio d'uso
dell'oggetto body: cambiare in modo casuale con un ciclo il colore dello sfondo
della pagina visualizzata nel browser. |
| Formato |
.exe (visualizzatore autoscompattante con
partenza automatica della videolezione) |
| Prelievo |
42 minuti di videolezione
click qui 21 MByte
NEW: formato AVI per utenti non Windows, click qui
|
|
