Learn your way! Get started

JavaScript, Part 3 of 3: Document Object Model

with expert Laurence Svekis


Watch trailer


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 11/3/2021
Level Advanced
Runtime 2h 45m
Closed captioning N/A
Transcript N/A
eBooks / courseware N/A
Hands-on labs N/A
Sample code Included
Exams Included


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

Embark on your journey of web development by Mastering JavaScript. This course will go over the Document Object Model or DOM. It will discuss Classes, manipulating InnerContent, manipulating styles and elements, events and event listeners.

Prerequisites

HTML, CSS and Web development knowledge is helpful but not necessary.

Meet the expert

Providing Web development courses and digital marketing strategy courses since 2002. An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web & application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about ;everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.

Course outline



Module 7

Welcome to JavaScript DOM (27:28)
  • Introduction (00:08)
  • Welcome to JavaScript DOM (06:47)
  • Select and Element JavaScript DOM (05:15)
  • Element Selectors (09:11)
  • Element QuerySelectorAll (05:58)
  • Summary (00:08)
JavaScript Manipulation InnerContent (22:39)
  • Introduction (00:08)
  • JavaScript Manipulation InnerContent (06:21)
  • Element Attributes (06:14)
  • Attribute Updates (09:46)
  • Summary (00:08)
JavaScript and Classes (19:04)
  • Introduction (00:08)
  • JavaScript and Classes (06:52)
  • Element Children and Traversing (07:39)
  • More Traversing (04:16)
  • Summary (00:08)

Module 8

Element Manipulation Styles (22:13)
  • Introduction (00:08)
  • Element Manipulation Styles (07:17)
  • Create Elements (11:20)
  • Append Prepend Challenge (03:19)
  • Summary (00:08)
Remove an Element (28:55)
  • Introduction (00:08)
  • Remove an Element (10:51)
  • Element Clones (07:09)
  • Adding Event Listeners (10:38)
  • Summary (00:08)
Bubble and Capture Event Listeners (17:55)
  • Introduction (00:08)
  • Bubble and Capture Event Listeners (08:12)
  • JavaScript Event Listeners (09:26)
  • Summary (00:08)
More Event Listeners (27:10)
  • Introduction (00:08)
  • More Event Listeners (06:49)
  • Keyboard Events JavaScript (06:53)
  • List Challenge Events (13:11)
  • Summary (00:08)