- Overview
- Transcript
- View Offline
-
-
-
-
-
-
-
Thanks for watching HTML5 + UX: Engaging Ecommerce.…If you would like to dig deeper into drag and drop, check out Bill…Weinman's course in the online training library at lynda.com called Drag and Drop in Depth.…Thanks again and have a great day.…
-
Resume Transcript Auto-Scroll
Author
Joseph Lowery
Released
11/6/2012
The HTML5 Projects series combines HTML5, CSS3, and recent JavaScript API technologies to workâenhancing your web projects with interactivity and multimedia. This installment shows you how to build features that allow visitors to your online store to filter their selections interactively via sliders, drag items onto wish lists, and automatically save them locally. Author Joseph Lowery uses this scenario as an opportunity to introduce concepts such as HTML5 form elements with JavaScript enhancements, local content storage, and drag-and-drop.
Topics include:
- Including range form elements
- Modifying the display interactively
- Establishing JavaScript functions
- Dragging items to wish lists
- Storing wish list items locally
- Saving and retrieving list items
Skill Level Intermediate
37m 29s
Duration
59,499
Views
Show More
Show Less
-
Introduction
-
Welcome54s
-
About the exercise files1m 11s
-
Course requirements1m 21s
-
-
1. Understanding the Project
-
2. Filtering with Sliders
-
3. Dragging Items to Compare
-
Adding JavaScript events6m 26s
-
4. Storing Wish List Items Locally
-
Saving list items3m 9s
-
Retrieving list items2m 36s
-
-
Conclusion
-
Next steps18s
-
Show MoreShow Less
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Next steps