jQuery Mobile

Empfohlene Schulungsdauer: 2 Tage, insgesamt 16 Unterrichtsstunden à 45 Minuten

Kursziele

jQuery Mobile ist ein JavaScript-Framework auf der Basis von jQuery, welches gestenbasierte UI-Widgets mit nur einer Codebasis auf so viele mobile Endgeräte wie möglich bringt. Ansprechende Oberflächen für gleichzeitig iPhone und Android sind somit einfach umgesetzt. Gestützt auf semantischem HTML5 fügt das kompakte jQuery Mobile neue Komponenten wie Listen, Schaltflächen oder Slider hinzu und bietet zudem ein AJAX-Navigationssystem für Smartphones und Tablets. Teilnehmer des Seminars beginnen mit einer Einführung in jQuery, lernen anschließend alle Unified UI-Widgets kennen und werden in der Entwicklung von Touch-basierten Oberflächen sensibilisiert. Der Kurs schließt mit einer Diskussion der modularen Architektur von jQuery, barrierefreie Seiten und dem Theming ab.

Zielgruppe

Entwickler, die mit jQuery mobile portable und touch-basierte Oberfläche entwickeln wollen.

Kursvoraussetzungen

Gute Kenntnisse in JavaScript, grundlegende Kenntnisse in HTML und CSS, Kenntnisse in jQuery sind nicht erforderlich.

Seminarinhalte

[LOGO]

  • Aufbau einer mobilen jQuery mobile Seite

    - jQuery Lösungen: jQuery, jQuery UI, jQuery mobile, Plugins
    - Lizenzen
    - HTML-Code, Doctype, JavaScript-Dokumente
    - jQuery Einführung: DOM-Modell, Selector, Filter
    - Viewport
    - Body, Titel
    - Verweise und Multi-Page-Views

  • Komponenten und Ereignisse

    - Seite
    - Toolbars, Header, Footer, Navbars
    - Positionierung, Vollbildschirm
    - Texte anzeigen, formatieren
    - Layouts, Aus/Einfalten von Inhalten, Accordion
    - Schaltflächen, Radio-Button, Checkboxen
    - Toogle Switch, Slider
    - Texteingabe, Suchfelder
    - Menüs
    - Listen, editierbare Listen, Icons, Vorschau, Bubbles, Sucheinschränkung
    - Dialoge
    - Reagieren auf Maus/Touch/Scroll/Layout-Events

  • Links und Navigationen

    - Navigationsmodell
    - Ajax-Links
    - Nicht-Ajax-Links, Hash-Werte
    - Formulare abschicken, Backend-Kommunikation
    - Übergeben von Werten an Unterseiten
    - Back-Navigation
    - Übergänge beim Seitenwechseln (Transitionen)
    - Eigene Transitionen realisieren in CSS und JavaScript

  • Tipps und Tricks

    - Lebenszyklus einer jQuery mobile Anwendung, Initialisierungen
    - Ladezeiten reduzieren, Codereduktion
    - Vorladen von Seiten
    - Caching von Inhalten
    - Generieren von Seiten zur Laufzeit
    - Themen, ThemeRoller, Themes selbst entwerfen

Eingesetzte Seminar-Software

Browser, Texteditor, und die jeweils aktuelle Version von jQuery mobile 1.3.

Schlagwörter

Weiterführende Seminare

Eine ausführliche Darstellung der neusten Web-Standards liefern die Seminare HTML5, der neue Web-Standard und Neuerungen in CSS3. Falls Weboberflächen nicht möglich sind, und native Anwendungen zwingend werden, geben die Kurse Mobile Geräteentwicklung mit Android und iPhone und iPod Touch-Programmierung bzw. iPad Programmierung praktische Einblicke in den Entwicklungsprozess.

5
142