HTML5 and JavaScript Projects : Build on Your Basic Knowledge of HTML5 and JavaScript to Create Substantial HTML5 Applications

Build on your basic knowledge of HTML5 and JavaScript to create substantial HTML5 applications. Through the many interesting projects you can create in this book, you'll develop HTML5 skills for future projects, and extend the core skills you may have learned with its companion book, The Essential Guide to HTML5 . HTML5 and JavaScript Projects is fully updated as a second edition and covers important programming techniques and HTML, CSS, and JavaScript features to help you build projects with images, animation, video, audio and line drawings. You'll learn how to build games, quizzes and other interactive projects; incorporate the use of the Google Maps API and localStorage; and address the challenges of Responsive Design and Accessibility. Each project starts out with a description of the example's operation, often with full-color illustrations. You'll then review the HTML5 and JavaScript concepts that relate to the project followed by a step-by-step explanation of the programming used. Tables are used to show the relationship of functions and provide comments for each line of code so that you can easily apply the techniques to your own HTML5 projects.​ What You'll Learn Enhance your HTML5 and JavaScript programming skills. Poduce applications combining Canvas drawings, photos, and videos Incorporate Google Maps and geolocation into your projects Build applications requiring persistent data, storing the information locally or on a database on the server Who This Book Is For Developers who have some knowledge of programming and want to build more substantial applications by combining basic features and combining JavaScript with other technologies. Front Matter ....Pages i-xix Building the HTML5 Logo: Drawing on Canvas with Scaling and Semantic Tags (Jeanine Meyer)....Pages 1-21 Family Collage: Manipulating Programmer-Defined Objects on a Canvas (Jeanine Meyer)....Pages 23-77 Bouncing Video: Animating and Masking HTML5 Video (Jeanine Meyer)....Pages 79-117 Map Maker: Combining Google Maps and the Canvas (Jeanine Meyer)....Pages 119-165 Map Portal: Using Google Maps to Access Your Media (Jeanine Meyer)....Pages 167-201 Add to 15 Game (Jeanine Meyer)....Pages 203-221 Origami Directions: Using Math-Based Line Drawings, Photographs, and Videos (Jeanine Meyer)....Pages 223-289 Jigsaw Video (Jeanine Meyer)....Pages 291-319 US States Game: Building a Multiactivity Game (Jeanine Meyer)....Pages 321-374 Responsive Design and Accessibility (Jeanine Meyer)....Pages 375-415 Back Matter ....Pages 417-425