O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Web-Apps mit jQuery Mobile

Book Description

  • Erstes deutsches jQuery-Mobile-Buch, das alles enthält, was man zum Einstieg benötigt.+ Durchgehendes Beispiel

Table of Contents

  1. Cover
  2. Titel
  3. Impressum
  4. Inhaltsverzeichnis
  5. Vorwort
    1. Was erwartet Sie in diesem Buch?
    2. An wen richtet sich dieses Buch?
    3. Wie ist dieses Buch aufgebaut?
    4. Quellcode und App
    5. Danksagung
  6. 1 Die Whisky-App
    1. 1.1 Szenario
    2. 1.2 Der Ergonomie-Workshop
      1. 1.2.1 Was macht eine gute App aus?
      2. 1.2.2 Designelemente
        1. Den Platz nutzen
        2. Menü-Ersatz
        3. Eingabeelemente
        4. Eingabehilfen
      3. 1.2.3 Zusammenfassung
    3. 1.3 Ein Story-Board für die Whisky-APP
      1. 1.3.1 Anforderungen
      2. 1.3.2 Use-Case-Diagramm
      3. 1.3.3 Story-Board
    4. 1.4 Zusammenfassung
  7. 2 Mobile Entwicklung
    1. 2.1 Der Einfluss des Browsers
    2. 2.2 Entwicklungsumgebungen
      1. 2.2.1 Eclipse
      2. 2.2.2 Aptana Studio
      3. 2.2.3 IntelliJ IDEA
      4. 2.2.4 Adobe Dreamweaver ab CS5.5
      5. 2.2.5 Eclipse Orion
    3. 2.3 JavaScript minimieren
    4. 2.4 Simulatoren
      1. 2.4.1 Android-Simulator
      2. 2.4.2 iOS-Simulator
      3. 2.4.3 iOS-Emulatoren
      4. 2.4.4 BlackBerry-Simulator
    5. 2.5 Paralleler Test
    6. 2.6 Zusammenfassung
  8. 3 Architektur von Web-Apps
    1. 3.1 JavaScript
      1. Event-driven
      2. Objektliterale
      3. JavaScript als prototypische Programmiersprache
      4. JavaScript als objektorientierte Programmiersprache
      5. Unobtrusive JavaScript
      6. that
    2. 3.2 Das Problem der ID
    3. 3.3 Wie die Logik vom GUI unabhängig wird
      1. Model-View-Controller-Architektur
      2. Der Beobachter
    4. 3.4 Die Whisky-App-Logik
  9. 4 Von HTML5 bis jQuery Mobile
    1. 4.1 HTML5 und CSS3
    2. 4.2 Test-Bibliothek
    3. 4.3 jQuery-Tutorial
    4. 4.4 jQuery-Mobile-Tutorial
      1. 4.4.1 Die erste Webseite
      2. 4.4.2 Grundgerüst der Whisky-App
      3. 4.4.3 Externe Webseiten
    5. 4.5 Inside jQuery Mobile
      1. 4.5.1 Stack
      2. 4.5.2 Formatierung
      3. 4.5.3 data-role-Attribut
    6. 4.6 Zusammenfassung
  10. 5 Der Whisky-App ein Gesicht geben
    1. 5.1 Model und Controller an die View anbinden
    2. 5.2 Themen
    3. 5.3 Formular-Elemente gruppieren
      1. 5.3.1 Collapsible Sets
      2. 5.3.2 Grid-Darstellung
    4. 5.4 Die Formular-Elemente
      1. 5.4.1 Field-Container
      2. 5.4.2 Mini-Elemente
      3. 5.4.3 Texteingabe
      4. 5.4.4 Datumseingabe
      5. 5.4.5 Slider
      6. 5.4.6 Rangesliders
      7. 5.4.7 Flip Toggle Switch
      8. 5.4.8 Radio-Buttons
      9. 5.4.9 Sternen-Wertung
      10. 5.4.10 Checkbox
      11. 5.4.11 Select Options
      12. 5.4.12 Native Forms
      13. 5.4.13 Tooltips/Pop-ups
      14. 5.4.14 Buttons
    5. 5.5 Form-Elemente in der Whisky-App
      1. 5.5.1 View
      2. 5.5.2 Controller
      3. 5.5.3 Eingabeprüfung
    6. 5.6 Die Listview als Ausgangspunkt
      1. 5.6.1 Definieren der Listenstruktur
      2. 5.6.2 Weitere Eigenschaften der Listview
        1. Auto-Dividers in den Listviews
        2. Split Button List
        3. Nummerierte Listview
        4. Auffrischen der Liste
      3. 5.6.3 Erstellen der View
    7. 5.7 Die jQM-Tabelle
      1. 5.7.1 Reflow-Tabelle
      2. 5.7.2 Column-toggle-Tabelle
    8. 5.8 Panels
    9. 5.9 Tablet-Feeling
    10. 5.10 App-Feeling
      1. 5.10.1 Home-Icon
      2. 5.10.2 Vollbildmodus
      3. 5.10.3 Startgrafik
    11. 5.11 Zusammenfassung
  11. 6 Whisky-App und HTML5-APIs
    1. 6.1 Datenbanken auf dem Mobile
      1. 6.1.1 Web SQL
      2. 6.1.2 Indexed DB
    2. 6.2 Die eigene Location ermitteln
      1. 6.2.1 Das Geolocation-Objekt
      2. 6.2.2 Anpassungen an der View
      3. 6.2.3 Anpassungen im Controller
      4. 6.2.4 Fortlaufende Beobachtung
      5. 6.2.5 Unterstützung
    3. 6.3 Diagramme zeichnen
      1. 6.3.1 Canvas
      2. 6.3.2 Browser-Unterstützung
      3. 6.3.3 Flot
    4. 6.4 Offline gehen
      1. 6.4.1 Caching
      2. 6.4.2 Dynamische Manifest-Datei
    5. 6.5 Zusammenfassung
  12. 7 Weitere jQM-Themen
    1. 7.1 Das $.mobile-Objekt
    2. 7.2 Page Loading Message
    3. 7.3 Placeholder-Kontrast
    4. 7.4 Performance
      1. 7.4.1 Transition
      2. 7.4.2 ThemeRoller
      3. 7.4.3 jQuery-Selektoren einschränken
      4. 7.4.4 Events
        1. In der View
        2. Im Controller
      5. 7.4.5 Page Cache
      6. 7.4.6 HTML-Seiten vorladen
      7. 7.4.7 live() und bind()
      8. 7.4.8 Performance bei vielen Daten
    5. 7.5 jQuery-Mobile-Widgets
      1. 7.5.1 jQM-Widget am Beispiel des Input-Elementes
      2. 7.5.2 Ein eigenes jQM-Widget
    6. 7.6 Konfiguration
      1. 7.6.1 Standard-Texte
      2. 7.6.2 jQM-Attribut
        1. Ajax-Links
        2. Cross-Domains
        3. Namespace
    7. 7.7 Page-Content-Wechsel
    8. 7.8 Download-Builder
    9. 7.9 Eingabe-Events
  13. 8 Cloud-Kommunikation
    1. 8.1 Distillery autocomplete
      1. 8.1.1 Autocomplete
      2. 8.1.2 Ajax
      3. 8.1.3 Serverseite
      4. 8.1.4 Twitter-Beispiel
      5. 8.1.5 Daten zwischenspeichern
        1. Der Web Storage
        2. Destillerien speichern und lesen
    2. 8.2 Facebook-Integration
      1. 8.2.1 App registrieren
      2. 8.2.2 API in der App integrieren
      3. 8.2.3 Die App freischalten und Marketing betreiben
    3. 8.3 Backup
      1. 8.3.1 Backup und Restore
      2. 8.3.2 Web Sockets
      3. 8.3.3 Unterstützung für Web Sockets
    4. 8.4 Pusher
    5. 8.5 Zusammenfassung
  14. 9 Die Hybrid-App
    1. 9.1 PhoneGap
    2. 9.2 Whisky-App für iOS
    3. 9.3 Whisky-App für Android
      1. Entwicklungsumgebung einrichten
        1. Projekt erzeugen
    4. 9.4 Schüttelgeste
    5. 9.5 Ein wenig Hintergrund
    6. 9.6 Apps veröffentlichen
      1. 9.6.1 Eine iOS-App veröffentlichen
      2. 9.6.2 Eine Android-App veröffentlichen
        1. Apps direkt verteilen
        2. Apps auf Google Play veröffentlichen
    7. 9.7 Zusammenfassung
  15. Anhang
    1. Anhang
      1. A Produktiv-Setzung, Abschlussarbeiten
      2. B Web-Page-Umleitungen
      3. B.1 Umleitung auf Server definieren
      4. B.2 Umleitung in der HTML-Seite definieren
      5. C Diagramm der Objekte
      6. D Abkürzungen
      7. E Literatur
      8. F Link-Liste
        1. Tools
        2. Bibliotheken
        3. Informationsquellen
    2. Index
    3. Fußnoten
      1. 1 Die Whisky-App
      2. 2 Mobile Entwicklung
      3. 3 Architektur von Web-Apps
      4. 4 Von HTML5 bis jQuery Mobile
      5. 5 Der Whisky-App ein Gesicht geben
      6. 6 Whisky-App und HTML5-APIs
      7. 7 Weitere jQM-Themen
      8. 8 Cloud-Kommunikation
      9. 9 Die Hybrid-App