DOM 2023 - Using the DOM and JavaScript to Build Dynamic Websites

In the first half of the course, we will cover everything you need to start coding dynamic sites by yourself. It gives you the sound fundamentals and essential practical regarding the DOM. You will emerge from part 1 with a basic understanding and practical experience. It will take you to the point where you will understand what the DOM is, why we need it, how to access it, where to find it, and how to manipulate it. By the end of part 1, you will have learned about front-end web development by mastering the Document Object Model.

The second half of the course provides a whole different world of fun with amazing practical examples that will captivate you and catapult you to the next level and set you well on your way to becoming a true Grandmaster in front-end web development. By the end of part 2, you will have learned more about front-end web development by working with events in the Document Object Model.

By the end of this course, you will be able to “speak” and “walk” DOM by gaining an understanding of how you can manipulate it in meaningful and practical ways.

All the resources for this course are available at https://github.com/PacktPublishing/DOM-2022---Using-the-DOM-and-JavaScr…

Type
video
Category
publication date
2022-05-30
what you will learn

Explore different environments of JavaScript
Understand the Document Object Model
Learn the different types of events (such as keyup, mousemove, touch, and so on)
Learn to stop events from traversing up or down the DOM
Learn to access elements and remove items from the DOM
Explore object hierarchy

duration
892
key features
Learn how your website can come alive with actions, such as zitsy changes on click, color wheel, drop down, response on form submissions, and much more * Build awesome dynamic front-end applications * Become a pro at listening for events that are fired
approach
Theories are theories. However, nothing beats sitting in front of your computer and typing code. That‘s why, during this course, we will be coding, laughing, and ripping our hair out together as we create real-world websites and exercises.

This course walks you through the DOM piece by piece using actual examples. We also make use of the most up-to-date JavaScript and browser technologies (such as the new delete API) to keep you ahead of the competition.
audience
It makes no difference where you are on your web development path. This course is appropriate for all skill levels.

If you want to become a full-stack web developer or construct dynamic, fascinating, and acclaimed websites, this course is for you.

Basic HTML, CSS, and JavaScript will be useful, but they are not required.
meta description
From the beginning to the end, learn and master the DOM (Document Object Model) in simple steps
short description
Delivering an interactive web experience can be challenging but not impossible. This course will provide you with the core fundamentals of front-end web programming and how to understand the DOM (Document Object Model). After that, we will take a deep dive into advanced DOM concepts, which include events, hierarchy, and bubbling.
subtitle
Understand and master DOM (Document Object Model) from basic to advance in easy steps
keywords
DOM, Dynamic Websites, JavaScript, web development, Events, bubbling, hierarchy
Product ISBN
9781804619575