29-30 marzo 2012. 2 giornate da 7 ore l'una per un totale di 14 ore.

DATA: 29-30 marzo 2012.
DURATA: 2 giornate da 7 ore l'una per un totale di 14 ore.
ORARI: 9:30-13:30 / 14:30-17:30 (il primo giorno si può optare per iniziare la lezione alle 10 e finire alle 18 così da favorire eventuali studenti che arrivino da più lontano).
SEDE: CENTRO SIMONAZZI, Via Turri 55/A, Reggio Emilia (vicinissimo alla stazione dei treni!!!).
COSTO: 500 euro (IVA esclusa).

IMPORTANTE: E' NECESSARIO PORTARE IL PROPRIO PORTATILE.

OBIETTIVI DEL 'WORKSHOP': il corso, decisamente innovativo e unico nel suo genere per metodologia di insegnamento, ha come obiettivo principale quello di fornire agli studenti, le conoscenze per realizzare e sviluppare un intero sito 'web' con i nuovi 'standard': il linguaggio di 'markup' HTML 5, 'Cascading Style Sheet' con integrazioni CSS3 per la gestione della visualizzazione dei contenuti e il linguaggio di 'scripting' JavaScript per la gestione dei comportamenti e dell'interazione. Va sottolineato, per la gioia dello studente (ma anche per quella del docente visto l'argomento particolarmente bello da insegnare), che verranno sfruttate le librerie jQuery per ottenere effetti di transizione, animazioni e dissolvenze!

Inizialmente ci concentreremo sulla progettazione di un sito 'web' ragionando sulla sua struttura e sulle sezioni in cui sarà suddiviso, dopodichè passeremo alla pratica sfruttando le tecnologie sopra citate.
Più nel dettaglio lo sviluppo del sito verrà organizzato in 8 moduli prinicpali:

1 MODULO.
- studio e progettazione della struttura utilizzata per un sito 'web' in HTML 5;
- definizione del 'doctype' e studio dei 'metadata';
- panoramica sui principali nuovi 'tag' di HTML 5 e importanza del loro valore semantico;
- creazione e personalizzazione di elementi 'HEADER','NAV','SECTION','ARTICLE','TIME','ASIDE','FOOTER','MARK','VIDEO';
- fondamenti di JavaScript e jQuery;

2 MODULO: REALIZZAZIONE DELLA 'HOME PAGE'.
- creazione del codice HTML secondo le specifiche HTML 5;
- realizzazione e applicazione di fogli di stile esterni con regole comuni a tutte le pagine del sito;
- introduzione di specifiche regole di stile all'interno della 'home page';
- creazione di un menu di navigazione in HTML 5 (che si ripeterà anche in tutte le altre pagine);
- inserimento di immagini;
- creazione, tramite jQuery, di effetti di scorrimento applicati ad aree di contenuti;
- creazione, tramite jQuery, di effetti di assolvenza/dissolvenza applicati ad aree di contenuti;
- creazione, tramite jQuery, di effetti di assolvenza/dissolvenza combinati ad effetti di scorrimento, applicati ad aree di contenuti;
- utilizzo di diversi eventi di interazione per far eseguire effetti jQuery;
- il codice JavaScript verrà analizzato nel dettaglio;

3 MODULO: REALIZZAZIONE DELLA PAGINA 'ABOUT'.
- creazione del codice HTML secondo le specifiche HTML 5;
- applicazione di fogli di stile esterni con regole comuni a tutte le pagine del sito;
- introduzione di specifiche regole di stile all'interno della pagina 'about';
- suddivisione dei contenuti in aree opportune per la creazione di un 'accordion' interattivo con JavaScript;
- il codice JavaScript verrà analizzato nel dettaglio;

4 MODULO: REALIZZAZIONE DELLA PAGINA 'SLIDE SHOW'.
- creazione del codice HTML secondo le specifiche HTML 5;
- applicazione di fogli di stile esterni con regole comuni a tutte le pagine del sito;
- introduzione di specifiche regole di stile all'interno della pagina 'slide show';
- creazione, tramite jQuery, di una galleria di immagini, sia temporizzata che interattiva, sfruttando opportuni 'tag' e regole di stile;
- il codice JavaScript verrà analizzato nel dettaglio;

5 MODULO: REALIZZAZIONE DELLA PAGINA 'CANVAS 1'.
- creazione del codice HTML secondo le specifiche HTML 5;
- applicazione di fogli di stile esterni con regole comuni a tutte le pagine del sito;
- introduzione di specifiche regole di stile all'interno della pagina 'canvas 1';
- inserimento di un'area 'CANVAS' all'inerno del flusso HTML;
- sviluppo e studio di codice JavaScript per disegnare in 'run-time' all'interno di un'area 'CANVAS';
- sviluppo e studio di codice JavaScript per generare animazioni temporizzate all'interno di un'area 'CANVAS';
- sviluppo e studio del codice JavaScript utile per l'applicazione e gestione di aree cromatiche sia piene che sfumate all'interno di un'area 'CANVAS';
- il codice JavaScript verrà analizzato nel dettaglio;

6 MODULO: REALIZZAZIONE DELLA PAGINA 'WHO WE ARE'.
- creazione del codice HTML secondo le specifiche HTML 5;
- applicazione di fogli di stile esterni con regole comuni a tutte le pagine del sito;
- introduzione di specifiche regole di stile all'interno della pagina 'who we are';
- creazione, tramite jQuery, di effetti di transizione sequenziale applicati ad aree di contenuti;
- sviluppo di effetti di 'shake' di elementi HTML 5 con jQuery;
- il codice JavaScript verrà analizzato nel dettaglio;

7 MODULO: REALIZZAZIONE DELLA PAGINA 'MEDIA'.
- panoramica sui 'video container' e sui 'video codec';
- creazione del codice HTML secondo le specifiche HTML 5;
- applicazione di fogli di stile esterni con regole comuni a tutte le pagine del sito;
- introduzione di specifiche regole di stile all'interno della pagina 'media';
- panoramica sui 'video container' e sui 'video codec';
- introduzione alle API HTML 5 per video e audio;
- inserimento di video nel flusso HTML;
- gestione di tracce video con JavaScript;
- inserimento di audio nel flusso HTML;
- gestione di tracce audio con JavaScript;

A CHI E' RIVOLTO QUESTO 'WORKSHOP'?: a tutte le persone che hanno voglia di cominciare a studiare i nuovi 'standard' per la produzione di siti 'web'.
Per la sua particolare natura innovativa è perfetto per tutti coloro che vogliano aggiornarsi e rimanere al passo coi tempi che, come potete notare, corrono rapidissimi!!!
E' un corso base, accessibile a tutti, anche a chi si affaccia al mondo 'web' per la prima volta...e tanto vale farlo dalla porta principale :).
Vi aspetto numerosi ed entusiasti!!!

REQUISITI: tutto il codice potrà essere scritto nell''editor' che preferite. Anche Notepad per intenderci!
Il corso non verte su uno specifico strumento per la scrittura del codice, ma focalizza l'attenzione unicamente sui contenuti!
Questo è molto vantaggioso, soprattutto per lo studente che potrà concentrarsi sull'apprendimento delle nozioni usando il 'sofware' preferito.
Per sperimentare gli esercizi fatti a lezione è doveroso avere installato sul proprio portatile 'browser' che supportino le nuove specifiche. Il progetto che verrà sviluppato e studiato a lezione sfrutta largamente i nuovi 'tag' e le nuove semantiche HTML 5 per cui sono ESCLUSI, a priori, 'browser' che non 'capiscono', per intenderci, 'tag' come '<section>', '<article>', il nuovo 'doctype', ecc.

MI ISCRIVO SUBITO!

LA FORMAZIONE DI QUALITA' FIRMATA LOOKAHEAD TRAINING SU APP STORE!

Scarica gratuitamente su App Store 'iBonaCorsi', per rimanere sempre aggiornato, ovunque tu sia, sui corsi/'workshop'/eventi firmati Lookahead Training!