HTML
CSS
JavaScript
Best Practices
100

This punctuation is used to indicate that a tag is a closing tag.

What is a slash?

100
This property is used to change the color of text.

What is color?

100

This is a data type that indicates true or false.

What is a boolean?

100

<main>, <nav> and <aside> are examples of this type of tag.

What is semantic html?

200

These are the parts of a HTML document.

What is the head and body?

200

This type of selector can be used only once.

Bonus: what type of selector can be used multiple times?

What is an ID?

A class

200

This is a method used to print messages, often for debugging purposes.

What is console.log()?

200

This term refers to practices that increase your site's likelihood to be listed first in search results.

What is Search Engine Optimization?

300

This tag is used to create a link.

What is <a>?

300
These properties and values would be used to center elements vertically and horizontally.

What is justify-content: center and align-item: center?

300

This loop is used to cycle through elements in an array.

What is a forEach loop?

300

This term refers to websites that are designed to fit various window sizes.

What is responsive design?

400

The numbers in a heading (eg. h1 or h3) indicate this.

What is the importance of the heading?

400

:hover is an example of this type of class.

Bonus: what do we use this type of class for?

What is a pseudo class?

It allows us to specify a specific state or action taken on an element

400
Square brackets [] are used for this data type.

Bonus: what are curly braces {} used for?

What is an array?

400

This is used to adjust styling at various window sizes.

What is a media query?
500

This punctuation is used to create comments.

What is <!-- and --> ?
500

Units like em or rem can be classified as this.

Bonus: why do we use this type of unit?

What are relative units?

They help with responsive design.

500

This function is used to handle user input like clicks and form submissions.

What is addEventListener()?
500

These attributes in a label and input element should have the same value.

Bonus: why is this important?

What are ID (input) and for (label)?

It associates the 2 elements so that users know what the input field is for.

M
e
n
u