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 courseuse the document object to retrieve individual elements of your web page and access their values and propertiesalter the contents of a web page by modifying its DOMretrieve the children of elements of your web page as an arrayinsert new elements into your web page by adding nodes to the DOM structuredelete or replace existing nodes in the DOM of your web pagewrite 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 buttoncreate handlers for the events of users clicking on a button and for modifying the contents of a text boxdefine handlers for mouse events on elements of your web pageuse the screen, window, and navigator objects of the BOM to get information about the end user's environmentuse the window object to interact with the end user's browsersummarize 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.