Introduction to Front-End Development Quiz Answer

In this course you will be able to:

– Describe the role of a front-end developer – Describe the core and underlying technologies that power the Internet – Use HTML to create a simple web page – Use CSS to give a simple web page a look – Explains what React is – Uses and properties of the most common UI frameworks The final project in this course uses the HTML and Bootstrap CSS frameworks to create and edit web pages. Responsive layout grids allow you to create responsive web pages with text and images that look good on any size screen.

This is an introductory course for those who want to learn the basics of web development. His previous web development experience is not required for this course to succeed. Basic internet navigation skills and a willingness to start coding are all you need.

Join Now

Week 1: Introduction to Front-End Development Quiz Answer

Quiz 1: Knowledge Check – How the web works

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

Client
Server

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

HTTP
Domain name
Client name

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

DHCP Center
DNS Server
Data Center

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: Knowledge Check – The Web and the Internet

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

a Domain Name
a Web Server
an IP Address

Q 2. 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 3. When using TCP, data can arrive out of order.

True
False

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

GET
POST
SEND
DELETE

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: Self Review: Examine the Page

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

Answer: logo1

Quiz 4: 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: Module Quiz: 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

Week 2: Introduction to Front-End Development Quiz Answer

Quiz 1: 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: 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: Module Quiz: 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.

Week 3: Introduction to Front-End Development Quiz Answer

Quiz 1: 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?

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

Quiz 2: 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?

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

Yes
No

Quiz 3: 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: 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: Module Quiz: 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?

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

Week 4: Introduction to Front-End Development Quiz Answer

Quiz 1: 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?

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

Yes
No

Quiz 2: 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: How many columns does Bootstrap’s grid consist of?

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

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

Review:

Based on our knowledge, we urge you to enroll in this course so you can pick up new skills from specialists. It will be worthwhile, we trust.