Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
Build dynamic web applications
·
Module 2
Interactive Frontend with the DOM
1
Selecting Elements with querySelector
Select and manipulate HTML elements using `querySelector()` and `querySelectorAll()`.
2
Manipulating the DOM
Modify element content, attributes, and styles to dynamically update the UI.
3
DOM Manipulation for Interactive Interfaces
Create, append, and remove DOM elements to build interactive interfaces.
4
Handling User Events
Handle user events such as clicks, input changes, and form submissions.
Event Delegation for Dynamic Elements
Use event delegation to efficiently manage events on multiple or dynamic elements.
6
Building a To-Do List Application
Build a to-do list application that adds, deletes, and marks items as complete.
7
Saving and Loading Data with `localStorage`
Persist application state across browser sessions by saving and loading data from `localStorage`.
Previous module
JavaScript Core Concepts
Next module
Asynchronous JavaScript and APIs