Free Sample
+ Collection

jQuery Mobile Web Development Essentials

Raymond Camden , Andy Matthews

Learn to use the touch-optimized, cross-device, cross-platform jQM web framework for smartphones and tablets with this book and ebook
RRP $23.99
RRP $39.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 139781849517263
Paperback246 pages

About This Book

  • Create websites that work beautifully on a wide range of mobile devices with jQuery mobile
  • Learn to prepare your jQuery mobile project by learning through three sample applications
  • Packed with easy to follow examples and clear explanations of how to easily build mobile-optimized websites

Who This Book Is For

If you are a web developer looking to create mobile optimized websites, then this book is for you.

Basic knowledge of HTML is required. Some familiarity with JavaScript will help, but is not required.

Table of Contents

Chapter 1: Preparing your First jQuery Mobile Project
Important preliminary points
Building an HTML page
Getting jQuery Mobile
Implementing jQuery Mobile
Working with data attributes
Chapter 2: Working with jQuery Mobile Pages
Important preliminary points
Adding multiple pages to one file
jQuery Mobile, links, and you
Working with multiple files
jQuery Mobile and URLs
Additional customization
Chapter 3: Enhancing Pages with Headers, Footers, and Toolbars
Important preliminary points
Adding headers
Icon sneak peak
Working with back buttons
Working with footers
Creating fixed and full screen headers and footers
Working with navigation bars
Chapter 4: Working with Lists
Creating lists
Working with list feature
Chapter 5: Getting Practical — Building a Simple Hotel Mobile Site
Welcome to Hotel Camden
The home page
Finding the hotel
Listing the hotel rooms
Contacting the hotel
Chapter 6: Working with Forms and jQuery Mobile
Before you begin
What jQuery Mobile does with forms
Working with "mini" fields
Chapter 7: Creating Modal Dialogs, Grids, and Collapsible Blocks
Creating dialogs
Laying out content with grids
Working with collapsible content
Chapter 8: jQuery Mobile Configuration, Utilities, and JavaScript methods
Configuring jQuery Mobile
Using jQuery Mobile utilities
jQuery widget and form utilities
Chapter 9: Working with Events
Working with physical events
Handling page events
Chapter 10: Moving further with the Notekeeper Mobile Application
What is a mobile application?
Designing your first mobile application
Adding functionality with JavaScript
Chapter 11: Enhancing jQuery Mobile
What's possible?
The visual building blocks of jQuery Mobile
The basics of jQuery Mobile theming
Creating and using a custom theme
Creating and using custom icons
Updating the Notekeeper app
Chapter 12: Creating Native Applications
HTML as a native application
Chapter 13: Becoming an expert - Build an RSS Reader application
RSS Reader — the application
Creating the RSS Reader Application

What You Will Learn

  • Use simple HTML to create mobile-optimized sites
  • Create a custom jQuery UI widget using the widget library
  • Structure your sites for browsing on mobile devices
  • Include forms for interactive sites
  • Convert desktop sites into mobile versions
  • Theme your jQuery Mobile site
  • Create native applications

In Detail

jQuery Mobile is a unified, HTML5-based user interface system for all popular mobile device platforms. It is compatible with all major mobile, tablet, e-reader and desktop platforms like iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, and Windows Phone 7.

jQuery Mobile Web Development Essentials will explain how to create mobile-optimized sites with the easiest, most practical HTML/JavaScript framework available and to add the framework to your HTML pages to create rich, mobile-optimized web pages with minimal effort.

Throughout the book, you'll learn details that help you become a pro at mobile web development. You begin with simple HTML and quickly enhance it using jQuery Mobile for incredible mobile-optimized sites. Start by learning the building blocks of jQuery Mobile’s component-driven design. Dig into forms, events, and styling, then finish by building native mobile applications. You will learn how to build websites and apps for touch devices such as iPhone, iPad, Android, and BlackBerry with the recently developed jQuery Mobile library through sample applications of increasing complexity.


Read More