Build a Todo List App in HTML, CSS & JavaScript

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Create a fully functional Todo List application using HTML, CSS, and JavaScript in this comprehensive tutorial. Learn to build a responsive user interface, implement local storage for data persistence, and develop key features including adding tasks, marking them as complete, editing entries, filtering by status, and clearing the list. Master fundamental web development concepts while constructing a practical project that enhances productivity and task management skills.

Syllabus

Intro
Build A Todo List App In HTML, CSS & JavaScript
Todo App Project Setup
Todo App HTML
Todo App CSS
Todo App Box Design CSS
Todo App JavaScript
Todo App Variables In JavaScript
Step 1 Create Function Local Storage Set Item In JavaScript
Step 2 Create Function Dynamic Todo List In JavaScript
Step 3 Create Update Status Function In JavaScript
Step 4 Create Show Menu Function In JavaScript
Step 5 Create Delete Function In JavaScript
Step 6 Create Edit Function In JavaScript
Step 7 Create Filter Function In JavaScript
Step 8 Clear Button Function In JavaScript
Build A Todo List App In HTML, CSS & JavaScript Completed