All Coursera Quiz Answers

Module Quiz: Project Foundations Quiz Answers

In this article i am gone to share Coursera Course: Front-End Developer Capstone by Meta Week 2 | Module Quiz: Project Foundations Quiz Answers with you..

Also visit: Module Quiz: Starting the Project Quiz Answers

Module Quiz: Project Foundations Quiz Answers

Question 1)
What is the advantage of using the <nav> tag over a <div> tag?

  • The <nav> tag has better browser support.
  • The <nav> tag is faster to render.
  • The <nav> tag has better styling options.
  • The <nav> tag is more semantically correct.

Question 2)
When creating an unordered list using semantic HTML, which tags should be used? Select all that apply.

  • <ol>
  • <ul>
  • <li>
  • <il>

Question 3)
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

Question 4)
In CSS grids, what is the main benefit to using the repeat() function?

  • It prevents a row or column from being repeated.
  • It defines the minimum and maximum values for a row or column.
  • It takes in a boolean which determines if the row or column should be allowed to be repeated.
  • It reduces the amount of code that needs to be written.

Question 5)
Which feature of CSS allows you to apply the same style to different elements, or groups of elements, based on their relationship to each other?

  • combination selectors
  • CSS grids
  • functions
  • units of measurement

Question 6)
You’ve designed a website for a client, and they’ve presented you with some feedback and suggestions they’d like implemented. One of the suggestions pertains to responsive design where the client would like to have the text change color to red when hovering over navigation links. Which one of the following would achieve this using pseudo-classes?

  • a:class { color:red; }
  • a:link { color:red; }
  • a:visited { purple:red; }
  • a:hover { color:red; }

Question 7)
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
  • vh
  • rem
  • px

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

  • True
  • False

Question 9)
What is prop in a react component?

  • A way to pass data from a parent component to a child component.
  • A way to handle user input.
  • A way to modify the component’s state.
  • A property of a component’s state.

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

  • True
  • False


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

  • <header>
  • <meta>
  • <div>
  • <nav>

Question 12)
Which of the following are true about the role attribute in HTML? Select all that apply.

  • It is global, so can be used to describe any element on a web page.
  • It links the element to another element.
  • It describes the role of an element.
  • It sets the default value of an element.

Question 13)
What is the minmax() function?

  • It defines a minimum and maximum value for the grid column or row.
  • It calculates the minimum of two values.
  • It calculates the maximum of two values.
  • It defines a maximum and minimum value for a JavaScript function.

Question 14)
You’re putting the finishing touches on a website you have built for a client, and you notice that when clicking links to navigate to other pages the text does not change color to purple after a page has been visited. To improve this, which one of the following would ensure that the links change color with the use of pseudo-classes?

  • a:class { color:purple; }
  • a:visited { purple:color; }
  • a:visited { color:purple; }
  • a:link { color:purple; }

Question 15)
Which of the following relative units would be appropriate to use when the dimensions of the viewport (web page area that the user is viewing) are important? Select all that apply.

  • rem
  • vw
  • vh
  • em
  • %

Question 16)
A child component in your React project is passed in data from a parent component which changes what the child component displays. Which type of data is the parent component passing to the child component?

  • props
  • tangible
  • state
  • super

Question 17)
What are semantic tags in HTML?

  • They are the tags that include data about your website’s encoding.
  • A way to describe the meaning of your website through the tags you use.
  • Semantic tags hold metadata about the website, such as the website version number.
  • A way in which you can reduce the number of tags used by using more general tags like <div>

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

  • Improves SEO
  • Improves performance
  • Allows for more styling options
  • Makes the code easier to read and understand
  • Improves accessibility

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

  • float
  • flex
  • grid

Question 20)
Which of the following CSS selectors is an example of an adjacent sibling selector?

  • div p
  • div + p
  • div > p

Question 21)
In React, which type of data is stored internally inside a component?

  • props
  • super
  • state
  • tangible

Question 22)
True or False: The following is valid JSX code:

export default function Body() {
< div className="body-grid">
< h1>This is the main body< /h1>
< /div>
  • True
  • False

Question 23)
What is Open Graph protocol?

  • A simple way to describe the content of a web page.
  • A way of sending JSON data across the web.
  • A secure protocol which enables clients to connect and share data.
  • A way of sharing images with other clients on the web.

Question 24)
When should you use the pseudo-class selectors?

  • You want to select elements that are wrapping other elements.
  • You want to select elements based on their state.
  • You want to select elements that are wrapped by other elements.

Question 25)
True or False: Every React component is a JavaScript function.

  • True
  • False

Question 26)
True or False: The following is a valid JSX code:


  • True
  • False

Question 27)
Choose the correct Open Graph value for the name attribute in the code below:

<meta name=”” content=””/>

  • og:image
  • og:title
  • og:description