YoVDO

Build a Todo List App in HTML, CSS & JavaScript

Offered By: CODE4EDUCATION via YouTube

Tags

Javascript Courses Computer Science Courses Web Development Courses HTML Courses localStorage Courses

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 Methods
Coursera 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