META BACK-END DEVELOPER PROFESSIONAL CERTIFICATE

Course 1 – Introduction to Back-End Development

Week 4: End-of-Course Graded Assessment

Coursera Study Guide

Click to Enroll in Coursera Meta Back-End Professional Certificate

CONTENT

SELF REVIEW: IMPROVE YOUR BIO PAGE WITH BOOTSTRAP
COURSE 1 ASSESSMENT: INTRODUCTION TO WEB DEVELOPMENT

In this module, you will be assessed on the key skills covered in the Course.

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. 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.

2. 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.

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

Video Streaming
Voice Calls

Text (CORRECT)
Images (CORRECT)

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

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Little Lemon</title>
</head>
<body>
    <p>Our Menu</p>
</body>
</html>

Little Lemon (CORRECT)
Our Menu

Correct: Well done. The content inside the title element will display as the web page name in the browser tab.

5. 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.

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. 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.

8. True or False. The following div element will fill 6 columns of the Bootstrap grid on desktop devices.

1
2   <div class="col-12 col-lg-6">
3
4   </div>
5

True (CORRECT)
False

Correct: Well done. The lg breakpoint will adjust the content on displays larger than 992px wide.

9. True or False. Dynamic content is generated by an Application Server.

True (CORRECT)
False

Correct: Well done. Static content are files sent directly by the web server whereas dynamic content is generated by an application server.

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

True (CORRECT)
False

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

11. 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.

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

Out of order data
Lost data

Corrupted data (CORRECT)

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

13. What will display on the web page inside the web browser 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

Our Menu (CORRECT)

Correct: Well done. The content inside the body element displays on the web page.

14. A hyperlink is used to link to other documents and content. Which of the following is the correct way to use a hyperlink?

<anchor src="dog.htm">My Dog</anchor>
<a href="cat.html">My Cat</a>
<a src="mouse.html">My Mouse</a>

<anchor src=”dog.htm”>

<a href=”cat.html”> (CORRECT)
<a src=”mouse.html”>

Correct: Well done. A hyperlink is defined using the anchor (a) tag and the href attribute.

15. What is the border-box width for the following CSS rule?

div {
    width: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border-width: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

20 pixels
25 pixels
30 pixels (CORRECT)

50 pixels

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

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

10
12 (CORRECT)

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

17. 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.

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

<!DOCTYPE html>
<html>
<head>
    <title>Little Lemon</title>
</head>
<body>
    <p>Our Menu</p>
</body>
</html>

True
False (CORRECT)

Correct: Well done. The content inside the body element displays on the web page.

19. 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.

20. 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.

21. 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

Correct: Well done. Infixes represent the responsive breakpoints in the Bootstrap grid.

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

Combine all your dependencies into a single file. (CORRECT)
Upload your CSS to the web server.

Add images to your website.

Correct: That is correct! You will use a bundling tool to gather all your dependencies and combine them so that they can be referenced from your HTMLfile.

10. There are media queries that are a part of the CSS version 3 specification. What do they allow developers to query in order to conditionally apply CSS rules? Choose all that apply.

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.

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

True
False (CORRECT)

Correct!

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

True
False (CORRECT)