jQuery Mobile Web Development Essentials - Second Edition

Mobile friendly websites are easy with jQuery because it works with HTML, and this superb tutorial makes it simpler still. From structuring your sites for mobile devices to creating native applications, this book has it all.

jQuery Mobile Web Development Essentials - Second Edition

Progressing
Raymond Camden , Andy Matthews

Mobile friendly websites are easy with jQuery because it works with HTML, and this superb tutorial makes it simpler still. From structuring your sites for mobile devices to creating native applications, this book has it all.
$10.00
$44.99
RRP $26.99
RRP $44.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

+ Collection
Free Sample

Book Details

ISBN 139781782167891
Paperback242 pages

About This Book

  • 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

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.

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
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
Working with navigation bars
Summary
Chapter 4: Working with Lists
Creating lists
Working with list features
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 the mini fields
Summary
Chapter 7: Creating Modal Dialogs and Widgets
Creating dialogs
Laying out content with grids
Working with collapsible content
Popups
Responsive tables
Working with panels
Summary
Chapter 8: Moving Further with the Notekeeper Mobile Application
What is a mobile application?
Designing your first mobile application
Adding functionalities with JavaScript
Summary
Chapter 9: jQuery Mobile Configuration, Utilities, and JavaScript Methods
Configuring jQuery Mobile
Using jQuery Mobile utilities
jQuery Mobile widget and form utilities
Summary
Chapter 10: Working with Events
Working with physical events
Handling page events
Summary
Chapter 11: Enhancing jQuery Mobile
What's possible?
The visual building blocks of jQuery Mobile
The basics of jQuery Mobile theming
Creating and using a custom theme
Creating and using custom icons
Updating the Notekeeper app
Summary
Chapter 12: Creating Native Applications
HTML as a native application
Summary
Chapter 13: Becoming an Expert – Building an RSS Reader Application
RSS Reader – the application
Creating the RSS Reader application
Summary

What You Will Learn

  • 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.

Authors

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
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
Working with navigation bars
Summary
Chapter 4: Working with Lists
Creating lists
Working with list features
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 the mini fields
Summary
Chapter 7: Creating Modal Dialogs and Widgets
Creating dialogs
Laying out content with grids
Working with collapsible content
Popups
Responsive tables
Working with panels
Summary
Chapter 8: Moving Further with the Notekeeper Mobile Application
What is a mobile application?
Designing your first mobile application
Adding functionalities with JavaScript
Summary
Chapter 9: jQuery Mobile Configuration, Utilities, and JavaScript Methods
Configuring jQuery Mobile
Using jQuery Mobile utilities
jQuery Mobile widget and form utilities
Summary
Chapter 10: Working with Events
Working with physical events
Handling page events
Summary
Chapter 11: Enhancing jQuery Mobile
What's possible?
The visual building blocks of jQuery Mobile
The basics of jQuery Mobile theming
Creating and using a custom theme
Creating and using custom icons
Updating the Notekeeper app
Summary
Chapter 12: Creating Native Applications
HTML as a native application
Summary
Chapter 13: Becoming an Expert – Building an RSS Reader Application
RSS Reader – the application
Creating the RSS Reader application
Summary

Book Details

ISBN 139781782167891
Paperback242 pages
Read More