top of page
logo-2-color_2x.png

>

>

Javascript DOM and Events

Module Lessons

Javascript DOM and Events

Go

Introduction to the Document Object Model

RE: Chapter 14


Learn how the browser turns HTML into a structure JavaScript can work with. This lesson introduces the DOM and shows how to select and update elements on a webpage.

46

Go

Introduction To Events

RE: Chapter 14


Learn how the browser turns HTML into a structure JavaScript can work with. This lesson introduces the DOM and shows how to select and update elements on a webpage.

47

Go

Forms and Input Handling

RE: Chapter 14


Learn how JavaScript responds when users interact with a page. This lesson introduces events and event listeners so buttons and other interface elements can trigger visible changes.

48

Go

Creating and Inserting Elements

RE: Chapter 14


Learn how to read user input and respond to it with JavaScript. This lesson focuses on text fields, form submission, and updating the page based on what a user types.

49

Go

Event Types and Event Objects

Re: Chapter 15


This lesson introduces the major event types used in web interfaces and shows how the event object gives you useful information about what the user did. Using a Spotify-style player, you will respond to clicks, keyboard input, mouse actions, and typing events.

50

Go

Targets Propagation and Default Actions

Re: Chapter 15


Learn how events travel through the DOM, how to tell what was actually clicked, and how to keep nested interactions from interfering with each other.

51

Go

Keyboard Pointer, Focus and Motion

Go beyond button clicks by using keyboard shortcuts, focus behavior, and pointer movement to make your Spotify-style player feel more interactive.

52

Go

Handling Errors and Reporting Problems Clearly

Learn how to debug event-driven JavaScript by reporting problems clearly in the console and in the interface itself.

53

Go

Practice Quiz - DOM and Events

Practice quiz covering event types and objects, event target, target propogation, default actions, different event types, dynamically inserting and updating content, and handling errors. 

53.1

bottom of page