About This Course
- HTML and CSS Overview
Intro to the DOM 4 min
HTML Tags 5 min
HTML IDs and Classes 4 min
CSS Selector Deep-Dive 4 min
CSS Selector Writing Practice 3 min
- Course Wrap Up
Test Your Knowledge!
Course Feedback 2 min
Course Wrap-Up 1 min
Intro to HTML & CSS
Get a high level overview of HTML and learn how to use it when defining events in Heap.
In this self-paced course, we will introduce you to the basics of HTML and CSS selectors. HTML is one of the core building blocks on the web, and Heap uses this HTML to differentiate all of the events that we auto-capture. The content that we cover in this course won't make you a webmaster but it should give you a better understanding of how Heap works, and how you can write your own event selectors in Heap.
During this course, we will cover the basics of HTML, and go into detail into two of the most common attributes used in selectors: IDs and Classes. Finally, you will learn how to take this new insight and use it to write your own event definitions in Heap.
At the conclusion of this course learners will be able to:
Navigate the DOM hierarchy
Understand the difference between a parent, child, and sibling element
Recognize ID and Classes in the hierarchy
Understand how to craft a basic css selector
Test your selector in the Console
Write an element selector in the Heap events tab