Sviluppare siti web per  dispositivi mobile - domande

Prima serie

1. Cosa si intende con “Responsive Web Design”?

- Sviluppo di applicazioni adattive ai dispositivi perlopiú con tecnologie client side - Sviluppo di applicazioni adattive ai dispositivi con tecnologie perlopiú con tecnologie server side
- Sviluppo con codice nativo del dispositivo mobile di riferimento: iOS, Android, Windows Phone etc.
- Sviluppo di applicazioni ibride (codice nativo e non) che utilizzano tecnologie web

2. Quali aspetti impattano sull’usabilità e design dell’interazione e devono essere considerati quando si sviluppa una applicazione responsive?

- risoluzione, orientazione, possibilità di accesso ai sensori del dispositivo, obiettivi e contesto d’uso dell’applicazione
- risoluzione ed orientazione del dispositivo - nessuno, su desktop e mobile si offre la stessa esperienza d’uso - è essenziale seguire dei design pattern consolidati

3. Che cos’è un “grid system”?

- un sistema a griglia utilizzato in molti framework CSS3 responsive
- il sistema che Bootstrap utilizza per creare applicazioni adottive
- un modo di sviluppare applicazioni web attraverso l’uso di tabelle
- un modo di progettare una applicazione web con un programma grafico

4. Quali sono i formati web per una corretta gestione del font? 

- eot, woff, ttf/otf, svg
- eot, svg, ttf, svg
- eot, woff, ttf/otf, svg, gif
- woff, ttf/otf, svg, gif

5. Qual’è la risoluzione di un iphone 4s, un iphone 5/5c/5s e un iphone 6?

- 640x960, 640x1136, 750x1334
- 320x480, 640x960, 640x1136
- 640x960,  640x1136, 1242x2208
- 640x960,  640x1136, 1080x1920

6. Quale di questi metadati è scritto correttamente?

- <meta name=“viewport” content=“width=device-width, initial-scale=1”>
- <meta name=“mobile” content=“viewport”>
-  <meta name=“viewport” content=“actual-scale=1”>
- <meta name=“viewport” content=“width=device-width; initial-scale=1”>

7. Se volessi impedire ad un utente di fare lo zoom su una applicazione web, quale sintassi dovrei usare?

- maximum-scale=1.0
- max-scale=1.0
- scalable=false
- initial-scale=1.0

8. A cosa serve il seguente markup su una applicazione web mobile:
<meta name="viewport" content="width=device-width, initial-scale=1">

- Setta la larghezza della finestra del browser alla grandezza dello screen del dispositivo e lo zoom a 0.
- A modificare la larghezza del document della pagina.
 -A dare metainformazioni relative all'applicazione.
- A fare zoom su una pagina.

9. Con quale meta tag si specifica l'icona di una applicazione su iOS?

- apple-touch-icon
- apple-icon
- mobile-icon
- apple-mobile-icon

10. A cosa serve html5shiv?

- consente lo styling di tag HTML5 nelle versioni di Internet Explorer antecedenti la 9.0
- è un file javascript per l'ottimizzazione mobile
- è un file che consente accesso ai sensori del device
- consente di fissare alcuni errori di visualizzazione in Internet Explorer 6

Seconda serie

1. Con quale regola o regole CSS rendo una immagine responsive?

- max-width: 100%;
- width: 100%;
- width: 100%, margin:0 auto;
- width:100%; height: 100%;

2. Quante e quali soluzioni conoscete per rendere una immagine responsiva?

- 2 soluzioni: CSS e cookies
- 2 soluzioni: cookies e CSS
- 3 soluzioni: CSS, cookies ed oggetto del BOM screen per calcolare largehezza device e spazio disponibile
- solo i CSS

3. Cosa significa questa espressione: @media print and (max-width: 1024px)?

- definsice un set di regole css per dispositivi la cui risoluzione sia minore di 1024px da applicare nel momento in cui si manda un documento multimediale in stampa
- definsice un set di regole css di visualizzazione per dispositivi la cui risoluzione sia minore di 1024px da applicare 
- stampa il documento a 1024px di risoluzione
- visualizza il documento ad un massimo di 1024px

4. Quali di queste sono possibile misure per gestire in modo responsivo il font?

- em, rem, %
- pt, em, rem, %
- pt, em, px, %
- rem, %

5. Qual'è la differenza principale fra rem ed em 

- i rem sono grandezze relative alla root della pagina html, gli em al parent
- non ci sono differenze, i rem sono solo la versione aggiornata della specifica em
- i rem sono grandezze relative alla paren, gli em alla root della pagina html 
- gli em sono grandezze relative, i rem assolute

6. Da quali classi di grandezze è composto il d=grid-system di bootstrap?

- col-sm, col-xs, col-md, col-lg
- col-xxs, col-xs, col-sm, col-md, col-lg
- col-xxs, col-xs, col-sm, col-md, col-lg, colxlg, colxxlg
- col-sm, col-md, col-lg

7. Cosa significa in Bootstrap questa espressione: col-xs-12 col-sm-6 ?

- distribuisci l'elemento su 12 colonne per device con risoluzione < 768px e distribuisci l'elemento su 6 colonne per device con risoluzione >= 768px
- distribuisci l'elemento su 12 colonne per device con risoluzione < 992px e distribuisci l'elemento su 6 colonne per device con risoluzione >= 992px
- distribuisci l'elemento su 12 colonne per device con risoluzione < 320px e distribuisci l'elemento su 6 colonne per device con risoluzione >= 480px
- manda l'elemento a piena pagina se su smartphone, visualizzalo al 50% della grandezza su un tablet

8 Quali tipi di container per la gestione del grid-system esistono in bootstrap?

- container e container-fluid
- fluid-container e container
- bs-container e bs-fluid-container
- solo container

9. Con quale finalità si può impiegare l'oggetto html5 'window.localStorage'?

- Salvare coppie nome/valore sul client per consentire all'applicazione la persistenza dei dati.
- Salvare coppie nome/valore sul server per consentire all'applicazione la persistenza dei dati.
- Per leggere la quantità di spazio disponibile nella finestra del browser.
- Per controllare la directory nella quale vengono salvati i file.

10. Qual'è la funzione esatta per ricavare lat e long attraverso GPS in javascript?

- Navigator.geolocation.getCurrentPosition
- Navigator.geolocation
- Window.location
- Window.location.origin