JavaScript DOM Javascript Icon

47 lessons

7 hours

Star Icon Star Icon Star Icon Star Icon Star Icon

4.9/5 (6329 ratings)

JavaScript DOM

Star Icon Star Icon Star Icon Star Icon Star Icon

4.9/5 (6329 reviews)

Todd Motto

with Todd Motto

Uncover the depths of the DOM and truly understand your daily JavaScript development.

8

Chapters

47

Lessons

7

Hours
Closed Captions Icon

Closed Captions in English

Free Lesson Arrow Icon
Course Thumbnail
Play Icon

Updating State via Event Delegation 15:21

An excellent dive into JavaScript DOM, yet another stellar course - thoughtfully presented. Five stars all the way.
James Duffy

James Duffy

Full Stack Engineer
This felt like sitting in on a working JavaScript programmer as he was working through various parts of a program. For me, that really worked. Many of the concepts that seemed complex before became understandable.
Bruce Peters

Bruce Peters

Owner and Developer, Just Loans Inc.
Best way to learn DOM interaction for JavaScript! I am a big fan of Todd Motto, I have been following him since his Angular classes are introduced.
Krishna Prasad

Krishna Prasad

Front-End Developer
I have been waiting for JavaScript DOM for a long time, and understand now why it took long to craft it. It's complete, precise, thanks so much!
Nicolas Devaux

Nicolas Devaux

Tech Lead Developer, Naxos
Was the perfect JavaScript intro 7 months ago. Now with an dev internship under my belt, I revisited at 2x speed and filled in some gaps.
Chris Archer

Chris Archer

Developer Intern, Gemini Society
As a complete beginner, this course was perfect for me. I now feel super confident in my JavaScript skills. Thank you very much Todd, for this clear and comprehensive course.
Nguyen Thanh Xuan

Nguyen Thanh Xuan

Software Engineer
I have 30+ years as software programmer, and found JavaScript Basics very well explained and easy to follow alone.
Hishmad Amudi

Hishmad Amudi

CTO, PT. Global Kreasi Dana
Todd is the master of JavaScript - as we all know! This course is so clear and well presented. I’ve learned so much from these lessons and will refer back to them forever.
Elliott Porter

Elliott Porter

Full Stack Developer
The way JavaScript should be taught from the start. I've watched it 3 times and learn more each time.
Franco Zanki

Franco Zanki

JavaScript Developer

Here's what's inside...

Everything you need, structured and ready to go.

Introduction

3 lessons

  • Play Icon The Missing JavaScript DOM Introduction

    10:07

  • File Icon Setup Instructions

    Readme

  • Play Icon Project Walkthrough and Install

    04:38

DOM Events and JavaScript Loading

2 lessons

  • Play Icon Understanding DOM Loading Events

    09:55

  • Play Icon Understanding JavaScript Loading

    05:22

DOM Nodes In-Depth

10 lessons

  • Play Icon DOM Nodes Explained

    14:35

  • Play Icon Creating DOM Nodes

    06:45

  • Play Icon Changing Content of DOM Elements

    09:22

  • Play Icon innerHTML versus createElement

    11:18

  • Play Icon Using DocumentFragments

    07:46

  • Play Icon Inserting DOM Elements

    08:26

  • Play Icon Inserting DOM as String Templates

    06:11

  • Play Icon Replacing DOM Elements

    05:19

  • Play Icon Cloning DOM Elements

    04:56

  • Play Icon Removing DOM Elements

    04:01

Querying and Traversing the DOM

6 lessons

  • Play Icon Querying DOM Nodes (HTMLCollections)

    11:09

  • Play Icon Querying DOM Nodes (NodeLists)

    08:10

  • Play Icon Looping over DOM Elements

    06:34

  • Play Icon Finding Child Elements

    09:24

  • Play Icon Finding Parent Elements

    03:51

  • Play Icon Finding Sibling Elements

    05:06

Attributes, Styles and Classes

4 lessons

  • Play Icon Element Properties versus HTML Attributes

    07:01

  • Play Icon Setting and Getting HTML Attributes

    05:09

  • Play Icon Setting and Getting Inline Styles

    07:12

  • Play Icon Setting and Getting Classes

    09:33

Events and Event Listeners

6 lessons

  • Play Icon Adding Event Listeners and Event Object

    12:30

  • Play Icon Removing Event Listeners

    07:10

  • Play Icon Event Bubbling, Capturing and Propagation

    12:31

  • Play Icon Preventing Default Event Actions

    11:09

  • Play Icon Event Delegation and Dynamic Events

    13:13

  • Play Icon Keyboard Events

    10:37

Forms and Events

8 lessons

  • Play Icon Accessing Forms and Elements

    11:00

  • Play Icon Form Submit Event and FormData

    11:41

  • Play Icon Transforming FormData for the Server

    16:30

  • Play Icon Posting FormData via Fetch API

    05:50

  • Play Icon Handling Input Elements

    10:46

  • Play Icon Handling Radio Input Elements

    11:53

  • Play Icon Handling Checkbox Input Elements

    07:53

  • Play Icon Handling Select Elements

    13:18

Project Build

10 lessons

  • File Icon Setup Instructions

    Readme

  • Play Icon Project Setup and Install

    04:03

  • Play Icon Structuring our HTML Template

    04:25

  • Play Icon State Initialization and Submit Events

    06:48

  • Play Icon Rendering State with Template Literals

    07:54

  • Play Icon Updating State via Event Delegation

    15:21

  • Play Icon Deleting Items from State

    06:57

  • Play Icon Toggling UI State and Filtering Collections

    07:18

  • Play Icon Persisting State to LocalStorage

    09:04

  • Play Icon Dynamic DOM Injection and Editing

    17:55

Get the complete package...

Everything you need to start mastering JavaScript today

JavaScript DOM

129

/user

189

Save 32%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

JavaScript Kickstart Bundle

199

/user

258

Save 23%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

Moneyback Icon

30-day money back guarantee

If you're disappointed for whatever reason, you'll get a full refund (but I'm sure you won't need it).

Discount Icon

Location discounts and students

Not-so-good exchange rate? (i.e. India/Brazil). Student?
Email us for a coupon for your country or student ID.