Review jQuery Mobile Web Dev Essentials
Mobile devices are here to stay but is your website ready? This book by Raymond Camden and Andy Matthews entitled jQuery Mobile Web Development Essentials Second Edition will help you get your website ready for mobile devices.
The authors begin with a short introduction to jQuery Mobile, discussing how it is an HTML based framework with the features that work so well on mobile devices. Once you are convinced of its merits, the authors help you create your first web page, explaining how to add the jQuery Mobile component to HTML and how the data attribute div works with jQuery Mobile.
Moving from one web page to multiple mobile web pages, the authors discuss how hyperlinks are modified by jQuery Mobile. They show how to add multiple pages to one web page file using a div wrapper to identify the contents for each page in the file. They also discuss how jQuery Mobile uses hyperlinks and Ajax to move from one page to another and transition between pages. They also show how to use the data-prefetch attribute to preload secondary pages. The topic broadens as the authors discuss navigation toolbars, as well as fixed and full-screen headers and footers. Space is limited on mobile devices and the authors discuss how to use and style the many list features in jQuery to save space, including inset lists, count bubbles, icons, thumbnails and the search filter.
Once the basics are covered, the authors demonstrate how to build a simple mobile website for a fictitious Hotel Camden. Although a simple website, it does include Google’s Static Maps API. The authors also demonstrate the tel scheme to automatically dial a phone and the mailto scheme to open an email window.
Next, the authors discuss how to use forms and the various form fields in jQuery Mobile. They discuss how Ajax is used to send and receive information and update the form fields. Moving on, the authors cover creating dialogs, layout grids, popups, collapsible blocks and responsive tables and widgets. Although PHP is the most common server side language, the authors use Adobe’s ColdFusion for the back end processing.
Using the skills you have learned so far, the authors help you to build a note keeper mobile application. First, they discuss designing the application and building a wireframe for each function of the app. The authors introduce JavaScript and the use of design patterns, as well as how to collect and store user data via HTML5.
Next, the authors move on to more advanced jQuery Mobile features such as the JavaScript utilities and APIs. They begin with the page and navigation utilities and move on to physical and page events. From there, they introduce how to use the themes that come prebuilt with jQuery Mobile and how to build your own icons and customize your own themes with ThemeRoller. You also learn how to apply your custom theme to the note keeper app built in the previous chapter. The authors also discuss how jQuery Mobile uses CSS sprites for both the high Retina and low resolutions.
Finally, you are ready to build a native application using jQuery Mobile and PhoneGap. You learn how to use the native APIs such as the Accelerometer, camera and Geolocation. The authors concentrate on how to build a working RSS Reader application.
You will find supporting files for this book on the publisher’s website. Although I found this book to be a good introduction to jQuery Mobile, the authors choice to use the AdobeR ColdFusionR server for their demo files may limit their target audience.
Raymond Camden is a Senior Developer Evangelist for Adobe and specializes in web standards, mobile and ColdFusion development. Andy Mathews is a 16 year veteran in web and application development.
More information on Packtpub.com
Disclosure: I was not financially compensated for this article. Packtpub provided this ebook for review purposes. The opinions are completely my own based on my experience.
The authors begin with a short introduction to jQuery Mobile, discussing how it is an HTML based framework with the features that work so well on mobile devices. Once you are convinced of its merits, the authors help you create your first web page, explaining how to add the jQuery Mobile component to HTML and how the data attribute div works with jQuery Mobile.
Moving from one web page to multiple mobile web pages, the authors discuss how hyperlinks are modified by jQuery Mobile. They show how to add multiple pages to one web page file using a div wrapper to identify the contents for each page in the file. They also discuss how jQuery Mobile uses hyperlinks and Ajax to move from one page to another and transition between pages. They also show how to use the data-prefetch attribute to preload secondary pages. The topic broadens as the authors discuss navigation toolbars, as well as fixed and full-screen headers and footers. Space is limited on mobile devices and the authors discuss how to use and style the many list features in jQuery to save space, including inset lists, count bubbles, icons, thumbnails and the search filter.
Once the basics are covered, the authors demonstrate how to build a simple mobile website for a fictitious Hotel Camden. Although a simple website, it does include Google’s Static Maps API. The authors also demonstrate the tel scheme to automatically dial a phone and the mailto scheme to open an email window.
Next, the authors discuss how to use forms and the various form fields in jQuery Mobile. They discuss how Ajax is used to send and receive information and update the form fields. Moving on, the authors cover creating dialogs, layout grids, popups, collapsible blocks and responsive tables and widgets. Although PHP is the most common server side language, the authors use Adobe’s ColdFusion for the back end processing.
Using the skills you have learned so far, the authors help you to build a note keeper mobile application. First, they discuss designing the application and building a wireframe for each function of the app. The authors introduce JavaScript and the use of design patterns, as well as how to collect and store user data via HTML5.
Next, the authors move on to more advanced jQuery Mobile features such as the JavaScript utilities and APIs. They begin with the page and navigation utilities and move on to physical and page events. From there, they introduce how to use the themes that come prebuilt with jQuery Mobile and how to build your own icons and customize your own themes with ThemeRoller. You also learn how to apply your custom theme to the note keeper app built in the previous chapter. The authors also discuss how jQuery Mobile uses CSS sprites for both the high Retina and low resolutions.
Finally, you are ready to build a native application using jQuery Mobile and PhoneGap. You learn how to use the native APIs such as the Accelerometer, camera and Geolocation. The authors concentrate on how to build a working RSS Reader application.
You will find supporting files for this book on the publisher’s website. Although I found this book to be a good introduction to jQuery Mobile, the authors choice to use the AdobeR ColdFusionR server for their demo files may limit their target audience.
Raymond Camden is a Senior Developer Evangelist for Adobe and specializes in web standards, mobile and ColdFusion development. Andy Mathews is a 16 year veteran in web and application development.
More information on Packtpub.com
Disclosure: I was not financially compensated for this article. Packtpub provided this ebook for review purposes. The opinions are completely my own based on my experience.
Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map
Follow @ArtAnimationTut
Tweet
Content copyright © 2023 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.
