Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Making a Dynamic Todo List with JavaScript

via CodeSignal

Overview

Build on your static Todo List by adding interactivity using JavaScript. This course will teach you how to manipulate the DOM and handle user events to dynamically update the Todo List without a backend server.

Syllabus

  • Lesson 1: Linking JavaScript to Dynamically Add Items
    • Select the Todo List
    • Find and Fix the Error
    • Write Interactive JavaScript
    • Add Interactivity to Your Todo List
    • Create Your Interactive Movie List
  • Lesson 2: Deleting Todo Items
    • Remove the Todo List
    • Fix Todo Item Deletion
    • Remove a Movie from the List
    • Managing a Guest List with JS
    • Managing and Deleting Todo Items
  • Lesson 3: Adding Checkboxes to Mark Completion
    • Enhance Todo List Aesthetics
    • Fix the Delete Functionality
    • Adding a Checkbox, Movie, and Delete Button to a Movie List
    • Check Off Songs from your List
    • Add and Delete Movie List
  • Lesson 4: Reordering Todo Items
    • Move Two Positions at Once
    • Fix the To-do List Bugs
    • Move the Tasks Around
    • Prioritizing Tasks
    • Implement Your Dynamic Todo List
  • Lesson 5: Storing Todos Locally
    • Reorganize the Todo List
    • Fix Bugs and Save Todos
    • Add Saving Functionality to Todo List
    • Add Loading Functionality to your Todo List
    • Build a Complete Todo List

Reviews

Start your review of Making a Dynamic Todo List with JavaScript

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.