PacktLib: Creating Mobile Apps with jQuery Mobile

Creating Mobile Apps with jQuery Mobile

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

Prototyping jQuery Mobile

The game has changed

The mobile usage pattern

HTML prototyping versus drawing

Getting our hands dirty with small business

Requirements

Summary

A Mom-and-Pop Mobile Website

A new jQuery Mobile boilerplate

The global JavaScript

The global CSS

Breaking the HTML into a server side template

What we need to create our site

Linking to phones, e-mails, and maps

The resulting first page

Getting the user to our mobile site

Summary

Analytics, long forms, and frontend validation

Google Static Maps

Long and multi-page forms

Integrating jQuery Validate

E-commerce tracking with Google Analytics

Summary

QR Codes, Geolocation, Google Maps API, and HTML5 Video

QR codes

Geolocation

Integrating the Google Maps API

Geek-out moment—GPS monitoring

Linking and embedding video

Summary

Client-side Templating, JSON APIs, and HTML5 Web Storage

Client-side templating

Patching into JSON APIs (Twitter)

Programmatically changing pages

Generated pages and DOM weight management

Leveraging RSS feeds

HTML5 Web Storage

Leveraging the Google Feeds API

Summary

HTML5 Audio

HTML5 Audio

Fixed position persistent toolbars (really!?)

Controlling HTML5 Audio with JavaScript

HTML5 Audio in iOS is different

The all-in-one solution (multipage made useful)

Saving to the home screen with HTML5 manifest

Summary

Fully Responsive Photography

Creating a basic gallery using PhotoSwipe

Supporting the full range of device sizes – responsive web design

Text readability and responsive design

Cycling background images

Another responsive approach – RESS

The final code

Summary

Integrating jQuery Mobile into Existing Sites

Detecting mobile – server-side, client-side, and the combination of the two

Mobilizing full-site pages – the hard way

Mobilizing full-site pages – the easy way

Summary

Content Management Systems and jQM

The current CMS landscape

WordPress and jQuery Mobile

Updating your WordPress and Drupal templates

Adobe Experience Manager

Summary

Putting It All Together – Flood.FM

A Taste of Balsamiq

Organizing your code

Introduction to the Web Audio API

Prompting the user to install your app

New device-level hardware access

To app or not to app, that is the question

PhoneGap versus Apache Cordova

Summary

Index