HTML5 and JavaScript Projects

1. Front Matter

   Pages i-xv

   PDF

2. Building the HTML5 Logo — Drawing on Canvas, with Scaling, and Semantic Tags

   • Jeanine Meyer

   Pages 1-18

3. Family Collage: Manipulating Programmer-defined Objects on a Canvas

   • Jeanine Meyer

   Pages 19-52

4. Bouncing Video: Animating and Masking HTML5 Video

   • Jeanine Meyer

   Pages 53-87

5. Map Maker: Combining Google Maps and the Canvas

   • Jeanine Meyer

   Pages 89-128

6. Map Portal: Using Google Maps to Access Your Media

   • Jeanine Meyer

   Pages 129-182

7. Where am I: Using Geolocation, the Google Maps API, and PHP

   • Jeanine Meyer

   Pages 183-224

8. Origami Directions: Using Math-Based Line Drawings, Photographs, and Videos

   • Jeanine Meyer

   Pages 225-282

9. Jigsaw Video: Using the Mouse and Touch to Arrange Images

   • Jeanine Meyer

   Pages 283-320

10. US States Game: Building a Multiactivity Game

    • Jeanine Meyer

    Pages 321-365

11. Web Site Database: Using PHP and MySQL

    • Jeanine Meyer

    Pages 367-423

12. Back Matter

    Pages 425-432

    PDF

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

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.

Policies and ethics