Responsive Web Design

Labfortraining
A Roma

Chiedi il prezzo
Vuoi parlare del corso con un consulente?
Confronta questo corso con altri simili
Leggi tutto

Informazione importanti

  • Corso
  • Roma
  • 36 ore di lezione
Descrizione


Rivolto a: Il corso è rivolto a tutti coloro che vogliono approfondire le tecniche per costruire layout che si adattano al dispositivo con cui vengono visualizzati e che desiderano imparare a realizzare Web Apps per SmartPhone e Tablet.

Informazione importanti
Sedi

Dove e quando

Inizio Luogo
Consultare
Roma
Via Pasquale Revoltella, 85, 00152, Roma, Italia
Visualizza mappa

Programma

HTML5 e CSS3

  • La sintassi proprietaria di Safari e Mozilla
  • Fare animazioni con le proprietà CSS Animation e Transition
  • I tag semantici HTML5
  • Gestione di audio e video
  • Progettare video for everyone
  • La Geolocation

Sviluppo di applicazioni mobili

  • Tipi di applicazioni mobili: applicazioni native e applicazioni web
  • Regole di usabilità di una interfaccia per mobile
  • Da un layout a colonne ad un layout monocolonna
  • Realizzare layout elastici

Responsive Web Design

  • La raccomandazione del W3C: Mobile Web Application Best Practices
  • Principali browser per i dispositivi mobili (Safari, Mozilla Firefox, Opera, Dolphin Browser HD)
  • Introduzione al 'Responsive Design'
  • Definire i breakpoint con le media queries
  • Impostare Script e Markup HTML per un progetto "responsive"
  • Il meta tag 'viewport'
  • Stili per il mobile: layout, dimensioni, font
  • Stili per il mobile: la navigazione
  • Riconoscere un dispositivo mobile (JavaScript o CSS Media queries)
  • Usare i dispositivi mobili: telefono e geolocalizzazione
  • Ottimizzare un layout per tablet e desktop – impostare il breakpoint a 768px
  • Ottimizzare contenuti web per iphone, iPad e Android
  • Orientare lo schermo: landscape e portrait
  • Lavorare per il desktop – impostare il breakpoint a 1024px

jQueryMobile – creare web app

  • Caratteristiche del framework
  • Le piattaforme mobili supportate
  • Dimensioni principali dei layout
  • Gestione dei layout: a griglie e a colonne
  • Definizione della navigazione
  • Struttura di una pagina singola
  • Struttura di una pagina multi-scheda
  • Gestione dei link: back linking, local, internal linked "pages", external page linking

Struttura della pagina

  • Gestire finestre, schede e barre
  • Apertura di schede
  • Gestione degli effetti di transizione: slide, pop, fade, flip
  • I temi e la loro personalizzazione
  • Gestione delle finestre di dialogo
  • Tipi di toolbar: header bars e footer bars
  • Aggiunta di pulsanti di navigazioni sulle barre

Pulsanti e barre di navigazione

  • Navbar e la gestione delle icone sulla navbar
  • Utilizzare la persistent footer nav bar
  • Creare pulsanti e icone
  • Il set di icone da utilizzare e come posizionarle
  • Personalizzare le icone
  • Personalizzare un tema
  • Gestione dei gruppi di pulsanti
  • Pulsanti di tipo online
  • Gestione di contenuti collapsible

Le liste e i moduli

  • Le list view, basic list, nested list, numbered list, list dividers, split button list
  • Search filter bar
  • I nuovi campi form: url, tel, email, number, date
  • Creare uno slider e un flip toggle switch
  • Radio button, checkbox e select
  • Gli altri campi moduli

Gestione degli elementi multimediali

  • Gestione di audio, video e pdf
  • I formati supportati
  • Gestire una fotogallery in stile iPhone
  • Nuovi eventi e metodi associati allo schermo touch

Confronta questo corso con altri simili
Leggi tutto