Learn JavaScript HTML DOM and practice by building projects

Practical guide to understanding and manipulating HTML DOM using JavaScript, and put into practice what you've learned!

What you'll learn
What is the HTML DOM?
The HTML DOM (Document Object Model)
WHAT JAVASCRIPT CAN DO ON HTML DOM
JavaScript - HTML DOM Methods
Finding HTML Elements
Finding HTML Element by Id
Finding HTML Elements by Tag Name
Finding HTML Elements by Class Name
Finding HTML Elements by CSS Selectors
Finding HTML Elements by HTML Object Collections
Changing HTML Content
Changing HTML Content
Changing the Value of an Attribute
JavaScript HTML DOM - Changing CSS
Using Events
HTML Event Attributes
Assign Events Using the HTML DOM
The onload and onunload Events
The onchange Event
The onmouseover and onmouseout Events
The onmousedown, onmouseup and onclick Events
JavaScript HTML DOM EventListener
Add an Event Handler to the window Object
Event Bubbling or Event Capturing?
JavaScript HTML DOM Navigation
Node Relationships
Navigating Between Nodes
JavaScript HTML DOM Elements (Nodes)
Creating New HTML Elements (Nodes)
Creating new HTML Elements - insertBefore()
Removing Existing HTML Elements
Replacing HTML Elements
The HTMLCollection Object
HTML HTMLCollection Length
The HTML DOM NodeList Object
The Difference Between an HTMLCollection and a NodeList
Practice projects

Requirements
Be able to write basic HTML and CSS
Be able to use a code editor
Be able to style HMTL document using CSS
Be able to write basic JavaScript Code
Description
In this course, we are going to dive deep into JavaScript HTML DOM. JavaScript is the most popular programming language as per the StackOverflow survey. It is the programming language of the web. However, despite its advantages, JavaScript can be hard to grasp especially if you are just beginning after completing the HTML CSS basics. In this course, I try to simplify by narrowing it down to the JS HTML DOM, which just but one area that JavaScript comes in handy! In this JavaScript DOM course, we are going to:

Look at the course structure

Look at course assumptions - These are the instructor's assumptions about the irreducible minimum requirements for the students joining this course.

Look at what is HTML DOM - This is the definition and explanation of what HTML DOM really is and the structure.

Look at what JavaScript can do to HTML DOM elements.

Look at how we can use JavaScript to find HTML elements we want to manipulate in an HTML Document.

Look at how we can change the element property-value using JavaScript.

Have a deep dive into JavaScript DOM events - Here we are going to dive deeper into events link onclick, onchange, onmouseover among many other events and practical use cases.

Look at HTML nodes

Look at HTML collections

Start practical projects

Who this course is for:
Beginner HTML and CSS to intermediate students
Beginner to intermediate Javascript students