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

1. Building the HTML5 Logo — Drawing on Canvas, with Scaling, and Semantic Tags.- 2. Family Collage: Manipulating Programmer-Defined Objects on a Canvas.- 3. Bouncing Video: Animating and Masking HTML5 Video.- 4. Map Maker: Combining Google Maps and the Canvas.- 5. Map Portal: Using Google Maps to Access Your Media.- 6. Add to 15 Game.- 7. Origami Directions: Using Math-Based Line Drawings, Photographs, and Videos.- 8. Jigsaw Video.- 9. US States Game: Building a Multiactivity Game.- 10. Responsive Design and Accessibility.