jQuery Mobile Web Development Essentials - Second Edition


jQuery Mobile Web Development Essentials - Second Edition
eBook: $26.99
Formats: PDF, PacktLib, ePub and Mobi formats
$22.94
save 15%!
Print + free eBook + free PacktLib access to the book: $71.98    Print cover: $44.99
$44.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • Create websites that work beautifully on a wide range of mobile devices
  • Develop your own jQuery mobile project with the help of 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 : 242 pages [ 235mm x 191mm ]
Release Date : September 2013
ISBN : 1782167897
ISBN 13 : 9781782167891
Author(s) : Raymond Camden , Andy Matthews
Topics and Technologies : All Books, Application Development, Mobile Application Development, Open Source

Table of Contents

Preface
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 and Widgets
Chapter 8: Moving Further with the Notekeeper Mobile Application
Chapter 9: jQuery Mobile Configuration, Utilities, and JavaScript Methods
Chapter 10: Working with Events
Chapter 11: Enhancing jQuery Mobile
Chapter 12: Creating Native Applications
Chapter 13: Becoming an Expert – Building an RSS Reader Application
Index
    • 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 headers and footers
        • Working with navigation bars
          • Persisting navigation bar footers across multiple pages
        • Summary
        • Chapter 4: Working with Lists
          • Creating lists
          • Working with list features
            • Creating inset lists
            • Creating list dividers
              • Autodividers
            • 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 the mini fields
              • Summary
                • Chapter 8: 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 functionalities 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 .on() method
                    • 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
                          • Resolution independence
                        • 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.

                            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.


                            Errata

                            - 4 submitted: last submission 27 Nov 2013

                            Errata type: Technical

                            Page number: 44

                             

                            Taking the initial list we modified with data-role="content" 
                            This above sentence should be as follows:
                            Taking the initial list we modified with data-role="listview"

                            Errata type: Code

                            Page number: 60

                            'data-fullscreen' is used on data-page attribute.

                            Resolution:

                            'data-fullscreen' can only be used with headers and footers.

                            So, 'data-fullscreen' should be deleted from the code appearing on page number 60.

                             

                            Errata type: Typo

                            Page no: 133

                            Resolution: The fifth element of the Settings column should be spelled as "pageLoadErrorMessage" instead of "pageLoadErrorMssage"

                             

                            Errata type: Technical

                            Page no: 133

                            Resolution

                            The default value of the minScrollBack setting is 250 instead of 150.

                             

                            Errata type: Technical and typo

                            Page number: 134

                            Resolution:

                            Add a line after the "Use" column for the "transitionFallbacks" setting :

                            'The default setting is fade. 

                            The word "transitionFallsback" should be spelled as "transitionFallbacks".

                             

                            								

                            Errata type: Technical

                            Page no: 140

                            Resolution:

                            The explanation for the $.mobile.path.makeUrlAbsolute(relative  url, absolute  url) utility should be modified as follows:

                            This utility function will convert a relative URL to an absolute URL.

                            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 - Second Edition +    jQuery UI Cookbook =
                            50% Off
                            the second eBook
                            Price for both: $39.00

                            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
                            • Structure your sites for browsing on mobile devices
                            • Include forms for interactive sites
                            • Convert desktop sites into mobile versions
                            • Use HTML5’s local storage feature in jQuery Mobile
                            • Theme your jQuery Mobile site with the online theme builder
                            • Create native applications

                            In Detail

                            jQuery Mobile is a unified, HTML5-based user interface system for all popular mobile device platforms. It is the most practical HTML/JavaScript framework available today. In this tutorial, you will learn how to use jQuery Mobile with your HTML pages, and create mobile friendly websites in no time.

                            jQuery Mobile Web Development Essentials - Second Edition will explain how to add the framework to your HTML pages to create rich, mobile optimized web pages with minimal effort. By using simple data attributes, you can quickly create mobile pages and other widgets. You'll see how each widget works, with the help of detailed examples and screenshots.

                            jQuery Mobile Web Development Essentials - Second Edition is packed with examples that will help you become a pro at mobile web development. We will begin with simple HTML, and quickly enhance it using jQuery Mobile for incredible mobile optimized sites.

                            We start off by learning the building blocks of jQuery Mobile’s component driven design. We then dig into forms, events, and styling. You'll see how jQuery Mobile automatically enhances content, and learn how to use the JavaScript API for building complex sites. Along the way, we will leverage all these concepts, and build three sample mobile applications.

                            Approach

                            Packed with practical examples, code, and screenshots, this book will show you how to create mobile optimized sites using the easiest, most practical HTML/JavaScript framework available today.

                            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
                            Resources
                            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