DOM Manipulation with TypeScript

Focused View

Thomas Claudius Huber

2:33:44

10 View

1. Course Overview

1. Course Overview.mp4

01:47

2. Understanding DOM Manipulation

1. Introduction.mp4

01:26

2. What Is DOM Manipulation.mp4

03:28

3. What You Will Learn in This Course.mp4

01:27

4. Set up Your Environment.mp4

02:06

5. Explore and Run the Project.mp4

07:16

6. Manipulate the DOM.mp4

03:59

7. Summary.mp4

01:04

3. Exploring the DOM Data Types

1. Introduction.mp4

01:22

2. Know the Document Interface.mp4

06:19

3. Understand the Node Interface.mp4

04:20

4. Walk the DOM Tree.mp4

04:22

5. Use the TreeWalker Interface.mp4

03:23

6. Work with HTML Elements.mp4

03:45

7. Know How TypeScript Maps Elements.mp4

05:06

8. Use ChildNodes and Children.mp4

02:42

9. Summary.mp4

01:06

4. Selecting Elements

1. Introduction.mp4

01:23

2. Grab an Element by Its Id.mp4

02:11

3. Get Elements by Tag Name.mp4

02:33

4. Get Elements by Class Name.mp4

03:05

5. Grab an Element by a CSS Selector.mp4

05:21

6. Get Multiple Elements by a CSS Selector.mp4

03:23

7. Query from a Child Element.mp4

02:09

8. Summary.mp4

00:50

5. Creating and Removing Elements

1. Introduction.mp4

00:50

2. Grab the Elements.mp4

02:25

3. Add an Event Listener.mp4

03:48

4. Create and Append an Element.mp4

03:32

5. Build a Hierarchy of Elements.mp4

04:07

6. Remove an Element.mp4

02:33

7. Refactor the Code.mp4

02:05

8. Grab the Parent Element.mp4

04:02

9. Add a Keyup Event Listener.mp4

02:39

10. Use Prepend Instead of Append.mp4

01:24

11. Summary.mp4

00:51

6. Manipulating Elements

1. Introduction.mp4

01:01

2. Use TextContent and InnerText.mp4

04:59

3. Work with InnerHTML.mp4

02:36

4. Swap Content with InnerHTML.mp4

03:42

5. Build Components.mp4

04:53

6. Use the Components.mp4

02:30

7. Summary.mp4

00:57

7. Working with Styles

1. Introduction.mp4

00:51

2. Set Inline Styles.mp4

03:35

3. Refactor the Code.mp4

04:50

4. Set a CSS Class via SetAttribute.mp4

03:30

5. Set a CSS Class via ClassName.mp4

01:14

6. The Problem with These Approaches.mp4

03:03

7. Set a CSS Class via ClassList.mp4

04:42

8. Toggle a CSS Class via ClassList.mp4

04:56

9. Summary.mp4

02:16

Description

Modern JavaScript frameworks like Angular, React, or Vue.js use DOM manipulation to change the loaded HTML document. This course will teach you how to use DOM manipulation with TypeScript to select, create, and remove HTML elements in a web page.

What You'll Learn?

Modern web frameworks like Angular, React, or Vue.js use DOM manipulation to change the loaded HTML document. Knowing how to use TypeScript to change the loaded HTML document allows you to build interactive client-side web applications, regardless of whether you use a client-side web framework or not. In this course, DOM Manipulation with TypeScript, you’ll learn how to use TypeScript to select, change, remove, and create HTML elements on a web page. First, you’ll explore what DOM manipulation is and what are the most important data types. Next, you’ll discover how to select, create, and remove elements. Finally, you’ll learn how to manipulate elements, build components, and apply styles. When you're finished with this course, you’ll have the skills and knowledge of DOM manipulation with TypeScript needed to build interactive client-side web applications.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

TypeScript

Thomas Claudius Huber

Instructor's Courses

Thomas is a Microsoft MVP for Windows Development. He works as a developer, consultant, and trainer in the fields of .NET, C#, TypeScript, XAML, and Azure. Thomas is a well-known speaker and book author. He has written several special interest books in his areas, including an extensive handbook for Windows Presentation Foundation and a handbook on development with TypeScript. Thomas lives in Germany's Black Forest with his wife and their three daughters. In his spare time, he plays football and guitar, works out at the gym, and likes riding into the sunset with his motorcycle.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.