La tecnologia alla base delle interfacce utente per il web 2.0
Con l’avvento del web 2.0 i siti hanno smesso di essere un semplice insieme di documenti per diventare degli strumenti interattivi con tanto di animazioni ed interfaccia utente.
Sempre più spesso oltre che di qualità dei contenuti, che rimane il principale strumento per il SEO ed il web marketing sui social network, si parla di esperienza dell’untente (user experience o IX) in riferimento all’usabilità di un sito, alla sua interfaccia utente, alla sua fruibilità.
Per realizzare una user experience dinamica ed accattivante occorre operare al livello di browser (lato client) ed il modo più utilizzato ed universale è, al momento, l’uso di programmi scritti in JavaScript.
Il Javascript presenta degli indubbi vantaggi rispetto alle tecnologie IX usate in precedenza, ad esempio FLASH: è disponibile per qualsiasi piattaforma, consente interazione complesse con l’utente, non richiede costosi strumenti di sviluppo.
Unito alla libreria oper source JQuery consente lo sviluppo di interfacce multipiattaforma e con una gestione unificata degli eventi.
In quest’ottica è pensato questo corso, ideale completamento ed ampliamento dei corso introduttivi al php ed all’HTML.
Per informazioni ed iscrizioni: Giorgio Mancuso – info@casaumanista.org – Tel: 3356695959
Finalità del corso
Lo scopo del corso è quello di fornire, a chi vi partecipa, le conoscenze di base sul Javascript e sulla libreria JQuery per realizzare semplici interfacce utente basate sull’HTML oppure comprendere ed eventualmente modificare interfacce fatte da altri. Verranno inoltre fornite conoscenze di base sulla programmazione.
Prerequisiti dei partecipanti
Capacità d’uso del PC o Mac e conoscenza di base sull’uso di programmi di videoscrittura quali MS Word od OpenOffice.
Esperienza nella navigazione internet attraverso un qualsiasi browser (Internet Explorer, Firefox, Chrome ecc.).
E’ importante la conoscenza di base dell’HTML e la disponibilità di un PC o Mac portatile con connessione wireless da usare durante il corso
Modalità
Il corso si articola in sei lezioni di un paio d’ore ciascuna, in presenza od in remoto a seconda di quanto stabilito.
Il corso è riservato ai soci ed ai sostenitori di Orizzonti in liberta odv, Per partecipare occorre iscriversi.
L’insegnante
Giorgio Mancuso si occuperà di tenere il corso.
Giorgio gestisce i siti casaumanista.org, lacomunita.net, lacomunitamondiale.org e vari siti commerciali tutti basati su Joomla (1.5, 2.5 e 3) e WordPress
Ha realizzato e formato i webmaster di diversi siti.
Programma
Il programma può subire delle modifiche per questioni didattiche
Lezione 1: Introduzione e strumenti di lavoro
- Cos’è il JavaScirpt
- Browser e JavaScript
- JavaScript ed html
- L’ambiente di sviluppo in Windows: Strumenti per sviluppatori ed Notepad++
- I tag HTML//
- I commenti
- la sintassi di base
- la funzione alert
- Il primo programma: ciao mondo
Lezione 2: Introduzione alla programmazione
- L’algoritmo e sua rappresentazione
- I vari tipi di programmazione: strutturata, modulare, orientata agli oggetti
- Le strutture di controllo: sequenza, selezione, interazione
- Le variabili in Javascript
- Tipi di dati e loro rappresentazione
- Espressioni ed operatore di assegnazione
- Sintassi Javascript per le costanti
- Strutture di controllo del flusso
- Esercitazione: scrivere un programma per il calcolo di n3, n!
Lezione 3: Funzioni, programmazione ad oggetti, DOM
- Le funzioni
- Includere programmi esterni nella pagina HTML
- La programmazione orientata agli oggetti
- Perchè programmare ad oggetti
- La programmazione ad oggetti nel Javascript
- Il DOM e l’interazione con Javascript
- Esercitazione
Lezione 4: jQuery
- Cos’è JQuery
- Perché usare jQuery
- Includere jQuery nelle proprie pagine
- L’oggetto $
- Il selettore
- I principali metodi dell’oggetto $
- Gestire gli eventi con jQuery
- Esercitazione pratica
Lezione 5: json, ajax, jQuery UI
- Il trasferimento di dati tra applicazioni: lo standard json
- Le richieste asincrone: lo standard ajax
- L’implementazione di ajax in jQuery
- La libreria jQuery UI per la creazione di interfacce utente avazate
- Esercitazione pratica
Lezione 6: Approfondimenti ed applicazioni
- Il framework bootstrap per interfacce utente responsive
- Approfondimenti sugli argomenti trattati nel corso
- Esercitazione pratica