jQuery Mobile Web Development Essentials Table of Contents

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

• Preface

• 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

• Index