Intro to HTML & CSS

Intro to HTML & CSS

Get a high level overview of HTML and learn how to use it when defining events in Heap.

About this course

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.

Course Objectives

 

After this session you should be able to do the following:

  • 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

Curriculum23 min

  • 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
  • Activity
  • CSS Selector Writing Practice 3 min
  • Course Wrap-Up
  • Test Your Knowledge!
  • Course Feedback 2 min
  • Course Wrap-Up 1 min

About this course

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.

Course Objectives

 

After this session you should be able to do the following:

  • 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

Curriculum23 min

  • 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
  • Activity
  • CSS Selector Writing Practice 3 min
  • Course Wrap-Up
  • Test Your Knowledge!
  • Course Feedback 2 min
  • Course Wrap-Up 1 min