LAP514

Responsive Web Design e Web Development

Corso Gold
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.
Il tuo IPv4: 44.223.37.137

Newsletter

Nome:
Email: