nd-of-Course Graded Assessment

Course 1 – Introduction to Front-End Development quiz answers

Week 4: End-of-Course Graded Assessment

Meta Front-End Developer Professional Certificate

Complete Coursera Answers & Study Guide

Click to Enroll in Coursera Meta Front-End Professional Certificate

End-of-Course Graded Assessment INTRODUCTION

At the end of Coursera’s Meta Front-End Developer Professional Certificate program, you will be assessed on the key skills developed throughout the course. This End-of-Course Graded Assessment is designed to test your understanding of the essential concepts and techniques taught in this program. The assessment focuses on key topics such as HTML5 and CSS3, JavaScript, Responsive UI Design Patterns, Accessibility Compliance & Debugging. You will also be evaluated on your ability to apply these skills in a real-world context.

Upon successful completion of the assessment, you will receive a certificate confirming that you have acquired the necessary knowledge and skills for entry into the professional field of front-end web development.

Learning Objectives

  • Synthesize the skills from this course to create and style a simple Bio page.
  • Reflect on this course’s content and on the learning path that lies ahead.

SELF REVIEW: IMPROVE YOUR BIO PAGE WITH BOOTSTRAP

1. Using the web browser developer tools to check, does your web page content stack vertically on a mobile device?

  • Yes (Correct)
  • No

Correct: That’s correct! The web page content stacks vertically on mobile due to the Bootstrap grid rules.

2. Does the profile photo display in the right column of the page?

  • Yes
  • No (Correct)

Correct: That’s correct! The photo displays on the left side of the page as it was added to the first column of the grid.

3. Does the link to My Meta Profile display as a button?

  • Yes (Correct)
  • No

Correct: That’s correct! The link displays as a button because the Bootstrap button CSS class was added to the element.

COURSE 1 ASSESSMENT: INTRODUCTION TO WEB DEVELOPMENT

1. True or False. In the request/response cycle, the web browser sends the request.

  • Yes (Correct)
  • No

Correct: Well done. The web browser sends a request and receives a response from the web server.

2. In the web browser, what is the role of HTML?

  • To describe the content of the web page (Correct)
  • To provide interactivity and data processing
  • To describe the visual look and layout

Correct: That’s correct!

3. Which protocol is used to transfer HTML documents to the web browser when browsing the World Wide Web?

  • HyperText Transfer Protocol (HTTP) (Correct)
  • File Transfer Protocol (FTP)
  • Dynamic Host Configuration Protocol (DHCP)

Correct: Well done. HTTP and HTTPS are used to transfer HTML documents when browsing the World Wide Web.

4. True or False. Little Lemon will display in the web browser’s main window.

Main Window
Main Window
1
2  <!DOCTYPE html>
3  <html>
4  <head>
5    <title>Little Lemon</title>
6  </head>
7  <body>
8     <p>Our Menu</p>
9  </body>
10 </html>
11
  • True
  • False (Correct)

5. True or False. Unordered lists are defined in HTML using the <ol> tag.

  • True
  • False (Correct)

Correct: Well done. The <ul> tag is used to define an unordered list and the <ol> tag is used to define an ordered list.

6. What type of selector is used for the following CSS rule?

CSS Rules
CSS Rules
#header {
    width: 50%;
}
  • ID selector (Correct)
  • Element selector
  • Class selector

Correct: Well done. The ID selector is prefixed with a # character.

7. What is the margin-box width for the following CSS rule?

  • 20 pixels
  • 40 pixels
  • 60 pixels (Correct)

Correct: Well done. The margin-box width is the content width + padding width + border width + margin width.

8. How many columns does Bootstrap’s grid consist of?

  • 8
  • 10
  • 12 (Correct)

Correct: Well done. Bootstrap’s grid consists of 12 columns.

9. In the following HTML, the btn-primary CSS class is applied to the button element. What is this CSS class known as in Bootstrap?

BTN_primanry_CSS_Class
BTN_primanry_CSS_Class
<button class="btn btn-primary">Submit</button>
  • Infix
  • Modifier (Correct)
  • Component

Correct: Well done. Modifiers adjust the style of Bootstrap components.

10. React applications are built using reusable pieces of code. What are these pieces known as?

  • Elements
  • Components (Correct)
  • Snippets

Correct: Well done. React applications are built using reusable pieces of code called Components.

11. The code that runs on the web server is commonly known as _____________.

  • Hardware
  • Software (Correct)

Correct: Well done. The code is the software and the physical components are the hardware.

12. In the web browser, what is the role of JavaScript?

  • To describe the content of the web page
  • To provide interactivity and data processing (Correct)
  • To describe the visual look and layout

Correct: Well done. JavaScript allows developers to process user interaction and data.

13. Which of the following issues does UDP solve? Select all that apply.

  • Out of order data
  • Corrupted data (Correct)
  • Lost data (Correct)

Correct: Well done. UDP prevents data corruption but data can still arrive out of order or not arrive at all.

14. What will display in the web browser tab for the following HTML document?

1
2  <!DOCTYPE html>
3  <html>
4  <head>
5      <title>Little Lemon</title>
6  </head>
7  <body>
8      <p>Our Menu</p>
9  </body>
10 </html>
11
  • Little Lemon (Correct)
  • Our Menu

Correct: That’s correct! React applications are built using Components.

15. True or False. Ordered lists are defined in HTML using the <ul> tag. 

  • True (Correct)
  • False

Correct: That’s correct! React uses a Virtual DOM to represent the browser DOM in memory.

16. In the following CSS rule, what part of the rule is represented by div?

div {
    width: 50%;
}
  • Property
  • Selector (Correct)
  • Attribute

Correct: Well done. The CSS selector is the part of the rule represented by div.

17. What is the padding-box width for the following CSS rule?

div {
    width: 10px;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
  • 10 pixels
  • 15 pixels
  • 20 pixels (Correct)
  • 40 pixels

Correct: Well done. The padding-box width is the content width + padding width.

18. True or False. The libraries which our application depends on can be combined into a single file using code bundling.

  • True (Correct)
  • False

Correct: Well done. Code bundling helps to optimise the delivery of libraries to the web browser.

19. In the following HTML, Bootstrap grid CSS class col-xl-6 is applied to the div element. What is the xl part of the class known as?

<div class="col-xl-6">

</div>
  • Infix (Correct)
  • Modifier
  • Component

20. React stores a representation of the browser DOM in memory. What is this representation called?

  • The Virtual DOM (Correct)
  • The Memory DOM
  • The Copy DOM

Correct: Well done. The virtual DOM is used to represent the browser DOM in memory.

21. In the web browser, what is the role of CSS?

  • To describe the content of the web page
  • To provide interactivity and data processing
  • To describe the visual look and layout (Correct)

Correct: Well done. CSS describes how the content is presented in the web browser.

22. Which of the following is TCP suitable for transmitting? Select all that apply.

  • Text (Correct)
  • Video Streaming
  • Voice Calls
  • Images (Correct)

Correct: Well done. TCP’s reliable delivery is suitable for text content such as HTML documents. Well done. TCP’s reliable delivery is suitable for image content such as photos.

23. In the client/server model, is the web browser a client or a server?

  • Client (Correct)
  • Server

Correct: Well done. In the client/server model, the web browser is a client.

24. Which HTML tag is used to link to other HTML documents?

  • The image tag <img>
  • The anchor tag <a> (Correct)
  • The link tag <link>

Correct: Well done. The anchor tag is used to link to other HTML documents.

25. In the following CSS rule, what is the width: 50%; part of the rule known as?

div {
    width: 50%;
}
  • Property (Correct)
  • Selector
  • Attribute

End-of-Course Graded Assessment CONCLUSION

Now that you’ve completed this module, you should have a strong understanding of the key skills covered in the Course. You will be assessed on these skills in the final module. If you want to brush up on any of the topics before taking the assessment, we recommend revisiting the modules and readings.

There’s also a lot more to learn about digital marketing – so if you’re interested in delving deeper into any of the topics covered in this course, we encourage you to continue your studies with Coursera. Join us today and start learning!

Subscribe to our site

Get new content delivered directly to your inbox.

Liking our content? Then, don’t forget to ad us to your BOOKMARKS so you can find us easily!