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
Building the HTML5 Logo—Drawing on Canvas, with Scaling, and Semantic Tags
Paper Dolls—Accurately Positioning Objects on the Canvas
Bouncing Video—Animating and Masking HTML5 video
Map Maker—Combining Google Maps and Canvas
Deep-Linking—Creating Journeys Through Video, Images and Maps
Where Am I?—Building Games with the Geolocation API
Accurate Origami—Using Math to Draw Precise Paper Folding on the Canvas
Video Jigsaw—Moving and Checking HTML5 Elements Using JavaScript
Picture Puzzle—Storing Game Scores and Choices Using the LocalStorage API
Bookmark Application—Using Form Validation and Databases

Download File Size:6.94 MB

---