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

Curriculum00:23

  • About this Course
  • HTML and CSS Overview
  • Intro to the DOM 00:04
  • HTML Tags 00:05
  • HTML IDs and Classes 00:04
  • CSS Selector Deep-Dive 00:04
  • Activity
  • CSS Selector Writing Practice 00:03
  • Course Wrap-Up
  • Test Your Knowledge!
  • Course Feedback 00:02
  • Course Wrap-Up 00:01

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

Curriculum00:23

  • About this Course
  • HTML and CSS Overview
  • Intro to the DOM 00:04
  • HTML Tags 00:05
  • HTML IDs and Classes 00:04
  • CSS Selector Deep-Dive 00:04
  • Activity
  • CSS Selector Writing Practice 00:03
  • Course Wrap-Up
  • Test Your Knowledge!
  • Course Feedback 00:02
  • Course Wrap-Up 00:01