
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.

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?

#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?

<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.
Quiztudy Top Courses
Popular in Coursera
- Meta Marketing Analytics Professional Certificate.
- Google Digital Marketing & E-commerce Professional Certificate.
- Google UX Design Professional Certificate.
- Meta Social Media Marketing Professional Certificate
- Google Project Management Professional Certificate
- Meta Front-End Developer Professional Certificate
Liking our content? Then, don’t forget to ad us to your BOOKMARKS so you can find us easily!