Overview
This
book helps you to learn
1. Create websites that work beautifully on a wide range of mobile devices with jQuery mobile
1. Create websites that work beautifully on a wide range of mobile devices with jQuery mobile
2.
To prepare your jQuery mobile project by learning through three sample
applications
3.
Packed with easy to follow examples and clear explanations of how to easily
build mobile-optimized websites
Title
|
JQuery Mobile Web Development
Essentials (Imported Edition)
|
Author
|
A. Matthews, Raymond Camden
|
Publisher
|
Packyt Publishing
|
Publishing
Date
|
2012
|
Pages
|
246
|
Price
|
Rs. 2252/-
|
Price
@ Flipkart
|
Rs. 1847/-
|
Table of Contents
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
dating 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
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
dating 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
No comments:
Post a Comment