learntheweb

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.

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 and const
  • 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()

DOM Manipulation Projects

Simple Todo List
Sticky Note Creator
Build a Timer