Web su dispositivi mobili - jQuery Mobile

Una soluzione sarebbe sviluppare un'applicazione per ogni dispositivo e piattaforma Android, iOS, BlackBerry, Windows Phone, ecc.
L'altro sarebbe creare una versione web mobile. Un'opzione interessante è utilizzare Jquery mobile, un framework Jquery per facilitare lo sviluppo compatibile di siti Web orientati ai dispositivi mobili. Jquery è un framework javascript ampiamente utilizzato nello sviluppo di siti Web.
Uno degli obiettivi principali di Jquery mobile è che lo sviluppatore non debba combattere con i browser per la compatibilità, ma piuttosto che il framework fornisca compatibilità.
Inizieremo scaricando il framework da http://jquerymobile.com/download/ le librerie jquery e css, possiamo usarli compressi o non compressi.
Creiamo l'intestazione del web indicando le librerie che utilizzeremo

 Noleggia la tua auto 

Quindi creiamo il corpo del web, non esponiamo il css qui ma puoi dargli il formato e il design che desideri. Il framework Jqeury ha diversi componenti già programmati in modo da poter utilizzare e facilitare il compito. In questo caso useremo listview.

mini Cooper


Mercedes

Il componente listview trasforma una lista html

articolo

in una lista con l'attributo ruolo lisview

 

Elemento 1

Le librerie Jquery mobile e css hanno già predefinito il codice che trasformerà listview in un menu come quello che vedremo
L'idea quindi di un sito web di autonoleggio. Laddove l'utente seleziona l'auto che desidera e può accedere a una scheda tecnica, potrebbe essere aggiunto anche un modulo di contatto.

Vediamo come in questo caso la listview sia diventata un menu per selezionare le vetture, l'esempio è solo la home page del web. Possiamo anche verificare che funzioni su qualsiasi dispositivo mobile o computer.
Ci sono molti attributi e vantaggi che questo framework ha, un'altra possibilità per la nostra applicazione sarebbe quella di dividere in categorie usando l'attributo list-divider, ad esempio per dividere Sedan e Cabrio.

 
Berlina


mini Cooper

Cabrio


Mercedes

Le possibilità per la creazione di applicazioni sono infinite, per siti Web statici o dinamici e applicazioni di acquisizione dati.
Uno strumento molto buono e gratuito per gli sviluppatori è Netbeans poiché include tutte le librerie per sviluppare applicazioni con html5 e Jquery mobile.
Esistono vari strumenti online come http://ipadpeek.com/ per testare le applicazioni, sebbene non siano del tutto accurati poiché sono simulatori.
Possiamo vedere lo stesso esempio ma con l'attributo list-divider applicato come esempioTi è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo