Module Quiz: Project Foundations

Which of the following tags are used to define SEO-relevant data?

• <div>

• <meta>

• <nav>

• <header>

What are the benefits of semantic HTML? Select all that apply.

• Improves performance

• Improves SEO

• Improves accessibility

• Makes the code easier to read and understand

• Allows for more styling options

Which Open Graph tag should be used if you want to provide a title to a shareable link of your web page?

• og:header

• og:title

• og:description

• og:head

Which of the following are valid values for the CSS display property? Select all that apply.

• flex

• float

• grid

You are designing a website for a local restaurant. You’re using <div> tags for subheadings and a <ul> tag following each one which provides information about the subheading. To keep the website design consistent and the code to a minimum, you decide to use a general sibling selector to apply styling to each <ul> that comes after a <div>. Which of the following is the correct CSS combination selector to achieve this?

• div > ul

• ul ~ div

• div ~ ul

• ul > div

When should you use the pseudo-class selectors?

• You want to select elements that are wrapping other elements.

• You want to select elements that are wrapped by other elements.

• You want to select elements based on their state.

You’re designing a responsive portfolio website to show off your skills as a front end developer. Where possible you are trying to avoid absolute units of measurement in favor of relative values so that your portfolio website can be easily viewed across different viewport sizes. Which of the following are relative units of measurement? Select all that apply.

• in

• px

• rem

• vh

True or False: HTML event attributes don’t use parentheses; React event attributes use parentheses

• True

• False

What is prop in a react component?

• A way to handle user input.

• A property of a component's state.

• A way to pass data from a parent component to a child component.

• A way to modify the component's state.

True or False: Event handlers are one way in React to update a component’s state.

• True

• False