Project: A To-do List
Explore jQuery basics by building an interactive to-do list project. Learn to assign event handlers, add and delete tasks, apply effects, and import tasks, gaining hands-on experience with core jQuery functions.
We'll cover the following...
Project
To better understand jQuery applications, we will be working on an interactive project. In this project, we will add jQuery functionality to a “to-do list” webpage. The project will build incrementally and be divided into six sub-tasks:
- Assigning a click event handler
- Adding a task in the todo list
- Deleting a task from the todo list
- Moving a task from todo to done
- Moving and removing tasks with effects
- Importing tasks to the to-do list from a server
Each of the sub-tasks will provide a hands-on experience meant to test the functionality learned in a given chapter.
Final Preview
Below is a preview of what the final project will look like after adding jQuery functionality.
You can play around with the web page by adding, deleting, or updating a task while focusing on its interactivity and functionality.