HTML5 and JavaScript Projects

  • 4h 57m
  • Jeanine Meyer
  • Apress
  • 2011

HTML5 and JavaScript Projects shows you how to build on your basic knowledge of HTML5 and JavaScript to create substantial HTML5 applications. Through the many interesting projects you can build in this book, you'll build your HTML5 skills for your future projects, and extend the core skills you may have learned with its companion book, The Essential Guide to HTML5.

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

What you’ll learn

  • How to create line drawings using mathematical operations for defining coordinate positions
  • How to incorporate Google Maps and geolocation to determine the location of the user
  • How to use locations as triggers for playing videos using JavaScript
  • How to combine the canvas with geolocation maps using HTML5 and JavaScript
  • Use HTML5 Audio for event sounds and background music
  • How to manipulate, store and retrieve complex information using localStorage
  • How to build applications involving JavaScript and the HTML5 APIs

About the Author

This is Jeanine Meyer's sixth book, the previous title being The Essential Guide to HTML5: Using Games to Learn HTML5 and JavaScript. She continues to enjoy being part of the excitement of HTML5.

In this Book

  • Building the HTML5 Logo — Drawing on Canvas, with Scaling, and Semantic Tags
  • Family Collage: Manipulating Programmer-defined Objects on a Canvas
  • Bouncing Video: Animating and Masking HTML5 Video
  • Map Maker: Combining Google Maps and the Canvas
  • Map Portal: Using Google Maps to Access Your Media
  • Where am I: Using Geolocation, the Google Maps API, and PHP
  • Origami Directions: Using Math-Based Line Drawings, Photographs, and Videos
  • Jigsaw Video: Using the Mouse and Touch to Arrange Images
  • US States Game: Building a Multiactivity Game
  • Web Site Database: Using PHP and MySQL