You are previewing HTML5 and JavaScript Projects.
O'Reilly logo
HTML5 and JavaScript Projects

Book Description

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 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

Table of Contents

  1. Title
  2. Dedication
  3. Contents at a Glance
  4. Contents
  5. About the Author
  6. About the Technical Reviewer
  7. Acknowledgments
  8. Introduction
    1. Who Is This Book For?
    2. How Is This Book Structured?
  9. CHAPTER 1: Building the HTML5 Logo – Drawing on Canvas, with Scaling, and Semantic Tags
    1. Introduction
    2. Project History and Critical Requirements
    3. HTML5, CSS, and JavaScript features
    4. Building the application and making it your own
    5. Testing and uploading the application
    6. Summary
  10. CHAPTER 2: Family Collage: Manipulating Programmer-defined Objects on a Canvas
    1. Introduction
    2. Critical Requirements
    3. HTML5, CSS, and JavaScript features
    4. Building the application and making it your own
    5. Testing and uploading the application
    6. Summary
  11. CHAPTER 3: Bouncing Video: Animating and Masking HTML5 Video
    1. Introduction
    2. Project History and Critical Requirements
    3. HTML5, CSS, and JavaScript Features
    4. Building the Application and Making It Your Own
    5. Testing and Uploading the Application
    6. Summary
  12. CHAPTER 4: Map Maker: Combining Google Maps and the Canvas
    1. Introduction
    2. Latitude & Longitude and Other Critical Requirements
    3. HTML5, CSS, and JavaScript Features
    4. Building the Application and Making It Your Own
    5. Testing and Uploading the Application
    6. Summary
  13. CHAPTER 5: Map Portal: Using Google Maps to Access Your Media
    1. Introduction
    2. Project History and Critical Requirements
    3. HTML5, CSS, and JavaScript Features
    4. Building the Application and Making It Your Own
    5. Testing and Uploading the Application
    6. Summary
  14. CHAPTER 6: Where am I: Using Geolocation, the Google Maps API, and PHP
    1. Introduction
    2. Geolocation and Other Critical Requirements
    3. HTML5, CSS, JavaScript, and PHP Features
    4. Building the Application and Making It Your Own
    5. Testing and Uploading the Application
    6. Summary
  15. CHAPTER 7: Origami Directions: Using Math-Based Line Drawings, Photographs, and Videos
    1. Introduction
    2. Critical Requirements
    3. HTML5, CSS, JavaScript Features, and Mathematics
    4. Building the Application and Making It Your Own
    5. Testing and Uploading the Application
    6. Summary
  16. CHAPTER 8: Jigsaw Video: Using the Mouse and Touch to Arrange Images
    1. Introduction
    2. Background and Critical Requirements
    3. HTML5, CSS, JavaScript, and Programming Features
    4. Building the Application and Making It Your Own
    5. Testing and Uploading the Application
    6. Summary
  17. CHAPTER 9: US States Game: Building a Multiactivity Game
    1. Introduction
    2. Critical Requirements
    3. HTML5, CSS, JavaScript Features, Programming Techniques, and Image Processing
    4. Building the Application and Making It Your Own
    5. Testing and Uploading the Application
    6. Summary
  18. CHAPTER 10: Web Site Database: Using PHP and MySQL
    1. Introduction
    2. Critical Requirements
    3. SQL, PHP, HTML5, and JavaScript Features
    4. Building the Application and Making It Your Own
    5. Testing and Uploading the Application
    6. Summary
  19. Index