Vanilla JavaScript: Building on the Document Object Model (DOM)

Focused View

1:47:36

0 View

[1] Introduction

[1] Learn the JavaScript DOM inside and out.mp4

00:41

[2] Where to start.mp4

00:22

[2] 1. Key DOM Concepts

[1] The Node interface.mp4

02:13

[2] DOM-specific maps and lists.mp4

08:05

[3] Random access with querySelector().mp4

09:36

[4] CRUD in the DOM.mp4

09:09

[5] Challenge queryAll++.mp4

00:55

[6] Solution queryAll++.mp4

03:59

[3] 2. HTML to DOM

[1] Where does the DOM come from.mp4

03:04

[2] DIY HTML parsing.mp4

01:21

[3] Building a firm foundation The lexer.mp4

14:37

[4] Parsing text.mp4

03:32

[5] Parsing comments.mp4

03:40

[6] Parsing elements.mp4

07:16

[7] Parsing attributes.mp4

07:12

[8] Challenge Void elements.mp4

01:02

[9] Solution Void elements.mp4

03:03

[4] 3. Transforming the DOM

[1] Traversing the tree.mp4

01:44

[2] Building a pretty printer.mp4

01:04

[3] Processing document fragments.mp4

03:30

[4] Processing comments.mp4

03:08

[5] Processing elements.mp4

06:59

[6] Processing element attributes.mp4

05:15

[7] Handling text and cleanup.mp4

02:54

[8] Challenge Empty tags.mp4

00:31

[9] Solution Empty tags.mp4

02:13

[5] Conclusion

[1] Level up your DOM skills.mp4

00:31

Description

At the heart of every web application and framework (such as Angular or React) lies the DOM, the Document Object Model. In this course, instructor W. Scott Means explores the DOM from the bottom up. After a fast-paced introduction to the Node interface and DOM trees, Scott takes things to the next level by constructing a functioning HTML parser. He shows you how HTML source code is translated into a complete DOM tree, including comments, text nodes, and elements with attribute nodes. Then, Scott demonstrates how the resulting DOM tree can be traversed and transformed using DOM-specific maps and lists, tree references, and document fragments to produce pretty-printed HTML output. He concludes the course with advice on how you can practice what you’ve learned and get one step closer to mastering the DOM.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.