- ホーム
- > 洋書
- > 英文書
- > Computer / Languages
Full Description
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 developmentGet started fast with HTML5 features already supported by today's browsersDetect mobile devices and HTML5 support and upgrade sites to support themStyle and build more efficient, usable mobile pagesUse jQuery Mobile to quickly create mobile appsLeverage HTML5's breakthrough drawing and typography featuresEfficiently integrate media content into your appsAdd meaning with HTML5 sectioning and semantic elementsImplement drag-and-drop more easily than everBuild offline applications and other apps that use local storageDetect and work with location data via the GeoLocation APIUse microformats and microdata to make web pages friendlier to computersAdd powerful back-end functionality with WebSockets, Web Workers, and File APIsImprove user navigation with the History API
Contents
Preface xivPart I: Building Web Pages and Applications with the Open Web StandardHour 1: Improving Mobile Web Application Development with HTML5 1Understanding How We Got to HTML5 1Learning What's Different with HTML5 3Defining Web Applications 4Using the Open Web Standard 4Using HTML5 with iOS and Android Devices 6Writing Mobile Websites 7Summary 11Q&A 12Workshop 13Hour 2: New HTML5 Tags and Attributes with Mobile Development 15The New HTML5 Tags 15The New HTML5 Attributes 24Changes to HTML 4 Tags and Attributes 25Changes to HTML Syntax in HTML5 27Mobile Support of HTML5 Tags and Attributes 28Benefits of HTML5 for Mobile Web Development 29Summary 30Q&A 30Workshop 31Hour 3: Styling Mobile Pages with CSS3 33Quick Introduction to CSS 33What CSS3 Adds to the Party 42Using CSS3 on Mobile Devices 46Summary 46Q&A 46Workshop 47Hour 4: Detecting Mobile Devices and HTML5 Support 49Choosing What HTML5 Elements to Use 50Android and iOS Support for HTML5 50Detecting HTML5 Functions 52Degrading Gracefully 58Using CSS3 Media Queries to Detect Mobile Browsers 60Testing Your Applications 63Summary 64Q&A 64Workshop 65Hour 5: JavaScript and HTML5 Web Applications 67What is JavaScript? 67What is jQuery? 72Using jQuery Mobile 79Summary 82Q&A 82Workshop 83Hour 6: Building a Mobile Web Application 85Building a Site that Works on All Devices 85Deciding on What Type of Application You Want 86Building the Application in HTML 89Using CSS to Make the HTML Look Good 91Adding Mobile Meta Tags for More Effective HTML5 Pages 96Optimizing Your Site for Mobile 99Summary 102Q&A 102Workshop 103Hour 7: Upgrading a Site to HTML5 105Deciding When and How to Upgrade from HTML 4 105HTML5 Features that Work Right Now 111The State of HTML5 Browser Support 112Adding HTML5 Features as Extras on Your Site 113HTML5 Features that Turn Your Site into a Killer Mobile Application 115Summary 116Q&A 116Workshop 118Hour 8: Converting Web Apps to Mobile 119Choosing a Web Editor 120Testing Your Application 121Evaluating Your Content 123Changing the Visual Design for Mobile 124Checking for HTML5 and CSS3 130Supporting Multiple Devices 132Evaluating Finished Apps on Other Devices 133Getting an Application to Work on Older Browsers 134Summary 138Q&A 139Workshop 139Part II: Learning the HTML5 EssentialsHour 9: Adding Meaning with HTML5 Sectioning and Semantic Elements 141What Are Sectioning Elements? 141Using the New Sectioning Elements 142Marking Up HTML Semantically 154Summary 159Q&A 159Workshop 160Hour 10: Drawing with the HTML5 Canvas Element 163Using the Canvas Element 163Drawing Shapes on the Element 165Writing Fonts and Text on the Canvas 177Displaying Images 179How Is Canvas Different from SVG or Flash 182Summary 183Q&A 184Workshop 185Hour 11: Fonts and Typography in HTML5 187Defining the Elements of Typography 187Using Proper Typographical Entities 196Understanding Web Open Font Format (WOFF) 198Summary 202Q&A 202Workshop 203Hour 12: Audio and Video in HTML5 205Why Use HTML5 for Audio and Video vs Flash 205Choosing Video Formats for the Best Compatibility 207Choosing Audio Codecs for the Widest Support 208The New HTML5 Media Elements 210Useful Attributes to Extend Your Media 212Creating Fallback Options for Internet Explorer 216Creating Custom Controls with API Methods 217Summary 219Q&A 220Workshop 220Hour 13: HTML5 Forms 223New Usability Features in HTML5 Forms 223HTML5 Input Types 228Other New Form Elements 235Form Validation 237Summary 241Q&A 242Workshop 242Hour 14: Editing Content and User Interaction with HTML5 245The New contenteditable Attribute 245The execCommand Method 247Adding Spellcheck to Web Pages 251Hiding Elements 252Additional UI Components of HTML5 253Browser Support of UI and Editing Features 255Summary 257Q&A 258Workshop 258Hour 15: Microformats and Microdata 261Using Microformats 261Using Microdata 267Using RDFa 269Deciding Which Format to Use 270Mobile and Microformats 271Summary 272Q&A 273Workshop 274Hour 16: Working with HTML5 Drag-and-Drop Functionality 275Implementing Drag and Drop 275Drag-and-Drop Events 276Drag-and-Drop Attributes 279Helpful CSS Extensions 280Building a Drag-and-Drop Interface 280Using Drag and Drop on iOS 287Summary 290Q&A 290Workshop 291Hour 17: HTML5 Links 293How Links Have Changed in HTML5 293Link Types and Relationships 299Using the New Link Types 300Summary 306Q&A 306Workshop 307Part III: HTML5 for Mobile and Web ApplicationsHour 18: Web Application APIs and Datasets 309Creating Web Applications 309Datasets and data-* Attributes 318Summary 320Q&A 320Workshop 321Hour 19: WebSockets, Web Workers, and Files 323Two-Way Communication with WebSockets 323Running Scripts in the Background with Web Workers 326Handling Client-Side Files with the File API 331Summary 337Q&A 338Workshop 339Hour 20: Offline Web Applications 341Building Offline Apps and Converting Apps to Work Offline 341The Cache Manifest 343Using DOM Events and Properties for Offline Apps 347Debugging the Application Cache 351Summary 352Q&A 352Workshop 353Hour 21: Web Storage in HTML5 355What Is Web Storage? 356Web SQL and Indexed DB 361Summary 370Q&A 371Workshop 372Hour 22: Controlling the Browser History with the History API 373Why Control the Browser History? 373History API Methods 375Using the History API 375Dangers and Annoyances of the History API 383Summary 384Q&A 385Workshop 386Hour 23: Adding Location Detection with Geolocation 387What Is Geolocation? 387Privacy and Geolocation 394Creating a Mobile Geolocation Application 396Summary 401Q&A 401Workshop 402Hour 24: Converting HTML5 Apps to Native Apps 405Comparing the Difference Between Native and HTML5 Apps 405Converting to Native Apps 408Creating Application Icons 414Testing Your Applications 416Selling Your App in the App Stores 418Options Other Than Converting to Native Apps 419Summary 419Q&A 420Workshop 421Part IV: AppendixesAppendix A: Answers to Quizzes 423Hour 1, "Improving Mobile Web Application Development with HTML5" 423 Hour 2, "New HTML5 Tags and Attributes with Mobile Development" 423Hour 3, "Styling Mobile Pages with CSS3" 424Hour 4, "Detecting Mobile Devices and HTML5 Support" 424Hour 5, "JavaScript and HTML5 Web Applications" 425Hour 6, "Building a Mobile Web Application" 425Hour 7, "Upgrading a Site to HTML5" 426Hour 8, "Converting Web Apps to Mobile" 426Hour 9, "Adding Meaning with HTML5 Sectioning and Semantic Elements" 427Hour 10, "Drawing with the HTML5 Canvas Element" 427Hour 11, "Fonts and Typography in HTML5" 428Hour 12, "Audio and Video in HTML5" 428Hour 13, "HTML5 Forms" 429Hour 14, "Editing Content and User Interaction with HTML5" 429Hour 15, "Microformats and Microdata" 430Hour 16, "Working with HTML5 Drag-and-Drop Functionality" 430Hour 17, "HTML5 Links" 430Hour 18, "Web Application APIs and Datasets" 431Hour 19, "WebSockets, Web Workers, and Files" 431Hour 20, "Offline Web Applications" 432Hour 21, "Web Storage in HTML5" 432Hour 22, "Controlling the Browser History with the History API" 433Hour 23, "Adding Location Detection with Geolocation" 434Hour 24, "Converting HTML5 Apps to Native Apps" 434Appendix B: HTML Elements and Attributes 437HTML5 Elements 437HTML5 Attributes 442Appendix C: HTML5 and Mobile Application Resources 447Books 447Websites 448This Book's Website 448Index 449
