Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours, Rough Cuts

Description

This is the Rough Cut version of the printed book.

In just 24 sessions of one hour or less, learn how to build rich, robust mobile apps that run on smartphones, tablets, and other devices and interact with users in powerful new ways. Using this book’s straightforward, step-by-step approach, you’ll master leading-edge practical skills you can use whether you’re developing for the iPad/iPhone or Android. Discover how to quickly build new mobile apps and upgrade older apps, provide cutting-edge media content, leverage advanced features ranging from geolocation to the semantic web, and even simplify complex back-end development. Each lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success!

Step-by-step instructions carefully walk you through the most common HTML5 mobile development tasks.

Quizzes and Exercises at the end of each chapter help you test your knowledge.

By the Way notes present interesting information related to the discussion.

Did you Know? tips offer advice or show you easier ways to perform tasks.

Watch Out! cautions alert you to possible problems and give you advice on how to avoid them.

Learn how to…

• Work with the new HTML5 tags most valuable for mobile development
• Get started fast with HTML5 features already supported by today’s browsers
• Detect mobile devices and HTML5 support and upgrade sites to support them
• Style and build more efficient, usable mobile pages
• Use jQuery Mobile to quickly create mobile apps
• Leverage HTML5’s breakthrough drawing and typography features
• Efficiently integrate media content into your apps
• Add meaning with HTML5 sectioning and semantic elements
• Implement drag-and-drop more easily than ever
• Build offline applications and other apps that use local storage
• Detect and work with location data via the GeoLocation API
• Use microformats and microdata to make web pages friendlier to computers
• Add powerful back-end functionality with WebSockets, Web Workers, and File APIs
• Improve user navigation with the History API

Sample Content

Table of Contents

Preface     xiv

Hour 1: Improving Mobile Web Application Development with HTML5     1
Understanding How We Got to HTML5     1
Learning What’s Different with HTML5     3
Defining Web Applications     4
Using the Open Web Standard     4
Using HTML5 with iOS and Android Devices     6
Writing Mobile Websites     7
Summary      11
Q&A     12
Workshop     13

Hour 2: New HTML5 Tags and Attributes with Mobile Development     15
The New HTML5 Tags     15
The New HTML5 Attributes     24
Changes to HTML 4 Tags and Attributes     25
Changes to HTML Syntax in HTML5     27
Mobile Support of HTML5 Tags and Attributes     28
Benefits of HTML5 for Mobile Web Development     29
Summary     30
Q&A     30
Workshop     31

Hour 3: Styling Mobile Pages with CSS3     33
Quick Introduction to CSS     33
What CSS3 Adds to the Party      42
Using CSS3 on Mobile Devices     46
Summary     46
Q&A     46
Workshop     47

Hour 4: Detecting Mobile Devices and HTML5 Support     49
Choosing What HTML5 Elements to Use     50
Android and iOS Support for HTML5     50
Detecting HTML5 Functions     52
Degrading Gracefully     58
Using CSS3 Media Queries to Detect Mobile Browsers     60
Testing Your Applications     63
Summary     64
Q&A     64
Workshop     65

Hour 5: JavaScript and HTML5 Web Applications     67
What is JavaScript?     67
What is jQuery?     72
Using jQuery Mobile     79
Summary     82
Q&A     82
Workshop     83

Hour 6: Building a Mobile Web Application     85
Building a Site that Works on All Devices     85
Deciding on What Type of Application You Want     86
Building the Application in HTML     89
Using CSS to Make the HTML Look Good     91
Adding Mobile Meta Tags for More Effective HTML5 Pages     96
Optimizing Your Site for Mobile     99
Summary     102
Q&A     102
Workshop     103

Hour 7: Upgrading a Site to HTML5     105
Deciding When and How to Upgrade from HTML 4     105
HTML5 Features that Work Right Now     111
The State of HTML5 Browser Support     112
Adding HTML5 Features as Extras on Your Site&

Updates

Submit Errata