Learn DOM Manipulation
In this DOM Manipulation course, you’ll dive deep into the world of JavaScript and learn how to interact with the Document Object Model (DOM). You’ll discover the power of manipulating HTML and CSS elements dynamically, updating content, and handling user interactions. Throughout the course, you’ll explore various methods and techniques to access, modify, and create elements on web pages. With DOM Manipulation, you’ll be able to create engaging and interactive web applications that respond to user actions and provide a seamless user experience.
- Skill Level:
Intermediate - Prerequisties:
JS Basics - # of Projects
Four - Course Length
Approx. 5 hours
Course Syllabus:
Getting Started
- What is JavaScript?
- Why learn JavaScript?
- What you’ll learn
- How to run JavaScript code
- Creating a separate JS file
DOM Manipulation Basics
- Variable syntax in JavaScript
- Understand how variables are stored
- Defining variables with
let
andconst
- Arithmetic/Numerical Operations in JavaScript
- Modulus Operator
- Strings in JavaScript
- Integers in JavaScript
- Integer Operations (+=, -=, *=, /=)
- Boolean Values in JavaScript
- Comparison Operators & Boolean Expressions
=
vs==
vs===
- Lists in JavaScript
if loop
syntax- Using the
else if
statement - Using the
else
statement - Logical Operators (And, Or, Not)
- Using Truth Tables
- String Indexes
- Using
.length
and.substring()
- Using
.toUpperCase()
and.toLowerCase()
- Splitting strings with
.split()
and using.replace()