Books
Learn HTML
Learn CSS
Learn GIT
Learn JavaScript
Learn PHP
Exercises
HTML
JavaScript
GIT
CSS
PHP
Courses
Quizzes
Snippets
Tools
Courses
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
Quiz 15: DOM Basics
This video lesson is part of the course:
Academind
Single-Course License
Full access to "JavaScript - The Complete Guide 2020 (Beginner + Advanced)"
$39
$69
Access to this course only.
Buy Now
Academind Pro Membership
Unlimited access to this and all other current & future courses!
$19 /month
Cancel anytime!
Subscribe
×
Single-Course License
Full access to "JavaScript - The Complete Guide 2020 (Beginner + Advanced)"
$39
$69
Access to this course only.
Buy Now
Getting Started
(0/14)
Basics: Variables, Data Types, Operators & Functions
(0/46)
Efficient Development & Debugging
(0/19)
Working with Control Structures (if Statements, Loops, Error Handling)
(0/44)
Behind the Scenes & The (Weird) Past (ES3, ES5) & Present (ES6+) of JavaScript
(0/13)
More on Functions
(0/25)
Working with the DOM (Browser HTML Code) in JavaScript
(0/41)
162. Module Introduction
1:48
163. What's the "DOM"?
6:00
164. Document and Window Object
6:20
165. Understanding the DOM and how it's created
7:07
166. Nodes & Elements - Querying the DOM Overview
5:55
167. Selecting Elements in the DOM
9:54
168. Summary: Node Query Methods
1:00
169. Exploring and Changing DOM Properties
7:37
170. Attributes vs Properties
8:58
171. Selecting Multiple Elements & Summary
5:13
172. Quiz 15: DOM Basics
1:00
173. Assignment - DOM Querying (Problem)
2:10
174. Assignment - DOM Querying (Solution)
5:41
175. Traversing the DOM - Overview
6:22
176. Traversing Child Nodes
9:15
177. Using parentNode & parentElement
5:01
178. Selecting Sibling Elements
4:05
179. DOM Traversal vs Query Methods
4:35
180. Styling DOM Elements
12:18
181. Creating Elements with JS - Overview
2:42
182. Adding Elements via HTML in Code
7:42
183. Adding Elements via createElement()
5:42
184. Inserting DOM Elements
8:15
185. Cloning DOM Nodes
1:45
186. Live Node Lists vs Static Node Lists
4:55
187. Removing Elements
1:56
188. Insertion & Removal Method Summary
2:38
189. Summary: Insert, Replace, Remove
1:00
190. Setting Up the Practice Project
2:16
191. Selecting the Modal and "Add" Button
8:58
192. Opening a Modal by Changing CSS Classes
5:01
193. Controlling the Backdrop
8:04
194. Fetching and Validating User Input
8:06
195. Creating a Movie in JavaScript & Clearing the Input
4:00
196. Rendering Movie Items on the Screen
8:23
197. Deleting Movie Elements
9:12
198. Showing & Hiding the "Are you sure?" Dialog
7:08
199. Starting with the Confirmation Logic
4:29
200. Finishing the App
11:45
201. Wrap Up
1:55
202. Useful Resources & Links
1:00
More on Arrays & Iterables
(0/31)
More on Objects
(0/27)
Classes & Object-oriented Programming (OOP)
(0/28)
Deep Dive: Constructor Functions & Prototypes
(0/13)
Practice: OOP & Classes
(0/10)
Back to the DOM & More Browser APIs
(0/16)
Working with Events
(0/20)
Advanced Function Concepts
(0/13)
More on Numbers & Strings
(0/12)
Async JavaScript: Promises & Callbacks
(0/17)
Working with Http Requests
(0/19)
Working with JavaScript Libraries
(0/9)
Modular JavaScript (Working with Modules)
(0/14)
JavaScript Tooling & Workflows
(0/16)
Utilizing Browser Storage
(0/9)
JavaScript & Browser Support
(0/12)
Time to Practice: Share My Place App
(0/14)
Working with JavaScript Frameworks
(0/6)
Meta-Programming: Symbols, Iterators, Generators, Reflect API & Proxy API
(0/11)
Node.js: An Introduction
(0/20)
Security
(0/9)
Deploying JavaScript Code
(0/7)
Performance & Optimizations
(0/16)
Introduction to Testing
(0/9)
Bonus: Programming Paradigms (Procedural vs Object Oriented vs Functional)
(0/7)
Bonus: Data Structures & Algorithms Introduction
(0/11)
Bonus: TypeScript Introduction
(0/11)
Bonus: Web Components
(0/50)
Roundup & Next Steps
(0/1)