HTML5 and JavaScript Projects covers the most important areas of HTML5 that you'll want to know how to program, including: video, and audio, databases, localStorage, and geolocation. The projects have been carefully selected to help you build your HTML5 and JavaScript programming skills. You'll build games and applications, such as video jigsaws,  recipe archives, paper dolls, and many more captivating examples.

Each project starts out with an introduction to the basic HTML5 and JavaScript concepts covered and then includes specific, appealing examples explained step-by-step. You'll also discover line-by-line explanations for every single line of code—we'll make sure that you can fully understand what each line of code does, so that you can easily take that understanding and apply it to your own HTML5 projects.

HTML5 and JavaScript Projects:

• Shows how to produce applications combining Canvas drawings, photos, and videos
• Explains how to incorporate Google Maps and geolocation into your projects
• Reveals how to 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. Paper Dolls—Accurately Positioning Objects on the Canvas
3. Bouncing Video—Animating and Masking HTML5 video
4. Map Maker—Combining Google Maps and Canvas  
5. Deep-Linking—Creating Journeys Through Video, Images and Maps  
6. Where Am I?—Building Games with the Geolocation API
7. Accurate Origami—Using Math to Draw Precise Paper Folding on the Canvas  
8. Video Jigsaw—Moving and Checking HTML5 Elements Using JavaScript
9. Picture Puzzle—Storing Game Scores and Choices Using the LocalStorage API
10. Bookmark Application—Using Form Validation and Databases