Le applicazioni Web hanno ormai raggiunto un livello di complessità tale da essere spesso paragonate ai classici applicativi desktop. Ormai ci si aspetta che le moderne applicazioni Web utilizzino elementi tipici come menu orizzontali, bottoni, tabs, dropdown, ecc. Elementi che in ogni progetto necessitano di essere sviluppati sia nel design che nelle funzionalità con relativi tempi e costi. Oltre a questo, le applicazioni Web possono e devono essere fruibili da qualsiasi device che abbia un browser, quindi si ha la necessità di realizzare interfacce in grado di adattare il proprio layout a qualsiasi tipo di risoluzione: smartphone, tablet, PC e televisori.
Durata 5 giorni
Programma
- Introduzione ai metalinguaggi web:
- evoluzione del metalinguaggio HTML
- struttura di una pagina HTML
- primi esempi di pagine in HTML5
- browser e supporto per HTML5.
- Nuovi elementi del linguaggio HTML5:
- elementi supportati e non supportati da HTML5
- elementi di formattazione della pagina
- elementi di formattazione del testo
- elementi interattivi
- analisi dei nuovi attributi.
- Nozioni di base dell'HTML:
- modifica e visualizzazione di un file html
- impostare la struttura del documento
- formattazione del testo
- utilizzo di elenchi e sfondi
- creazione di collegamenti ipertestuali e ancoraggi.
- Fogli stile e immagini:
- introduzione ai fogli stile
- applicare gli stili ad un documento
- layout ed effetti con CSS3
- il box model e la gestione di margini, bordi e spazio
- le media query.
- Layout di pagina e navigazione:
- mappe Immagine
- creare layout basati su Division
- i tag semantici di HTML5
- creazione, gestione e formattazione delle tabelle
- creazione, gestione e formattazione di un Form con HTML5.
- Incorporare suoni e video:
- novità HTML5 per la gestione di audio e video
- i tag <video> e <audio>.
- Inserire Javascript e contenuto esterno:
- introduzione a Javascript, novità di Javascript
- geolocalizzazione
- Web Storage
- history API.
- Bootstrap:
- download, installazione e strumenti di sviluppo
- i concetti base di Bootstrap
- novità della versione 3
- supporto dei vari browser
- componenti out-of-the-box
- le basi
- la prima pagina con Bootstrap
- il sistema a griglia
- personalizzare l'aspetto con le colonne
- applicare stili personalizzati a pulsanti, immagini e tabelle
- funzioni avanzate
- personalizzare i componenti di Bootstrap
- creazione di gallery personalizzate
- bootstrap e JavaScript.
- AngularJS:
- introduzione ai framework MVC
- l'architettura di Angular
- tutorial: Angular in azione
- controller e Markup
- controllers e scope
- built-in directives
- event directives
- filter
- two way binding
- creare e usare servizi
- introduzione ai services
- $http
- tutorial
- Routing
- introduzione al routing
- Single Page Application
- tutorial: applicazione CRUD
- Creare Custom Directives
- introduzione alle Directives
- creare una Custom Directives.
