Back to the curriculum

DOM Manipulation & Browser Events

Summary

This course will teach you how to build interactive web pages using JavaScript. You'll start by learning how to navigate and manipulate the Document Object Model (DOM), then move on to handling user interactions through event-driven programming. In the final section, you'll apply these skills to create responsive interfaces and small web applications.

Phase

Front-end Development

Prerequisites

Course No. Name
JS229 Assessment: Object Oriented JavaScript
OR
LS221 Assessment: Data Structures and Algorithms
JS189 Assessment: Networked and Database Applications with JavaScript

Detailed Syllabus

The Document Object Model (DOM)

  • The DOM and Node Hierarchy
  • Node Properties and Types
  • Traversing and Manipulating Nodes
  • Element Attributes
  • Finding and Creating DOM Nodes

Event-Driven Programming

  • User Interfaces and Events
  • Page Lifecycle and User Events
  • Adding Event Listeners
  • The Event Object
  • Event Bubbling and Capturing
  • Preventing Default Behavior
  • Event Delegation