Free Sample
+ Collection

jQuery Mobile Cookbook

Chetan K Jain

Over 80 recipes with examples and practical tips to help you quickly learn and develop cross-platform applications with jQuery Mobile book and ebook.
RRP $26.99
RRP $44.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849517225
Paperback320 pages

About This Book

  • Create applications that use custom animations and use various techniques to improve application performance
  • Use and customize the various controls such as toolbars, buttons, and lists with custom icons, icon sprites, styles, and themes
  • Write simple but powerful scripts to manipulate the various configurations and work with the events, methods, and utilities which are provided by the framework

Who This Book Is For

If you are a beginner with jQuery/JavaScript skills, this book offers you numerous examples to get you started.

If you are a seasoned developer, this book lets you explore jQuery Mobile in greater depth.

Table of Contents

Chapter 1: Get Rolling
Writing your first jQuery Mobile application
Using JS Bin to create a simple application
Chapter 2: Pages and Dialogs
Writing a single-page template application
Writing a multi-page template application
Prefetching pages for faster navigation
Using the DOM cache to improve performance
Custom styling a dialog
Using CSS to create a bouncing page transition
Using JS to create a slide and fade page transition
Using data-url to handle the login page navigation
Using History API to create a custom error pop up
Chapter 3: Toolbars
Using fullscreen fixed toolbars
Using persistent navbars in toolbars
Customizing the header with multiple buttons
Adding a customized round button to the header
Adding an image to the header
Adding a customized back button
Adding a layout grid to the footer
Chapter 4: Buttons and Content Formatting
Scripting a dynamically added button
Using a custom icon in a button
Adding a custom icon sprite
Replacing the default icon sprite
Using alternate icons in a collapsible
Creating a nested accordion
Creating a custom layout grid
Using XML content
Using JSON content
Chapter 5: Forms
Native styling of form controls
Disabling text controls
Grouping radio buttons in a grid
Customizing a checkbox group
Creating dynamic flip switch and slider controls
Using options to auto-initialize a select menu
Validating forms
Submitting a form using POST
Fetching data using GET
Creating an accessible form
Chapter 6: List Views
Using inset and non-inset lists
Creating a custom numbered list
Using a nested list
Using a read-only nested list
Formatting content in a list
Using a split button list
Using image icons
Creating a custom search filter
Modifying a list with JavaScript
Chapter 7: Configurations
Configuring the active classes
Configuring ajaxEnabled
Configuring autoInitializePage
Configuring the default transitions
Configuring ignoreContentEnabled
Configuring the page loading and error messages
Configuring the default namespace
Configuring hashListeningEnabled and subPageUrlKey
Configuring pushStateEnabled and linkBindingEnabled
Chapter 8: Events
Using orientation events
Using scroll events
Using touch events
Virtual mouse events
Page initialization events
Page load and remove events
Page change events
Page transition and animation events
Using layout events
Chapter 9: Methods and Utilities
Using loadPage() to load a page
Using changePage() to change a page
Using jqmData() and jqmRemoveData()
Using jqmEnhanceable()
Using jqmHijackable
Using $.mobile.base
Parsing an URL
Using $.mobile.path utility methods
Using silent scrolling
Chapter 10: The Theme Framework
Theming a nested list
Using a custom background
Using custom fonts
Styling corners
Overriding the global Active State theme
Overriding an existing swatch
Using the ThemeRoller tool to create a swatch
Chapter 11: HTML5 and jQuery Mobile
Using the new HTML5 semantics
Improving speed and taking your application offline
Using Web Workers for intensive tasks
Using local and session storage
2D drawing with Canvas
Applying Gaussian blur on a SVG image
Tracking your location with the Geolocation API
Playing music with the <audio> element
Viewing videos with the <video> element

What You Will Learn

  • Create single-page and multi-page applications that use custom CSS and JavaScript transitions; improve performance using Prefetch, DOM-Cache, and Application Cache
  • Use fixed and full screen toolbars, navbars, and buttons; customize them with your own icons, icon sprites, and styles
  • Use XML and JSON data in your application; format page content using layout grids, collapsibles, and nested accordions
  • Build accessible forms; use form controls like flip switches, sliders, and select menus; validate and submit forms using Ajax
  • Use various types of lists such as Inset, Numbered, Nested, Read-only, and Split Button lists; manipulate lists using JavaScript
  • Use JavaScript to dynamically create and initialize controls, load and change pages, handle events; tweak and customize the framework configurations
  • Explore HTML5 semantics and features such as Local Storage, Session Storage, History, 2D Canvas, 3D, Geolocation, Web Workers, Audio, and Video
  • Use custom fonts and backgrounds, upgrade themes, override existing themes; generate and share new themes using the Theme Roller tool

In Detail

jQuery Mobile is an award winning, HTML5/CSS3 based open source cross-platform UI framework. It offers a very cool and highly customizable UX. It is built on the popular jQuery library and uses declarative coding making it  easy to use and learn. It is the market leader today considering the numerous browsers and platforms that it supports.

"jQuery Mobile Cookbook" presents over a hundred recipes written in a simple and easy manner. You can quickly learn and start writing code immediately. Advanced topics such as using scripts to manipulate, customize, and extend the framework are also covered. These tips address your common everyday problems. The book is very handy for both beginner and experienced jQuery Mobile developers.

You start by developing simple apps using various controls and learn to customize them. Later you explore using advanced aspects like configurations, events, and methods.
Develop single and multi-page applications. Use caching to boost performance. Use custom transitions, icon sprites, styles, and themes. Learn advanced features like configurations, events, and methods. Explore future trends by using HTML5 new features and semantics with jQuery Mobile.

"jQuery Mobile Cookbook" is an easy read and is packed with practical tips and screenshots.


Read More