Creating Mobile Apps with jQuery Mobile - Second Edition

Creating Mobile Apps with jQuery Mobile - Second Edition

Andy Matthews

Language: English

Pages: 258

ISBN: 1783555114

Format: PDF / Kindle (mobi) / ePub


Create fully responsive and versatile real-world apps for smartphones with jQuery Mobile 1.4.5

About This Book

  • Learn how to integrate advanced features such as Geolocation, HTML 5 Video, and the Web Audio API into your web application
  • Enhance your efficiency by automating repetitive tasks with the Grunt task runner
  • Effortlessly blend and integrate jQuery Mobile with existing WordPress, Drupal, and HarpJS projects

Who This Book Is For

This book assumes a basic level of experience with standard web development. If you've used jQuery Mobile before, you're good to go. Otherwise, you can pick it up along the way.

What You Will Learn

  • Check and monitor the user's position with the Geolocation API
  • Automate repetitive tasks with Grunt
  • Integrate your jQuery Mobile app into popular content management systems such as WordPress, Drupal, and HarpJS
  • Incorporate third-party APIs such as Google's Analytics, Maps, and Feeds
  • Leverage HTML5 video and audio, including a jQuery Mobile player interface
  • Auto validate your mobile forms with jQuery Validate on both page-by-page and multi-page views
  • Use jQuery Mobile to create a fully responsive web design for photographers using the lightGallery plugin

In Detail

jQuery Mobile is a mobile-centric web framework developed by the jQuery team. The project focuses on building a framework compatible with the ever-increasing variety of smartphones and tablet computers on the market. The jQuery Mobile framework plays well with other frameworks and platforms, such as PhoneGap and Backbone.

Automate repetitive tasks easily and painlessly with the Grunt task runner, build a fully responsive, gorgeous photography website, and learn how to mix and match jQuery Mobile 1.4.5 into existing websites and how to deploy those changes to content management systems such as WordPress, Drupal, and HarpJS. jQuery Mobile aims to reach everyone, and so does this book. It will enhance your mobile knowledge and help you to create versatile, unique sites quickly and easily.

Digital Memory and the Archive (Electronic Mediations)

Learning Unix for OS X: Going Deep with the Terminal and Shell (2nd Edition)

Systems Analysis and Design in a Changing World (5th Edition)

Introduction to Cryptography: Principles and Applications (Information Security and Cryptography)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

reaching you. • People who have old smart phones like BlackBerry 5 or earlier may have a data plan. However, those devices have browsers that are barely worth the name and their users know it. They might hit your site but it's not likely, and their existence is dropping quickly. For the most part, anyone who likely would hit your site with a smart phone will respond perfectly. The exceptions are not worth mentioning. If the device supports media queries and has a touch interface then it's well

design is unique and begins to establish a base server-side template. Chapter 3, Analytics, Long Forms, and Front-end Validation, takes the casual implementation of Chapter 2 and adds in Google Analytics, the jQuery Validate framework, and a technique for dealing with long forms. Chapter 4, QR Codes, Geolocation, Google Maps API, and HTML5 Video, will have you implement a site for a movie theater chain. Preface Chapter 5, Client-side Templating, JSON APIs, and HTML5 Web Storage, creates a

height:28px; width:34px; margin:auto; background-repeat:no-repeat; background-position:center center; } .directionsBar .driving{ background-image:url(../icons/xtras-white/16-car.png); [ 89 ] QR Codes, Geolocation, Google Maps API, and HTML5 Video background-size:34px 19px; } .directionsBar .transit{ background-image:url(../icons/xtras-white/15-bus.png); background-size:22px 28px; } .directionsBar .bicycle{ background-image:url(../icons/xtras-white/13-bicycle.png); background-size:34px 21px; }

but for now we'll skip that: $(document).on('vclick', "a.skipback", function(event){ //grab the current audio var currentAudio = $.mobile.activePage.find("audio")[0]; //if we're more than 5 seconds into the song, skip back to //the beginning if(currentAudio.currentTime > 5){ currentAudio.currentTime = 0; }else{ //otherwise, change to the previous track media.currentTrack--; if(media.currentTrack < 0) media.currentTrack = (media.tracklist.length - 1);

href="#about">About

  • Contact