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

中文：

书名：HTML5和JavaScript项目

HTML5 and JavaScript Projects它向您展示了如何在您的HTML5和JavaScript基础知识的基础上创建大量的HTML5应用程序。通过这本书中你可以构建的许多有趣的项目，你将为你未来的项目建立你的HTML5技能，并通过它的配套书籍扩展你可能学到的核心技能。 HTML5基本指南.

HTML5 and JavaScript Projects 介绍HTML5中你想知道如何编程的最重要的领域，包括：视频、音频、数据库、本地存储和地理位置。我们精心挑选了这些项目，以帮助您掌握HTML5和JavaScript编程技能。您将构建游戏和应用程序，例如视频拼图、菜谱档案、纸娃娃以及更多引人入胜的例子。

每个项目都从介绍所涉及的基本HTML5和JavaScript概念开始，然后包括具体的、吸引人的示例，逐步进行解释。您还将发现每一行代码的逐行解释-我们将确保您能够完全理解每行代码的作用，以便您可以轻松地将其应用于您自己的HTML5项目。

HTML5 and JavaScript Projects:

• 演示如何生成组合了画布绘图、照片和视频的应用程序
• 介绍如何将Google地图和地理位置整合到您的项目中
• 介绍如何构建需要持久数据的应用程序，将信息存储在本地或服务器上的数据库中

你会学到什么

• 如何使用定义坐标位置的数学运算创建线条图
• 如何结合Google地图和地理位置来确定用户的位置
• 如何使用位置作为使用JavaScript播放视频的触发器
• 如何使用HTML5和JavaScript将画布与地理位置地图相结合
• 使用HTML5音频播放活动声音和背景音乐
• 如何使用本地存储操作、存储和检索复杂信息
• How to build applications involving JavaScript and the HTML5 APIs

这本书是为谁而写的

HTML5 and JavaScript Projects 面向希望并需要进入下一级Web开发的开发人员，包括更复杂的编程以及应用程序集的设计和构建。本书面向的是那些想要超越HTML5基础知识的人，例如，将使用Google Maps API的地图整合到他们的工作中，或者构建需要客户端计算机(LocalStorage)上的持久数据的项目。这本书将对在团队中工作的人有所帮助，在团队中，需要付出相当大的努力来创建、访问和管理信息。

目录表

1. 构建HTML5徽标-在画布上绘制，带有缩放和语义标签
2. 纸娃娃-在画布上准确定位对象
3. Bouncing Video—Animating and Masking HTML5 video
4. Map Maker—Combining Google Maps and Canvas
5. 深度链接-通过视频、图像和地图创建旅程
6. 我在哪里？-使用地理定位API构建游戏
7. Accurate Origami—Using Math to Draw Precise Paper Folding on the Canvas
8. 视频Jigsaw-使用JavaScript移动和检查HTML5元素
9. 图片拼图-使用LocalStorage API存储游戏分数和选择
10. 书签应用程序-使用表单验证和数据库