Home

Listly

This wiki will guide you through the process of building Listly, an offline web app that stores and retrieves data to/from localStorage using HTML 5 and JavaScript.

Yes, it's Yet Another To-Do List. It's a popular class of app for tutorials, because the objects we're modeling are easy to understand, and we can add a decent amount of interesting interaction.

In the process of building this app, you'll learn how to do the following things:

• Traverse and manipulate DOM elements with jQuery
• Handle events the jQuery way
• Treat functions as objects and understand scope in closures
• Understand the value of this in a variety of contexts
• Use the constructor pattern to instantiate JavaScript objects
• Use HTML 5 localStorage to persist data
• Use jQuery UI Sortables for drag-and-drop reordering of items

Next: Initialize project