bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/JavaScript

JavaScript

DOM and Browser APIs

Learn how JavaScript talks to the page, the browser, forms, and user interaction.

Lesson 1

The HTML DOM

The HTML DOM (HTML Document Object Model) is an Object Model for HTML Documents .

Read lesson →Loading…
Lesson 2

HTML DOM API

The DOM API (Application Programming Interface) is a set of Methods and Properties that allow JavaScript to change the content, structure, and style of any HTML elements.

Read lesson →Loading…
Lesson 3

Selecting DOM Elements

Often, with JavaScript, you want to manipulate HTML elements.

Read lesson →Loading…
Lesson 4

HTML DOM - Changing HTML

The HTML DOM allows JavaScript to change both the text and the content of HTML elements.

Read lesson →Loading…
Lesson 5

HTML DOM - Changing CSS

The HTML DOM allows JavaScript to change the style of HTML elements.

Read lesson →Loading…
Lesson 6

HTML Form Validation

HTML form validation can be done by JavaScript.

Read lesson →Loading…
Lesson 7

HTML DOM Animation

To demonstrate how to create HTML animations with JavaScript, we will use a simple web page:

Read lesson →Loading…
Lesson 8

HTML DOM Document

HTML DOM Document

Read lesson →Loading…
Lesson 9

JavaScript Events

HTML events are things that happen to HTML elements.

Read lesson →Loading…
Lesson 10

JavaScript Mouse Events

Mouse Events happen when the user interacts with the mouse.

Read lesson →Loading…
Lesson 11

JavaScript Keyboard Events

Keyboard Events happen when the user presses a key on the keyboard:

Read lesson →Loading…
Lesson 12

JavaScript Load Events

Load Events happen when the browser has finished loading an element.

Read lesson →Loading…
Lesson 13

JavaScript Timing Events

Timing Events let you run code:

Read lesson →Loading…
Lesson 14

JavaScript Event Management

Event Management is about adding, removing, and controlling events.

Read lesson →Loading…
Lesson 15

JavaScript HTML DOM Events

A JavaScript can be executed when an event occurs, like when a user clicks on an HTML element.

Read lesson →Loading…
Lesson 16

JavaScript EventListener

The addEventListener() method attaches an event handler to the specified element.

Read lesson →Loading…