This book furthers my journey into HTML5, adopting an approach where I blend elements like canvas and video, delve into complex drawings using math, and apply fundamental programming concepts such as object-oriented programming and the division of content from logic. My interest also extended to integrating HTML5 and JavaScript with other technologies, notably Google Maps.
Each chapter is dedicated to a specific application or a group of interconnected applications. This method stems from my belief, shaped by both teaching and learning experiences, that understanding concepts and techniques is easier when seen in practical scenarios. The initial projects include crafting the HTML5 logo, introducing coordinate transformations right from the first chapter.
In the second chapter, the focus shifts to creating a family collage, inspired by my expanding family and the aim to explain object-oriented programming. This project serves as a solid base for readers to develop their personalized versions using their photos and custom objects. The third chapter explores creating a dynamic video that bounces around the screen, building upon previous two-dimensional works and exploring innovative ways to merge canvas with video.
Chapters four and five delve into utilizing the Google Maps API, offering a potent tool to embed Google Maps into your projects. The fourth chapter combines maps with canvas, featuring a unique cursor design and the use of transparency in path drawing. The fifth chapter uses mapping to link to media, presenting a quiz that leverages maps, showcasing how to segregate content from logic to facilitate scaling the application to various uses like regional tours or extensive geography quizzes.
The sixth chapter introduces a game titled "Add to 15," highlighting the use of arrays and the importance of anticipating and handling potential user errors, making it an exemplary case for these concepts.