HTML5 and JavaScript Projects, 2nd Edition

Book Description

HTML5 and JavaScript Projects: Build on your Basic Knowledge of HTML5 and JavaScript to Create Substantial HTML5 Applications

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

HTML5 and JavaScript Projects is fully updated as a second edition and covers important programming techniques and HTML, CSS, and JavaScript features to help you build projects with images, animation, video, audio and line drawings. You’ll learn how to build games, quizzes and other interactive projects; incorporate the use of the Google Maps API and localStorage; and address the challenges of Responsive Design and Accessibility.

Each project starts out with a description of the example’s operation, often with full-color illustrations.  You’ll then review the HTML5 and JavaScript concepts that relate to the project followed by a step-by-step explanation of the programming used. Tables are used to show the relationship of functions and provide comments for each line of code so that you can easily apply the techniques to your own HTML5 projects.​

What You’ll Learn

• Enhance your HTML5 and JavaScript programming skills.
• Poduce applications combining Canvas drawings, photos, and videos
• Incorporate Google Maps and geolocation into your projects
• Build applications requiring persistent data, storing the information locally or on a database on the server

Who This Book Is For

Developers who have some knowledge of programming and want to build more substantial applications by combining basic features and combining JavaScript with other technologies.

Table of Contents

Chapter 1: Building the HTML5 Logo: Drawing on Canvas with Scaling and Semantic Tags
Chapter 2: Family Collage: Manipulating Programmer-Defined Objects on a Canvas
Chapter 3: Bouncing Video: Animating and Masking HTML5 Video
Chapter 4: Map Maker: Combining Google Maps and the  Canvas
Chapter 5: Map Portal: Using Google Maps to Access Your Media
Chapter 6: Add to 15 Game
Chapter 7: Origami Directions: Using Math-Based Line Drawings, Photographs, and Videos
Chapter 8: Jigsaw Video
Chapter 9: US States Game: Building a Multiactivity Game
Chapter 10: Responsive Design and Accessibility

中文：

书名：HTML5 and JavaScript Projects, 2nd Edition

HTML5和JavaScript项目：以您对HTML5和JavaScript的基本知识为基础，创建大量的HTML5应用程序

以您对HTML5和JavaScript的基本知识为基础，创建强大的HTML5应用程序。通过这本书中您可以创建的许多有趣的项目，您将为未来的项目开发HTML5技能，并扩展您可能在其配套书籍中学到的核心技能。 HTML5基本指南.

HTML5 and JavaScript Projects 作为第二版完全更新，涵盖了重要的编程技术以及HTML、CSS和JavaScript功能，以帮助您构建包含图像、动画、视频、音频和线条图的项目。您将学习如何构建游戏、测验和其他互动项目；如何结合使用Google Maps API和本地存储；以及如何应对响应式设计和可访问性的挑战。

每个项目都从对示例操作的描述开始，通常带有全彩色插图。然后，我将回顾与该项目相关的HTML5和JavaScript概念，然后逐步解释所使用的编程。表用于显示函数之间的关系，并为每行代码提供注释，以便您可以轻松地将这些技术应用到您自己的HTML5项目中。​

你会学到什么？

• 增强您的HTML5和JavaScript编程技能。
• 推荐组合了画布绘图、照片和视频的应用程序
• 将Google地图和地理位置整合到您的项目中
• 构建需要持久数据的应用程序，将信息存储在本地或服务器上的数据库中

这本书是为谁写的

对编程有一定了解并希望通过组合基本功能并将JavaScript与其他技术组合在一起来构建更多实质性应用程序的开发人员。

Table of Contents

第1章：构建HTML5标志：在画布上绘制具有可伸缩性和可伸缩性的语义标签
第2章：家庭拼贴：在画布上操作程序员定义的对象
Chapter 3: Bouncing Video: Animating and Masking HTML5 Video
第4章：地图制作：将谷歌地图和谷歌地图结合在一起
Chapter 5: Map Portal: Using Google Maps to Access Your Media
第6章：增加15场比赛
第7章：折纸方向：使用基于数学的线条画、照片和视频
第8章：拼图视频
第九章：美国国家游戏：建立一个更多活动的游戏
第十章：响应式设计和可访问性