Creating Mobile Apps with jQuery Mobile

Creating Mobile Apps with jQuery Mobile
eBook: $26.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $71.98    Print cover: $44.99
save 6%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Write less, do more: learn to apply the jQuery motto to quickly craft creative sites that work on any smartphone and even not-so-smart phones
  • Learn to leverage HTML5 audio and video, geolocation, Twitter, Flickr, blogs, Reddit, Google maps, content management system, and much more
  • All examples are either in use in the real world or were used as examples to win business across several industries

Book Details

Language : English
Paperback : 254 pages [ 235mm x 191mm ]
Release Date : April 2013
ISBN : 178216006X
ISBN 13 : 9781782160069
Author(s) : Shane Gliser
Topics and Technologies : All Books, Mobile Application Development, Mobile, Open Source

Table of Contents

Chapter 1: Prototyping jQuery Mobile
Chapter 2: A Mom-and-Pop Mobile Website
Chapter 3: Analytics, long forms, and frontend validation
Chapter 4: QR Codes, Geolocation, Google Maps API, and HTML5 Video
Chapter 5: Client-side Templating, JSON APIs, and HTML5 Web Storage
Chapter 6: HTML5 Audio
Chapter 7: Fully Responsive Photography
Chapter 8: Integrating jQuery Mobile into Existing Sites
Chapter 9: Content Management Systems and jQM
Chapter 10: Putting It All Together – Flood.FM
  • Chapter 1: Prototyping jQuery Mobile
    • The game has changed
    • The mobile usage pattern
    • HTML prototyping versus drawing
    • Getting our hands dirty with small business
      • The rest of the site
    • Requirements
      • Alternates to paper prototyping
    • Summary
    • Chapter 2: A Mom-and-Pop Mobile Website
      • A new jQuery Mobile boilerplate
        • Meta viewport differences
        • Full-site links beyond the industry standard
      • The global JavaScript
        • .live versus .on
      • The global CSS
      • Breaking the HTML into a server side template
      • What we need to create our site
        • Getting Glyphish and defining custom icons
      • Linking to phones, e-mails, and maps
        • Custom fonts
        • Page curl shadow effects for our list items
        • Optimization: why you should be thinking of it first
        • The final product
        • The custom CSS
      • The resulting first page
      • Getting the user to our mobile site
        • Detecting and redirecting using JavaScript
        • Detecting on the server
      • Summary
          • Chapter 5: 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
              • Forcing responsive images
            • HTML5 Web Storage
              • Browser-based databases (a work in progress)
              • JSON to the rescue
            • Leveraging the Google Feeds API
            • Summary
            • Chapter 6: 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
              • Chapter 7: Fully Responsive Photography
                • Creating a basic gallery using PhotoSwipe
                • Supporting the full range of device sizes – responsive web design
                • Text readability and responsive design
                  • Smartphone-sized devices
                  • Tablet-sized devices
                  • Desktop-sized devices
                • Cycling background images
                • Another responsive approach – RESS
                • The final code
                • Summary
                • Chapter 8: Integrating jQuery Mobile into Existing Sites
                  • Detecting mobile – server-side, client-side, and the combination of the two
                    • Browser sniffing versus feature detection
                    • WURFL – server-side database-driven browser sniffing
                    • JavaScript-based browser sniffing
                    • JavaScript-based feature detection using Modernizr
                    • JavaScript-based lean feature detection
                    • Server-side plus client-side detection
                  • Mobilizing full-site pages – the hard way
                    • Know your role
                    • Step 1 of 2 – focus on content, marketing cries foul!
                    • Step 2 of 2 – choose global navigation style and insert
                      • Global nav as a separate page
                      • Global nav at the bottom
                      • Global nav as a panel
                    • The hard way – final thoughts
                  • Mobilizing full-site pages – the easy way
                  • Summary
                  • Chapter 9: Content Management Systems and jQM
                    • The current CMS landscape
                    • WordPress and jQuery Mobile
                      • Manually installing the mobile theme switcher
                      • Automatically installing the mobile theme switcher
                      • Configuring the mobile theme switcher
                        • Drupal and jQuery Mobile
                    • Updating your WordPress and Drupal templates
                      • WordPress – Golden Apples jQM Theme
                      • Drupal – jQuery Mobile Theme
                  • Adobe Experience Manager
                  • Summary
                    • Chapter 10: Putting It All Together – Flood.FM
                      • A Taste of Balsamiq
                      • Organizing your code
                        • MVC, MVVM, MV*
                        • MV* and jQuery Mobile
                        • The application
                        • The events
                        • The model
                      • Introduction to the Web Audio API
                      • Prompting the user to install your app
                      • New device-level hardware access
                        • Accelerometers
                        • Camera
                        • APIs on the horizon
                      • To app or not to app, that is the question
                        • Raining on the parade (take this seriously)
                        • Three good reasons for compiling an app
                          • The project itself IS the product
                          • Access to native-only hardware capabilities
                          • Push notifications
                          • Supporting current customers
                      • PhoneGap versus Apache Cordova
                      • Summary

                      Shane Gliser

                      Shane Gliser graduated from Washburn University in 2001, specializing in Java development. Over the next several years, he developed a love of web development and taught himself HTML, CSS, and JavaScript. Having shifted his focus again, Shane's primary passions are user experience and the mobile web. Shane began working with jQuery Mobile while it was still in the Alpha 2 phase and deployed American Century Investments' mobile site while the framework was still in Beta 2. Since then, he has rebranded and re-launched his own personal business, Roughly Brilliant Digital Studios (, as a place where he could start blogging tips about using jQuery Mobile.

                      Code Downloads

                      Download the code and support files for this book.

                      Submit Errata

                      Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

                      Sample chapters

                      You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                      Frequently bought together

                      Creating Mobile Apps with jQuery Mobile +    Windows Server 2012 Automation with PowerShell Cookbook =
                      50% Off
                      the second eBook
                      Price for both: $41.55

                      Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                      What you will learn from this book

                      • Learn the art of prototyping jQuery Mobile as both design and sales tactics
                      • Get tips on making jQuery Mobile implementations look more unique
                      • Integrate with Google’s Analytics, Maps, and Feeds APIs
                      • Leverage HTML5 video and audio including a jQuery Mobile player interface
                      • Leverage client-side templating to render API results from Twitter, Reddit, Flickr, and more
                      • Check and monitor the user’s position with Geolocation
                      • Auto validate your mobile forms with jQuery Validate on both page-by-page and multi-page views
                      • Use jQuery Mobile to create a full responsive web design for photographers using Photoswipe

                      In Detail

                      jQuery Mobile is a touch-optimized web framework (also known as a JavaScript library or a mobile framework) currently being developed by the jQuery project team. The development focuses on creating a framework compatible with a wide variety of smartphones and tablet computers made necessary by the growing but heterogeneous tablet and smartphone market. The jQuery Mobile framework is compatible with other mobile app frameworks and platforms such as PhoneGap, Worklight, and more.

                      Creating Mobile Apps with jQuery Mobile reflects the author’s years of experience and exposes every hidden secret which will ease your mobile app development. With just a smattering of design and user experience thrown in, going through this book will allow you to confidently say, “yes, I can do that.”

                      We’ll start out with effective mobile prototyping and then move directly to the core of what every one of your mobile sites will need. Then, we’ll move on to the fancy stuff.

                      After creating some basic business templates and a universal JavaScript, we will move into the more interesting side of mobile development but we always try to keep an eye on progressive enhancement. jQuery Mobile is all about reaching everyone. So is this book.

                      "Creating Mobile Apps with jQuery Mobile" will take your basic mobile knowledge and help you make versatile, unique sites quickly and easily.


                      With ample coded examples and screenshots, the book consists of 10 different projects that will help you master jQuery Mobile.

                      Who this book is for

                      "Creating Mobile Apps with jQuery Mobile" assumes a base level knowledge of web development. If you’ve used jQuery Mobile before, you’re gold. Otherwise, you can pick it up along the way.

                      Code Download and Errata
                      Packt Anytime, Anywhere
                      Register Books
                      Print Upgrades
                      eBook Downloads
                      Video Support
                      Contact Us
                      Awards Voting Nominations Previous Winners
                      Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                      Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software