All Weeks Introduction to Front-End Development Quiz Answer
Table of Contents
Introduction to Front-End Development Week 01 Quiz Answer
Quiz 1: Knowledge Check – How the web works
Q1: In the client/server model, your device is a ____________________.
Q 2: The website address that you type in your web browser to navigate to a website is called a ____________________.
ViewQ 3. Servers are typically stored in a building called a ____________________.
ViewQ 4. The physical components of a server are called the ____________________.
ViewQ 5. The purpose of a web server is to ____________________.
ViewQ 6. True or False. A website can consist of multiple web pages linked together.
ViewQ 7. The links you click on in your web browser are known as ____________________.
ViewQ 8. Which of these are the 3 main technologies of the web browser? Select all that apply.
ViewCSS
HTML
Q 9. When you run a website on the cloud, the website is restricted to one physical server.
ViewQuiz 2: Knowledge Check – The Web and the Internet
Q 1. When sending a message to another computer, the source and destination are specified using ________________.
ViewQ 2. Which of the following are valid IP addresses? Select all that apply.
ViewQ 3. When using TCP, data can arrive out of order.
ViewQ 4. Which of the following are valid HTTP methods? Select all that apply.
View2.POST
3.GET
Q 5. HTML describes the structure and content of a web page.
ViewQ 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?
ViewQ 7. A web application is more ________________ compared to a website.
ViewQuiz 3: Self Review: Examine the Page
Q 1. What is the value of the ID attribute for the Little Lemon logo?
ViewQuiz 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.
ViewCheck JavaScript error logs.
Inspect a timeline of HTTP requests and responses
Inspect the performance and memory usage of a webpage.
Q 2. In software development, a library provides _________________________.
ViewQ 3. In software development, an API is _________________________.
ViewQ 4. Which of the following are benefits of using an Integrated Development Environment (IDE) such as Visual Studio Code? Select all that apply.
ViewError Highlighting
Autocomplete
IntelliSense
Quiz 5: Module Quiz: Get started with Web Development
Q 1. When two computers connect directly to each other, this forms ______________
View.
Q 2 .The programs that run on a computer are called the ______________.
ViewQ 3.The structure of a web page is defined using ______________.
ViewQ 4 .The style of a web page is defined using ______________.
ViewQ 5. Computers communicate with each other using which protocol?
ViewQ 6. To communicate with another computer on a network, your computer sends a message called an __________________.
ViewQ 7. The web browser and web server use which protocol to transfer data?
ViewQ 8. In software development, a framework provides a structure for developers to build an application.
ViewQ 9. As a developer, it is best to use a _____________ to write and maintain code.
ViewQ 10. In software development, an API is a set of functions that an application component or service can provide.
ViewIntroduction to Front-End Development Week 02 Quiz Answer
Quiz 1: Knowledge Check – Getting started with HTML
Q 1. An HTML document begins with ______________.
ViewQ 2.To display a link to another HTML document, the ______________ tag is used.
ViewQ 3. To add an image to a webpage, the ______________ tag is used.
ViewQ 4 .To represent the HTML document in JavaScript, the browser builds _____________.
ViewQ 5. Which of the following answer choices improves web accessibility for people with disabilities? Select all that apply.
ViewAccessible 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.
ViewQ 2: In the following CSS rule, the `h1` part of the rule is called the ______________.
Viewh1 {
color: green;
}
Q 3: What is the padding box width of the following CSS rule?
div {
width: 10px;
padding: 20px;
margin: 40px;
}
ViewQ 4: Which CSS property and value change the HTML element to a block-level element?
View
Q 5: Which CSS property and value change the text to center alignment?
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>2.
Q 2: When using the anchor tag <a>, which attribute determines where the hyperlink links to?
ViewQ 3: When adding an image to a web page, which of the following is the correct HTML tag?
ViewQ 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>Q 5: When an HTML form is submitted to a web server, which HTTP methods can be used? Select all that apply.
ViewPOST
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>ID selector
Q 7: In the following CSS code, what is the color: purple; part known as?
h1 {
color: purple;
}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;
}2.10 pixels
Q 9: True or false. In document flow, block-level elements always start on a new line.
Q 10: Based on the following CSS code, how will the text be aligned for the p element
p {
text-align: justify;
}
ViewIntroduction to Front-End Development Week 03 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?
ViewQ 2: When viewing the page in the web browser on a desktop, do the four menu items display in one column?
ViewQ 3: Use the developer tools to preview the webpage on a mobile device. How many columns does the content display in?
ViewQuiz 2: Self review: Working with Bootstrap components
Q 1: In the Browser Preview, does the New badge display beside the Falafel heading?
ViewQ 2: In the Browser Preview, does the alert display below the Order Online button?
ViewQ 3 In the Browser Preview, does the Order Online button display using Bootstrap button design?
ViewQuiz 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.
ViewQ 2: If your application requires a library or framework to run, this is called a ______________.
ViewQ 3: A point at which a website’s content and design will adapt in order to provide the best user experience is called a ______________.
ViewQ 4: The Bootstrap Grid System always starts with which element?
ViewQ 5: The responsive breakpoint for Bootstrap CSS rules is determined by the ______________?
ViewQuiz 4: Knowledge Check: Introduction to React
Q 1: Dynamic content is faster to generate than static content.
ViewQ 2: Single Page Applications allow users to interact with a website without re-downloading the entire webpage.
ViewQ 3: React applications are built using reusable pieces of code called ______________.
ViewQ 4: To improve performance, React uses a ______________ to reduce updates to the browser DOM.
ViewQ 5: React applications have at least 1 component called the ______________ component.
ViewQuiz 5: Module Quiz: UI Frameworks
Q 1: If a library depends on another library, it forms a ______________.
ViewQ 2: How many columns does Bootstrap’s responsive grid consist of?
ViewQ 3 : To change the style of a Bootstrap component, you use ______________.
ViewQ 4: To improve performance, web servers can keep a copy of dynamic content in a ______________.
ViewQ 5: What are the two main approaches for serving code and resources in a Single Page Application called? Select two.
ViewCode Splitting
Q 6: React is a ______________ that can be used to create single page applications.
ViewQ 7: Components allow developers to improve development efficiency by reusing code.
ViewQ 8: A React application is built up of a tree of components called the Component ______________.
ViewIntroduction to Front-End Development Week 04 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?
ViewQ 2: Does the profile photo display in the right column of the page?
ViewQ 3: Does the link to My Meta Profile display as a button?
ViewQuiz 2: Course 1 Assessment: Introduction to Web Development
Q 1: The code that runs on the web server is commonly known as _____________.
ViewQ 2: In the web browser, what is the role of JavaScript?
ViewQ 3: Which protocol is used to transfer HTML documents to the web browser when browsing the World Wide Web?
ViewQ 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>
Our Menu
Q 5: Which HTML tag is used to link to other HTML documents?
ViewQ 6: In the following CSS rule, what part of the rule is represented by div?
div {
width: 50%;
}
Q 7: What is the padding-box width for the following CSS rule?
div {
width: 10px;
padding: 5px;
margin-left: 10px;
margin-right: 10px;
}
Q 8: How many columns does Bootstrap’s grid consist of?
ViewQ 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?
ViewGet All Course Quiz Answers of IBM Technical Support Professional Certificate
Introduction to Hardware and Operating Systems Quiz Answers
Introduction to Software, Programming, and Databases Quiz Answers
Introduction to Networking and Storage Quiz Answers
Introduction to Cybersecurity Essentials Quiz Answers
Introduction to Cloud Computing Coursera Quiz Answers
Introduction to Technical Support Coursera Quiz Answers
