Web pe dispozitive mobile - jQuery Mobile

O soluție ar fi dezvoltarea unei aplicații pentru fiecare dispozitiv și platformă Android, iOS, BlackBerry, Windows Phone etc.
Cealaltă ar fi crearea unei versiuni web mobile. O opțiune interesantă este utilizarea Jquery mobile, un cadru Jquery pentru a facilita dezvoltarea compatibilă a site-urilor web orientate spre mobil. Jquery este un cadru javascript utilizat pe scară largă în dezvoltarea site-urilor web.
Unul dintre obiectivele principale ale Jquery mobile este că dezvoltatorul nu trebuie să lupte cu browserele pentru compatibilitate, ci mai degrabă că cadrul oferă compatibilitate.
Vom începe prin descărcarea cadrului de pe http://jquerymobile.com/download/ bibliotecile jquery și css, le putem folosi comprimate sau necomprimate.
Creăm antetul web indicând bibliotecile pe care le vom folosi

 Închiriați-vă mașina 

Apoi creăm corpul web, nu expunem css-ul aici, dar îi puteți oferi formatul și designul dorit. Cadrul Jqeury are diferite componente deja programate, astfel încât să putem utiliza și facilita sarcina. În acest caz vom folosi listview.

mini Cooper


Mercedes

Componenta listview transformă o listă html

articol

într-o listă cu atributul de rol lisview

 

Elementul 1

Bibliotecile Jquery Mobile și CSS au predefinit deja codul care va transforma listview într-un meniu precum cel pe care îl vom vedea
Ideea atunci a unui site de închirieri auto. În cazul în care utilizatorul selectează mașina pe care o dorește și poate merge la o fișă tehnică, ar putea fi adăugat și un formular de contact.

Vedem cum, în acest caz, listview a devenit un meniu pentru a selecta mașinile, exemplul este doar pagina de pornire a web-ului. De asemenea, putem verifica dacă funcționează pe orice dispozitiv mobil sau pe computere.
Există multe atribute și avantaje pe care le are acest cadru, o altă posibilitate pentru aplicația noastră ar fi împărțirea în categorii folosind atributul list-divider, de exemplu pentru a împărți Sedan și Cabrio.

 
Sedan


mini Cooper

Cabrio


Mercedes

Posibilitățile de creare a aplicațiilor sunt nelimitate, pentru site-uri web statice sau dinamice și aplicații de captare a datelor.
Un instrument foarte bun și gratuit pentru dezvoltatori este Netbeans, deoarece include toate bibliotecile pentru a dezvolta aplicații cu html5 și Jquery mobile.
Există diverse instrumente online, cum ar fi http://ipadpeek.com/ pentru a testa aplicațiile, deși nu sunt în totalitate exacte, deoarece sunt simulatoare.
Putem vedea același exemplu, dar cu atributul list-divider aplicat ca exempluV-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv