JavaScript: Working with the DOM & Events
ECMAscript 2019
| Intermediate
- 13 videos | 1h 20m 55s
- Includes Assessment
- Earns a Badge
Explore different features available in Javascript to manipulate elements of a web page by using its Document Object Model (DOM) structure and how Javascript interacts with a browser by using the Browser Object Model (BOM). In this 13-video course, key concepts covered include how to use the document object to retrieve individual elements of a web page and access their values and properties; how to alter web page contents by modifying a DOM; and how to retrieve children of elements of a web page as an array. Begin by observing how to write a function to generate an animation; how to define event listeners and handlers for clicks on web page buttons; and how to create handlers for events of users by clicking on buttons. Next, learners observe how to use handlers for mouse events on web page elements; how to use the screen, window, and navigator objects of BOM to get information about the end-user's environment; and how to use the window object to interact with the end-user's browser.
WHAT YOU WILL LEARN
-
discover the key concepts covered in this course
use the document object to retrieve individual elements of your web page and access their values and properties
alter the contents of a web page by modifying its DOM
retrieve the children of elements of your web page as an array
insert new elements into your web page by adding nodes to the DOM structure
delete or replace existing nodes in the DOM of your web page
write a function to generate an animation by periodically updating the DOM of your web page -
define event listeners and handlers for clicks on a web page button
create handlers for the events of users clicking on a button and for modifying the contents of a text box
define handlers for mouse events on elements of your web page
use the screen, window, and navigator objects of the BOM to get information about the end user's environment
use the window object to interact with the end user's browser
summarize the key concepts covered in this course
IN THIS COURSE
-
1.Course Overview2m 10sUP NEXT
-
2.An Introduction to Retrieving DOM elements9m 33s
-
3.Modifying the DOM of a Web Page3m 49s
-
4.Accessing the Child Nodes of a DOM Element8m 46s
-
5.Adding Nodes to the DOM8m 33s
-
6.Removing and Replacing Nodes in the DOM3m 47s
-
7.Generating an Animation with JavaScript6m 50s
-
8.An Introduction to Event Handling8m 9s
-
9.Event Handlers for Clicks and Input7m 56s
-
10.Event Handlers for Mouse Events5m 50s
-
11.The Browser Object Model (BOM)8m 1s
-
12.The window Object6m 20s
-
13.Course Summary1m 11s
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.
Digital badges are yours to keep, forever.
