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 |
|
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 |
|
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 |
|
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 |
|
Gruppo sul Riordino Istituti Tecnici
25-01-11:
Nuova raccolta di esercizi c++ (completi di flow chart) VAI
08/10/11:
Nuova Videolezione classi prime: Word - parte prima scarica
04/09/11:
Nuova scheda lavoro C++ - realizzare il gioco del TRIS VAI
07/08/11:
Nuovo videoesercizio - Word: Immagini da Internet, callout, forme VAI
17/07/11:
Nuova guida: impara a programmare con Game Maker VAI
25/04/10:
Nuovo esercizio oop / late binding VAI
11/04/10:
Videoesercizio OOP / ereditarieta' e late binding: VAI