Sitzungsaufgaben zu jQuery Mobile

Aufgabe 1

Laden Sie bitte das heutige Startpaket herunter und extrahieren Sie das Zip-Archiv in Ihren Arbeitsordner.

Aufgabe 2

Ergänzen Sie die HTML-Datei 01_jqmobilefirststeps.htm um folgende Angaben:

  • Ergänzen Sie die Autorangabe um Ihren Namen.
  • Verknüpfen Sie Ihr HTML-Dokument mit dem jQuery Mobile Stylesheet, das sich im Ordner css befindet.
  • Binden Sie die beiden JavaScript-Dateien jquery.min.js und jquery.mobile.min.js ein. Achten Sie bitte darauf, zuerst jQuery und anschließende jQuery Mobile einzubinden.
  • Ergänzen Sie den Kopfbereich Ihres HTML-Dokumentes um die folgende Viewport-Angabe:
<meta name="viewport" content="width=device-width, initial-scale=1">

Aufgabe 3

Erstellen Sie mit jQuery Mobile bitte eine Web App, die über Ihre Lieblingsschriftstellerin / Ihren Lieblingsschriftsteller oder SportlerIn oder MusikerIn oder Superhelden / Superheldin oder Ihr Lieblingsbuch oder Ihr Haustier [oder oder oder …] informiert. Ihre Web App besteht aus mindestens fünf Seiten, die miteinander über Hyperlinks verknüpft sind.

Experimentieren Sie mit weiteren Elementen, die Ihnen jQuery Mobile bereitstellt: Bauen Sie Icons, Buttons, Popups und andere Elemente ein. Tipp: Eine praktische Übersicht über die Möglichkeiten  von jQuery Mobile bieten die Tutorials unter http://www.w3schools.com/jquerymobile/default.asp.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.