- HTML and CSS Overview
-
Understanding the DOM 4 min
-
Exploring HTML Tags 5 min
-
Using IDs and Classes 4 min
-
Writing CSS Selectors 4 min
- Activity
-
Writing CSS Selectors: Practice Activity 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 course, we'll 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.
You should take this course if you:
- Aren't familiar with HTML or CSS selectors
- Want a refresher on HTML or CSS selectors
Once you finish this course, you'll 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
Duration: 30 min