HTML5 and JavaScript Projects

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

Who this book is for

HTML5 and JavaScript Projects is for the developer who wants and needs to move to the next level of Web development, including more sophisticated programming and the design and construction of sets of applications. This book targets people who want to go beyond the basics of HTML5 and, for example, incorporate maps using the Google Maps API into their work or build projects that require persistent data on the client computer (localStorage). The book will be helpful for people working in teams, where considerable effort is required to create, access and manage information.

Table of Contents

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