Mastering jQuery Mobile

Design and develop cutting-edge mobile web applications using jQuery Mobile to work across a number of platforms

Mastering jQuery Mobile

This ebook is included in a Mapt subscription
Chip Lambert, Shreerang Patwardhan

Design and develop cutting-edge mobile web applications using jQuery Mobile to work across a number of platforms
$10.00
$49.99
RRP $39.99
RRP $49.99
eBook
Print + eBook
Access every Packt eBook & Video for just $100
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Find Out More
 
Preview in Mapt

Book Details

ISBN 139781783559084
Paperback262 pages

Book Description

jQuery Mobile is a touch-optimized JavaScript framework. Using this framework, we can create mobile web applications using standard web technologies such as HTML5, CSS3, and JavaScript which will function and behave consistently across multiple devices of different form factors.

The book starts with you setting up the development environment that will enable you to complete the project that accompanies the book. Furthermore, you will get a brief overview of developing for mobile devices and a brief look at RESS. You will then start putting together a touch-based navigation system as you link pages together and explore the various widgets and controls used to build the project. Finally, some mobile best practices that will benefit you will be looked at as you go deeper into jQuery Mobile development. By the end of the book, you will be well equipped with an extensive knowledge of jQuery Mobile, not only to build applications, but to effectively customize and maintain them.

Table of Contents

Chapter 1: Getting Started
Overview
Installing XAMPP for Windows
Installing XAMPP for Mac OS X
Installing Aptana Studio
Downloading jQuery Mobile
Using the framework via the CDN
Seeing the framework in action
Summary
Chapter 2: Tools and Testing
Overview
Theming with jQuery ThemeRoller
Using Aptana Studio 3
Testing with Screenfly
Summary
Chapter 3: Mobile Design
Overview
Responsive web design techniques
Feature detection with Modernizr
Device detection with WURFL
RESS introduction
Summary
Chapter 4: Call to Action – Our Main Project
Overview
Pages
Panels
Popups
Toolbars
Navbars
Summary
Chapter 5: Navigation
Overview
Links and page navigation
Working with transitions and effects
Navigating with swipe gestures
Working with page loaders
Summary
Chapter 6: Controls and Widgets
Overview
Widgets
Input with touch
Working with plugins
Accessibility
Summary
Chapter 7: Working with Data
Overview
Setting up our database
A dab of PHP
Fetching data
Displaying information
Some more PHP
Forms and validation
Inserting data into the database
Summary
Chapter 8: Finishing Touches
Overview
Creating custom icons
Introduction to Cordova
Configuring Cordova
Notifications
Geolocation
Offline storage
Summary
Chapter 9: The Next Level
Overview
Working with Node.js
Working with RequireJS and Backbone.js
Building a WordPress mobile theme
Summary
Chapter 10: Mobile Best Practices and Efficiency
Best practices for design and layout
Best practices for images
Best practices for CSS
jQuery optimizations
jQuery Mobile optimizations
Performance tools for optimization
Summary

What You Will Learn

  • Create a theme for your jQuery Mobile application by using the ThemeRoller tool
  • Test your application on a variety of resolutions through Screenfly
  • Master pages, panels, popups, toolbars, and navbars in jQuery Mobile
  • Understand how mobile web design best practices can enhance your mobile web application
  • Allow your users to navigate pages with a swipe gesture and add transitions and effects to the page changes
  • Discover how to create jQuery Mobile widgets that will extend the framework to suit your needs
  • See how Apache Cordova can turn your web application into a native Android or iOS app
  • Use jQuery Mobile with other popular JavaScript frameworks and technologies such as Backbone.js and Node.js

Authors

Table of Contents

Chapter 1: Getting Started
Overview
Installing XAMPP for Windows
Installing XAMPP for Mac OS X
Installing Aptana Studio
Downloading jQuery Mobile
Using the framework via the CDN
Seeing the framework in action
Summary
Chapter 2: Tools and Testing
Overview
Theming with jQuery ThemeRoller
Using Aptana Studio 3
Testing with Screenfly
Summary
Chapter 3: Mobile Design
Overview
Responsive web design techniques
Feature detection with Modernizr
Device detection with WURFL
RESS introduction
Summary
Chapter 4: Call to Action – Our Main Project
Overview
Pages
Panels
Popups
Toolbars
Navbars
Summary
Chapter 5: Navigation
Overview
Links and page navigation
Working with transitions and effects
Navigating with swipe gestures
Working with page loaders
Summary
Chapter 6: Controls and Widgets
Overview
Widgets
Input with touch
Working with plugins
Accessibility
Summary
Chapter 7: Working with Data
Overview
Setting up our database
A dab of PHP
Fetching data
Displaying information
Some more PHP
Forms and validation
Inserting data into the database
Summary
Chapter 8: Finishing Touches
Overview
Creating custom icons
Introduction to Cordova
Configuring Cordova
Notifications
Geolocation
Offline storage
Summary
Chapter 9: The Next Level
Overview
Working with Node.js
Working with RequireJS and Backbone.js
Building a WordPress mobile theme
Summary
Chapter 10: Mobile Best Practices and Efficiency
Best practices for design and layout
Best practices for images
Best practices for CSS
jQuery optimizations
jQuery Mobile optimizations
Performance tools for optimization
Summary

Book Details

ISBN 139781783559084
Paperback262 pages
Read More

Read More Reviews

Recommended for You