2013
Lynda
Joseph Lowery
1:11
English
Imagine gathering some simple information about your site visitors (like gender, age, and location) and having that change the advertisements shown on the page. In this installment of HTM5 Projects, discover how to combine advanced HTML5 form elements to gather personal details from visitors and create a better user experience. Author Joseph Lowery shows how to leverage local storage to save and retrieve customization parameters, and work with the Canvas element to create a personalized ad on the fly. HTML5 technologies covered include HTML5 form elements, HTML5 local storage, HTML5 Canvas, and the HTML5 classList tag, which change classes on page elements without JavaScript.
Introduction 4m 27s
Welcome 1m 47s
About the exercise files 1m 17s
Course and browser requirements 1m 23s
1. Understanding the Project 6m 59s
What we're going to build 2m 43s
Exploring highlighted HTML5, CSS3, and JavaScript technologies 4m 16s
2. Mapping the Stores 25m 12s
Setting up the canvas 7m 0s
Using the CSS3 range form element 12m 11s
Building a flip card transition 6m 1s
3. Saving and Retrieving Customizations 34m 20s
Saving to local storage 5m 25s
Inserting the HTML placeholder ad 4m 10s
Using JavaScript to build the ad 10m 11s
Drawing ads dynamically with Canvas 14m 34s
Conclusion 25s
Next steps 25s
http://www.lynda.com/CSS-tutorials/HTML5-Projects-Personalized-Ads/118955-2.html

Download File Size:265.72 MB

---