jQuery Mobile Web Development Essentials
eBook:
$23.99
Formats:
Formats:
$20.39
save 15%!
save 15%!
Print + free eBook + free PacktLib access to the book:
$63.98
Print cover: $39.99
$39.99
save 37%!
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
| Also available on: |
|
- 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 : EnglishPaperback : 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, jQuery, Open Source
Table of Contents
PrefaceChapter 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
Index
- 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
- Summary
- 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 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
- 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 7: Creating Modal Dialogs, Grids, and Collapsible Blocks
- Creating dialogs
- Laying out content with grids
- Working with collapsible content
- Summary
- Chapter 8: jQuery Mobile Configuration, Utilities, and JavaScript methods
- Configuring jQuery Mobile
- Using jQuery Mobile utilities
- Page methods and utilities
- Path and URL related utilities
- Miscellaneous utilities
- jQuery widget and form utilities
- Summary
- Chapter 9: Working with Events
- Working with physical events
- Handling page events
- What about $(document).ready?
- Creating a real example
- 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
- Chapter 12: Creating Native Applications
- HTML as a native application
- Working with PhoneGap
- Adding PhoneGap functionality
- Summary
- Chapter 13: Becoming an expert - Build an RSS Reader application
- RSS Reader – the application
- Creating the RSS Reader Application
- The displayFeeds function
- Storing our feeds
- Adding an RSS feed
- Viewing a feed
- Creating the entry view
- Going further
- Summary
Raymond Camden
Andy Matthews
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.
Errata
- 7 submitted: last submission 08 Mar 2013Errata 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
+
=
50% Off
the eBooks
the eBooks
Buy both these recommended eBooks together and get 50% off the total price
- 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
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.
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.
