Build a Todo List App in HTML, CSS & JavaScript
Offered By: CODE4EDUCATION via YouTube
Course Description
Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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
Taught by
CODE4EDUCATION
Related Courses
Learn Javascript - 21 Essential Array MethodsCoursera Project Network via Coursera 3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn A Simple Scatter Plot using D3 js
Coursera Project Network via Coursera Access WebView in an Android Studio Project
Coursera Project Network via Coursera Deployment Pipelines using GitHub Actions
A Cloud Guru