jQuery Mobile Web Development Essentials

There is a newer version of this book available - jQuery Mobile Web Development Essentials - Second Edition
jQuery Mobile Web Development Essentials
eBook: $23.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $63.98    Print cover: $39.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • 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

Book Details

Language : English
Paperback : 246 pages [ 235mm x 191mm ]
Release Date : May 2012
ISBN : 1849517266
ISBN 13 : 9781849517263
Author(s) : Raymond Camden , Andy Matthews
Topics and Technologies : All Books, Web Development, jQuery, Open Source

Table of Contents

Chapter 1: Preparing your First jQuery Mobile Project
Chapter 2: Working with jQuery Mobile Pages
Chapter 3: Enhancing Pages with Headers, Footers, and Toolbars
Chapter 4: Working with Lists
Chapter 5: Getting Practical – Building a Simple Hotel Mobile Site
Chapter 6: Working with Forms and jQuery Mobile
Chapter 7: Creating Modal Dialogs, Grids, and Collapsible Blocks
Chapter 8: jQuery Mobile Configuration, Utilities, and JavaScript methods
Chapter 9: Working with Events
Chapter 10: Moving further with the Notekeeper Mobile Application
Chapter 11: Enhancing jQuery Mobile
Chapter 12: Creating Native Applications
Chapter 13: Becoming an expert - Build an RSS Reader application
    • 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
        • Page titles
        • Prefetching content
        • Changing page transitions
      • Summary
      • 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
          • Full screen positioning
        • Working with navigation bars
          • Persisting navigation bar footers across multiple pages
        • Summary
        • Chapter 4: Working with Lists
          • Creating lists
          • Working with list feature
            • Creating Inset lists
            • Creating list dividers
            • Creating lists with count bubbles
            • Using thumbnails and icons
            • Creating Split Button lists
            • Using a search filter
          • Summary
            • Chapter 6: Working with Forms and jQuery Mobile
              • Before you begin
              • What jQuery Mobile does with forms
                • Working with radio buttons and checkboxes
                • Working with select menus
                • Search, toggle, and slider fields
                  • Search fields
                  • Flip toggle fields
                  • Slider fields
                • Using native form controls
              • Working with "mini" fields
              • Summary
                    • Chapter 10: Moving further with the Notekeeper Mobile Application
                      • What is a mobile application?
                      • Designing your first mobile application
                        • Listing out the requirements
                          • Building your wireframes
                          • Designing the add note wireframe
                          • Display notes wireframe
                          • View note/delete button wireframe
                        • Writing the HTML
                      • Adding functionality with JavaScript
                        • Storing Notekeeper data
                          • Using localStorage
                        • Effective use of boilerplates
                        • Building the Add Note feature
                          • Adding bindings
                          • Collecting and storing the data
                          • Building the Display Notes feature
                        • Dynamically adding notes to our listview
                        • Viewing a note
                          • Using the Live function
                        • Dynamically creating a new page
                        • Deleting a note
                      • Summary
                      • Chapter 11: Enhancing jQuery Mobile
                        • What's possible?
                        • The visual building blocks of jQuery Mobile
                          • Border-radius
                          • Applying drop shadows
                            • Using text-shadow
                            • Using box-shadow
                            • CSS gradients
                        • The basics of jQuery Mobile theming
                          • Bars (.ui-bar-?)
                          • Content blocks (.ui-body-?)
                          • Buttons and listviews (.ui-btn-?)
                          • Mixing and matching swatches
                          • Site-wide active state
                          • Default icons
                        • Creating and using a custom theme
                          • What's ThemeRoller?
                            • Using ThemeRoller
                            • Preview
                          • Colors
                            • Inspector
                            • Tools
                          • Creating a theme for Notekeeper
                            • Exporting your theme
                        • Creating and using custom icons
                          • CSS Sprites
                          • Designing your first icon
                          • High and low resolution
                        • Updating the Notekeeper app
                          • Adding our custom theme
                          • Adding our custom icon
                        • Summary

                            Raymond Camden

                            Raymond Camden is a Senior Developer Evangelist for Adobe. His work focuses on web standards, mobile development, and ColdFusion. He's a published author, and presents at conferences and user groups on a variety of topics. Raymond can be reached at his blog at www.raymondcamden.com, followed on Twitter (@cfjedimaster), or contacted via e-mail at raymondcamden@gmail.com.

                            Andy Matthews

                            Andy Matthews has been working as a web and application developer for over 16 years, with experience in a wide range of industries, and a skillset that includes UI/UX, graphic design, and programming. He is the co-author of the book jQuery Mobile Web Development Essentials, Packt Publishing, and writes for online publications such as NetTuts and .NET Magazine. He is a frequent speaker at conferences around the country, and he has developed software for the open source community including several of the most popular jQuery Mobile projects on the Web. He blogs at andyMatthews.net, tweets at @commadelimited, and lives in Nashville, TN, with his wife and four children.
                            Sorry, we don't have any reviews for this title yet.

                            Code Downloads

                            Download the code and support files for this book.

                            Submit Errata

                            Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


                            - 7 submitted: last submission 26 Sep 2013

                            Errata type: typo | Page number: 212 | Errata date: 07/07/2012

                            No closing form tag.

                            Errata type: typo | Page number: 75 | Errata date: 08/01/2012

                            The text reads (from the sample file test2.html): ... ... The HTML Tag textarea does not allow the XML Notation

                            Errata type: typo | Page number: 107 | Errata date: 05/31/2012

                            pageLoadErrorMssage is misspelled (missing the "e" in "Message"... should be pageLoadErrorMessage

                            Errata type: Technical | Page number: 53

                            with a class of ui-list-count to wrap
                            should be:
                            with a class of ui-li-count to wrap

                            Errata type: Technical | Page number: 51

                            the initial list we modified with data-role="content"
                            should be:
                            the initial list we modified with data-role="listview"

                            Errata type: Code | Page number: 36

                            The last code snippet just above the line "With the addition ...."
                            it reads: <div data-role="header"><h4>My Footer</h4></div>
                            This should be: <div data-role="footer"><h4>My Footer</h4></div>


                            Errata type: Technical | Page Number: 39 and 40

                            The attribute data-fullscreen="true" is added to the data-role="page" container. It is only to be used on the header and foot containers.


                            Sample chapters

                            You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                            Frequently bought together

                            jQuery Mobile Web Development Essentials +    HornetQ Messaging Developer’s Guide =
                            50% Off
                            the second eBook
                            Price for both: $34.95

                            Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                            What you will learn from this book

                            • 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.


                            This book will be an introductory guide to the new jQuery mobile framework. It will teach web developers how to use this new framework to develop interactive, cross-platform mobile web applications.

                            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.

                            Code Download and Errata
                            Packt Anytime, Anywhere
                            Register Books
                            Print Upgrades
                            eBook Downloads
                            Video Support
                            Contact Us
                            Awards Voting Nominations Previous Winners
                            Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                            Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software