You are previewing jQuery Mobile First Look.
O'Reilly logo
jQuery Mobile First Look

Book Description

Discover the endless possibilities offered by jQuery Mobile for rapid Mobile Web Development

  • Easily create your mobile web applications from scratch with jQuery Mobile

  • Learn the important elements of the framework and mobile web development best practices

  • Customize elements and widgets to match your desired style

  • Step-by-step instructions on how to use jQuery Mobile

In Detail

The jQuery Mobile framework is jQuery's latest rabbit-out-of-the-hat project. The jQuery Mobile framework is open source and is supported by all the big players: iOS, Android, Bada, BlackBerry, Nokia, Ado, and so on. Considering all the names behind the project, it is a truly cross platform framework and porting applications made in jQuery mobile will be a snap with this new technology at your hands. Get to grips with everything you need to know to sprint through developing high-end web applications for mobiles.

jQuery Mobile First Look will show you the features of the jQuery Mobile framework, what they do, and how they can be used. It covers the installation thoroughly on all the machines as it is found with any new technology that the most difficult part is getting people to correctly install the product.

From Installation to specifications and from designing to deployment this book covers all the factors that you need to know before starting your own mobile web application development. Starting with an introduction to jQuery Mobile, the book will give you an overview of the key features of the framework and how they can be used to implement a mobile web application. Development tips and troubleshooting add to the standard information contained in these pages. The topics covered include everything the jQuery Mobile developer needs to know in order to create a full-feature web application for mobile devices. Ranging from a comparison of jQuery mobile with other popular frameworks and its installation on various Operating Systems to theming pages, website layout, and content formatting, the book presents information about buttons, toolbars, dialogs, forms, and list views, as well as suggesting best practices and workarounds to accomplish things in an alternative way.

jQuery Mobile First Look will help you learn one of the most promising JavaScript mobile frameworks and grasp how widgets and elements work and what you can do to customize and enhance their behavior.

A by-example guide that will let you explore all the features of jQuery Mobile and get you ready for all the mobile web development you will do

Table of Contents

  1. jQuery Mobile First Look
    1. jQuery Mobile First Look
    2. Credits
    3. About the Author
    4. About the Reviewers
    5. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    6. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    7. 1. What is jQuery Mobile?
      1. How jQuery Mobile was born
      2. jQuery mobile and other libraries
        1. jQTouch
          1. Who is it for?
          2. How does it look?
          3. What should I remember?
        2. Sencha Touch
          1. Who is it for?
          2. How does it look?
          3. What should I remember?
        3. iUI
          1. Who is it for?
          2. How does it look?
          3. What should I remember?
        4. iWebKit
          1. Who is it for?
          2. How does it look?
          3. What should I remember?
        5. Comparison
          1. Type of package comparison
          2. Why choose jQuery Mobile?
      3. How to get jQuery mobile
      4. jQuery Mobile in action
      5. Getting involved
      6. Summary
    8. 2. Organizing Content: Pages and Dialogs
      1. Understanding page structure
      2. How multi-page templates work
      3. How to link internal and external pages
      4. Navigation and page transitioning in AJAX
      5. Dialogs: creation, deletion, and behavior
      6. Theming pages and dialogs
      7. Summary
    9. 3. Configuring and Extending jQuery Mobile
      1. Customizing default settings
      2. Handling events
        1. Touch events
        2. Scroll events
        3. Page-related events
      3. Working with methods and utilities
      4. Using the theme framework
      5. Summary
    10. 4. Reading, Writing, Communicating: Content
      1. How content is displayed
        1. Default HTML markup styling
      2. Using columns and grids
        1. How to create a simple grid with buttons
          1. Creating grids with more than two columns
      3. A note on collapsible blocks
        1. Nested collapsible blocks
          1. Collapsible sets
      4. Theming content
      5. Summary
    11. 5. Navigation Made Easier: Toolbars
      1. How do toolbars actually work?
      2. Different types of bars
        1. Header bars
          1. Creating a header
            1. Customizing buttons
        2. Footer bars
          1. Creating a footer
          2. Adding buttons and other elements
        3. Navbars
          1. Creating a navbar
          2. Customizing navbars
      3. On positioning
        1. Fixed positioning
        2. Fullscreen positioning
        3. Persistent footer
      4. Theming toolbars
      5. Summary
    12. 6. Mobile Clicking: Buttons
      1. What do buttons look and feel like in jQuery mobile?
      2. Buttons markup and icons
        1. Creating link buttons
        2. Creating form buttons
        3. Adding icons
      3. Displaying buttons
        1. Inline buttons
        2. Grouped buttons
      4. Theming buttons
      5. Summary
    13. 7. Transmitting Information: Forms
      1. Form basics
        1. Form structure and initialization
      2. Input elements
        1. Text inputs
          1. Text fields
          2. Password fields
          3. Text areas
        2. Search inputs
      3. Flip switches, radio buttons, and checkboxes
        1. Flip toggle switches
        2. Radio buttons
        3. Checkboxes
      4. Sliders and select menus
        1. Sliders
        2. Select menus
      5. Theming forms
      6. Summary
    14. 8. Organizing Information: List Views
      1. Basics and conventions for list views
        1. Choosing the list type as per your requirements
        2. Nested lists
        3. Numbered lists
        4. Read-only lists
        5. Split button lists
      2. Spicing up your lists
        1. Count bubbles
        2. List dividers
        3. Images
        4. Formatting content
        5. Implementing a search filter bar
      3. Summary
    15. A. API Calls and Properties
      1. List of properties and methods
        1. $.mobile options
        2. $.mobile methods
        3. $.mobile.path methods
        4. $.mobile.path properties
        5. $.mobile.urlHistory methods
        6. $.mobile.urlHistory properties
        7. $.support tests
        8. Button plugin
        9. Check and radio boxes plugin
        10. Collapsible plugin
        11. Dialog plugin
        12. List view plugin
        13. Navbar plugin
        14. Page plugin
        15. Select plugin
        16. Slider plugin
        17. Text input plugin
    16. B. Resources and Troubleshooting
      1. Online and offline resources
        1. Official jQuery and jQuery Mobile documentation
        2. jQuery 1.4 reference guide
        3. jQuery mobile gallery
      2. Development tools
        1. FireBug (Firefox)
        2. Internet Explorer 8 developer tools
        3. Safari web inspector
        4. Dragonfly (Opera)
        5. Chrome web inspector
      3. Troubleshooting
        1. Mobile equivalent of $(document).ready
        2. Target object
        3. Creating custom themes and swatches