Web auf Mobilgeräten – jQuery Mobile

Eine Lösung wäre die Entwicklung einer Anwendung für jedes Gerät und jede Plattform Android, iOS, BlackBerry, Windows Phone usw.
Die andere wäre, eine mobile Webversion zu erstellen. Eine interessante Option ist die Verwendung von Jquery mobile, einem Jquery-Framework, um die kompatible Entwicklung von mobilorientierten Websites zu erleichtern. Jquery ist ein Javascript-Framework, das in der Website-Entwicklung weit verbreitet ist.
Eines der Hauptziele von Jquery mobile ist, dass der Entwickler nicht mit Browsern um Kompatibilität kämpfen muss, sondern dass das Framework Kompatibilität bietet.
Wir beginnen mit dem Herunterladen des Frameworks von http://jquerymobile.com/download/ die jquery- und css-Bibliotheken, wir können sie komprimiert oder unkomprimiert verwenden.
Wir erstellen den Header des Webs, der die Bibliotheken angibt, die wir verwenden werden

 Mieten Sie Ihr Auto 

Dann erstellen wir den Body des Webs, wir stellen das CSS hier nicht zur Verfügung, aber Sie können ihm das gewünschte Format und Design geben. Das Jqeury-Framework hat bereits verschiedene Komponenten programmiert, damit wir die Aufgabe verwenden und erleichtern können. In diesem Fall verwenden wir listview.

Mini Cooper


Mercedes

Die listview-Komponente transformiert eine HTML-Liste

Artikel

in einer Liste mit dem Rollenattribut lisview

 

Element 1

Jquery Mobil- und CSS-Bibliotheken haben bereits den Code vordefiniert, der die Listenansicht in ein Menü wie das, das wir sehen werden, umwandelt
Die Idee dann einer Autovermietungswebsite. Wo der Benutzer sein Wunschauto auswählt und zu einem technischen Datenblatt gehen kann, könnte auch ein Kontaktformular hinzugefügt werden.

Wir sehen, wie in diesem Fall die Listenansicht zu einem Menü zur Auswahl der Autos geworden ist, das Beispiel ist nur die Homepage des Webs. Wir können auch überprüfen, ob es auf jedem mobilen Gerät oder auf Computern funktioniert.
Es gibt viele Attribute und Vorteile, die dieses Framework hat, eine andere Möglichkeit für unsere Anwendung wäre die Aufteilung in Kategorien mit dem List-Divider-Attribut, um beispielsweise Limousine und Cabrio zu unterteilen.

 
Limousine


Mini Cooper

Cabrio


Mercedes

Die Möglichkeiten zur Erstellung von Anwendungen sind endlos, für statische oder dynamische Websites und Datenerfassungsanwendungen.
Ein sehr gutes und kostenloses Tool für Entwickler ist Netbeans, da es alle Bibliotheken enthält, um Anwendungen mit HTML5 und Jquery Mobile zu entwickeln.
Es gibt verschiedene Online-Tools wie http://ipadpeek.com/ zum Testen von Anwendungen, obwohl sie nicht ganz genau sind, da es sich um Simulatoren handelt.
Wir sehen das gleiche Beispiel, aber mit dem List-Divider-Attribut als BeispielHat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben