1. Building the HTML5 Logo — Drawing on Canvas, with Scaling, and Semantic Tags
2. Family Collage: Manipulating Programmer-Defined Objects on a Canvas
3. Bouncing Video: Animating and Masking HTML5 Video
4. Map Maker: Combining Google Maps and the Canvas
5. Map Portal: Using Google Maps to Access Your Media
6. Add to 15 Game
7. Origami Directions: Using Math-Based Line Drawings, Photographs, and Videos
8. Jigsaw Video
9. US States Game: Building a Multiactivity Game
10. Responsive Design and Accessibility
Jeanine Meyer is a Professor at Purchase College/SUNY and past Coordinator of the Mathematics/Computer Science Board of Study. Before Purchase, she taught at Pace University and worked at IBM Research and other parts of IBM and at other companies. She is the author of 4 books and co-author of 3 more on topics ranging from educational uses of multimedia, programming (two published by Apress), databases and number theory. She earned a PhD in computer science at the Courant Institute at New York University, an MA in mathematics at Columbia, and a SB (the college used the Latin form) in mathematics from the University of Chicago. She is a member of Phi Beta Kappa, Sigma Xi, Association of Women in Science, Association of Computing Machinery, and a featured reviewer for ACM Computing Reviews. Jeanine is trying but remains a beginner at Spanish and piano.
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.