Introduction to Front-End Development Coursera Quiz Answers!

Introduction to Front-End Development complete course is currently being offered by Meta through Coursera platform.

This course is part of the Meta Front-End Developer Professional Certificate.

About this Course: 

This course is a good place to start if you want to become a web developer. You will learn about the day-to-day responsibilities of a web developer and get a general understanding of the core and underlying technologies that power the internet. You will learn how front-end developers create websites and applications that work well and are easy to maintain. 

You’ll be introduced to the core web development technologies like HTML and CSS and get opportunities to practice using them. You will also be introduced to modern UI frameworks such as Bootstrap and React that make it easy to create interactive user experiences. 

By the end of the course, you will be able to: 

- Describe the front-end developer role 

- Explain the core and underlying technologies that power the internet 

- Use HTML to create a simple webpage 

- Use CSS to control the appearance of a simple webpage 

- Explain what React is 

- Describe the applications and characteristics of the most popular UI frameworks 

For the final project in this course, you will create and edit a webpage using HTML and the Bootstrap CSS framework. Using a responsive layout grid, you will construct a responsive webpage containing text and images that looks great on any size screen. 

This is a beginner course intended for learners eager to learn the fundamentals of web development. To succeed in this course, you do not need prior web development experience, only basic internet navigation skills and an eagerness to get started with coding.

Also Check: How to Apply for Coursera Financial Aid

Course Link: https://www.coursera.org/learn/introduction-to-front-end-development

Introduction to Front-End Development Week 1 Coursera Quiz Answers

Quiz 1 Answers - Knowledge Check (How the web works)

Q 1: The website address that you type in your web browser to navigate to a website is called a ____________________.

• HTTP
• Domain name
• Client name

Q 2. Servers are typically stored in a building called a ____________________.

• DHCP Center
• DNS Server
• Data Center

Q 3: In the client/server model, your device is a ____________________.

• Client
• Server

Q 4. The physical components of a server are called the ____________________.

• Hardware
• Software

Q 5. The purpose of a web server is to ____________________.

• Receive web pages and display them in the web browser.
• Request content from a web browser and receive the response.
• Receive requests from a web browser and to respond with the correct content for that request

Q 6. True or False. A website can consist of multiple web pages linked together.

• True
• False

Q 7. The links you click on in your web browser are known as ____________________.

• Data links
• Hyperlinks
• Server links

Q 8. Which of these are the 3 main technologies of the web browser? Select all that apply.

• HTML
• C#
• JavaScript
• CSS

Q 9. When you run a website on the cloud, the website is restricted to one physical server.

• True
• False

Quiz 2 Answers - Knowledge Check (The Web and the Internet)

Q 1. Which of the following are valid IP addresses? Select all that apply.

• 192.0.2.235
• example.com
• 4527:0db8:0a00:1567:0200:ff00:0042:8329

Q 2. When using TCP, data can arrive out of order.

• True
• False

Q 3. Which of the following are valid HTTP methods? Select all that apply.

• GET
• POST
• SEND
• DELETE

Q 4. When sending a message to another computer, the source and destination are specified using ________________.

• a Domain Name
• a Web Server
• an IP Address

Q 5. HTML describes the structure and content of a web page.

• True
• False

Q 6 When you type a website address (for example, coursera.org) in your web browser, which protocol is used to find the IP address of the website?

• Internet Message Access Protocol (IMAP)
• File Transfer Protocol (FTP)
• Domain Name System Protocol (DNS)

Q 7. A web application is more ________________ compared to a website.

• Informative
• Interactive

Quiz 3 Answers - Self Review: Examine the Page

Q 1. What is the value of the ID attribute for the Little Lemon logo?

Answer: logo1

Quiz 4 Answers - Knowledge Check: Core Internet Technologies

Q 1. Which of the following can be done using the developer tools in your browser? Select all that apply.

• Inspect the HTML elements of a web page.
• Check JavaScript error logs.
• Inspect a timeline of HTTP requests and responses.
• Upload images to the web server
• Inspect the performance and memory usage of a webpage.

Q 2. In software development, a library provides _________________________.

• Reusable pieces of code that can be used by your application.
• A structure for developers to build an application with.

Q 3. In software development, an API is _________________________.

• a set of functions that an application component or service can provide.
• a text editor to write code with.

Q 4. Which of the following are benefits of using an Integrated Development Environment (IDE) such as Visual Studio Code? Select all that apply.

• Syntax Highlighting
• Error Highlighting
• Autocomplete
• Autodelete
• IntelliSense

Quiz 5 Answers: Get started with Web Development

Q 1. When two computers connect directly to each other, this forms ______________.

• the Internet
• a Network
• a Server

Q 2 .The programs that run on a computer are called the ______________.

• Hardware
• Software

Q 3.The structure of a web page is defined using ______________.

• HTML
• CSS
• JavaScript

Q 4 .The style of a web page is defined using ______________.

• HTML
• CSS
• JavaScript

Q 5. Computers communicate with each other using which protocol?

• Network Protocol
• Mail Protocol
• Mobile Protocol
• Internet Protocol

Q 6. To communicate with another computer on a network, your computer sends a message called an __________________.

• IP Packet
• IP Mail
• IP Container

Q 7. The web browser and web server use which protocol to transfer data?

• DNS
• SMTP
• HTTP
• IMAP

Q 8. In software development, a framework provides a structure for developers to build an application.

• True
• False

Q 9. As a developer, it is best to use a _____________ to write and maintain code.

• Word Processor
• Integrated Development Environment
• Web Browser
• Development Book

Q 10. In software development, an API is a set of functions that an application component or service can provide.

• True
• False

Introduction to Front-End Development Week 2 Quiz Answers - Coursera!

Quiz 1 Answers - Knowledge Check - Getting started with HTML

Q 1. An HTML document begins with ______________.

• The HTML tag
• The DOCTYPE declaration
• The head tag
• The body tag

Q 2.To display a link to another HTML document, the ______________ tag is used.

• link
• html
• anchor (a)
• img

Q 3. To add an image to a webpage, the ______________ tag is used.

• img
• image
• anchor (a)
• link

Q 4 .To represent the HTML document in JavaScript, the browser builds _____________.

• an HTML Element Model
• an HTML Script
• Document Object Model

Q 5. Which of the following answer choices improves web accessibility for people with disabilities? Select all that apply.

• Correct HTML structure
• Accessible Rich Internet Application (ARIA) techniques
• Appropriate use of HTML elements

Quiz 2 Answers - Knowledge check: CSS basics

Q 1: To reference a CSS file in an HTML document, you use the ______________ tag.

• head
• script
• style
• link

Q 2: In the following CSS rule, the `h1` part of the rule is called the ______________.

h1 {

    color: green;

}

• Box model
• Selector
• Inheritance
• HTML

Q 3: What is the padding box width of the following CSS rule?

div {

    width: 10px;

    padding: 20px;

    margin: 40px;

}

• 10 pixels
• 30 pixels
• 50 pixels
• 70 pixels

Q 4: Which CSS property and value change the HTML element to a block-level element?

• align-content
• content
• list-style
• display: block

Q 5: Which CSS property and value change the text to center alignment?

• text-align: center
• align-self 
• vertical-align 
• align-items 

Quiz 3 Answers - Introduction to HTML and CSS

Q 1:Which two elements should be added to the HTML element to make the structure of an HTML document?

<!DOCTYPE html>

<html>

</html>

• <head>
• <div>
• <body>
• <p>

Q 2: When using the anchor tag <a>, which attribute determines where the hyperlink links to?

• link
• src
• href

Q 3: When adding an image to a web page, which of the following is the correct HTML tag?

• <link>
• <img>
• <image>

Q 4: How many columns exist on the following HTML table?

<table>

    <tr>

        <td>Falafel</td>

        <td>$10.00</td>

    </tr>

    <tr>

        <td>Pasta Salad</td>

        <td>$12.00</td>

    </tr>

    <tr>

        <td>Dessert</td>

        <td>$8.00</td>

    </tr>

</table>

• 1 column
• 2 columns
• 3 columns

Q 5: When an HTML form is submitted to a web server, which HTTP methods can be used? Select all that apply.

• PUT
• POST
• DELETE
• GET

Q 6: For the following HTML code, which CSS selectors can be used to select the h1 element? Select all that apply.

<h1 id="title">Welcome</h1>

• Element Selector
• ID selector
• Class Selector
• Descendant Selector

Q 7: In the following CSS code, what is the color: purple; part known as?

h1 {

    color: purple;

}

• CSS Property
• CSS Rule
• CSS Selector
• CSS Attribute

Q 8: Based on the following CSS, what will be the margin-box width for div elements?

div {

    width: 10px;

    padding-left: 5px;

    padding-right: 5px;

    margin-left: 5px;

    margin-right: 5px;

}

• 10 pixels
• 20 pixels
• 30 pixels
• 40 pixels

Q 9: True or false. In document flow, block-level elements always start on a new line.

• True
• False

Q 10: Based on the following CSS code, how will the text be aligned for the p element

p {

    text-align: justify;

}

• The text will be aligned to the right of the p element.
• The text will be spread out so that every line of the text has the same width within the p element.
• The text will be centered inside the p element.
• The text will be aligned to the left of the p element.

Introduction to Front-End Development Week 3 Coursera Quiz Answers

Quiz 1 Answers - Self Review: Working with Bootstrap Grid

Q 1: When viewing the page in the web browser, is the logo centered on the webpage?

• Yes
• No

Q 2: When viewing the page in the web browser on a desktop, do the four menu items display in one column?

• Yes
• No

Q 3: Use the developer tools to preview the webpage on a mobile device. How many columns does the content display in?

• 0
• 1
• 2
• 3

Quiz 2 Answers - Self review: Working with Bootstrap components

Q 1: In the Browser Preview, does the New badge display beside the Falafel heading?

• Yes
• No

Q 2: In the Browser Preview, does the alert display below the Order Online button?

• Yes
• No

Q 3 In the Browser Preview, does the Order Online button display using Bootstrap button design?

• Yes
• No

Quiz 3 Answers - Knowledge Check: Introduction to UI frameworks and libraries

Q 1: To reference a JavaScript script or file in an HTML document, you use the ______________ tag.

• javascript
• library
• script
• code

Q 2: If your application requires a library or framework to run, this is called a ______________.

• child
• parent
• dependency

Q 3: A point at which a website’s content and design will adapt in order to provide the best user experience is called a ______________.

• Design Point
• Breakpoint
• Box Point

Q 4: The Bootstrap Grid System always starts with which element?

• Container
• Row
• Column
• Component

Q 5: The responsive breakpoint for Bootstrap CSS rules is determined by the ______________?

• Modifier
• Infix

Quiz 4 Answers - Knowledge Check: Introduction to React

Q 1: Dynamic content is faster to generate than static content.

• True
• False

Q 2: Single Page Applications allow users to interact with a website without re-downloading the entire webpage.

• True
• False

Q 3: React applications are built using reusable pieces of code called ______________.

• Elements
• Components
• Code snippets

Q 4: To improve performance, React uses a ______________ to reduce updates to the browser DOM.

• Copy DOM
• New DOM
• Virtual DOM

Q 5: React applications have at least 1 component called the ______________ component.

• Origin
• Root
• Tree

Quiz 5 Answers: UI Frameworks

Q 1: If a library depends on another library, it forms a ______________.

• Framework Tree
• Dependency Tree
• Dependency Document
• Library Box

Q 2: How many columns does Bootstrap’s responsive grid consist of?

• 10
• 8
• 14
• 12

Q 3 : To change the style of a Bootstrap component, you use ______________.

• an infix
• a modifier

Q 4: To improve performance, web servers can keep a copy of dynamic content in a ______________.

• Cloud
• Cache
• DOM

Q 5: What are the two main approaches for serving code and resources in a Single Page Application called? Select two.

• Packets
• Bundling
• Code Boxing
• Code Splitting

Q 6: React is a ______________ that can be used to create single page applications.

• Library
• Framework

Q 7: Components allow developers to improve development efficiency by reusing code.

• True
• False

Q 8: A React application is built up of a tree of components called the Component ______________.

• Branch
• Root
• Hierarchy
• Library

Introduction to Front-End Development Week 4 Quiz Answers

Quiz 1 Answers - Self review: Improve your Bio page with Bootstrap

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

• Yes
• No

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

• Yes
• No

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

• Yes
• No

Quiz 2 Answers - Course 1 Assessment: Introduction to Web Development

Q 1: The code that runs on the web server is commonly known as _____________.

• Hardware
• Software

Q 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
• To describe the visual look and layout

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

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

Q 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
• Our Menu

Q 5: Which HTML tag is used to link to other HTML documents?

• The image tag <img>
• The anchor tag <a>
• The link tag <link>

Q 6: In the following CSS rule, what part of the rule is represented by div?

div {

    width: 50%;

}

• Property
• Selector
• Attribute

Q 7: 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
• 40 pixels

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

• Infix
• Modifier
• Component

• The Virtual DOM
• The Memory DOM
• The Copy DOM

Q 9: How many columns does Bootstrap’s grid consist of?

• 8
• 10
• 12

Q 10: 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>

 Also Check: Introduction to Back-End Development Quiz Answers - Coursera!