Practice Quiz #7: Debugging Processes and Testing Tools

What is debugging?

The process of finding, testing, and reducing bugs (errors) in computer code

What are the two main types of HTML errors you will encounter?

syntax and logic errors

What is the W3C markup validation service?

a service that takes an HTML document as an input, goes through it, and gives you a report to tell you what is wrong with your HTML

How do you access browser devtools?

there are different ways to open devtools in different browsers and platforms

What is the rules view?

a devtools view where you should be able to see the CSS properties and values applied to an HTML element

How do you add a new property?

using rules view of devtools, you can click the closing curly brace in the rule to start entering a new declaration into it

What are the three (3) components of the debugging process?

find it
fix it
identify it

What are the Chrome devtools?

similar to a full-blown IDE for debugging available within the Chrome browser

What languages can the Chrome devtools help debug?

CSS
HTML
JavaScript

What is the easiest method for opening the Chrome devtools?

pressing the f12 key on your keyboard while using Chrome

How can you open the Chrome devtools commandment menu?

by clicking the menu button on the top right of the devtools window

What is a difference between HTML and the DOM?

when the DOM is manipulated using devtools, the HTML source code does not change

Which devtools panel shows how the DOM currently looks in the web page?

the Elements panel

What does the elements panel represent on the website?

a textual representation of the DOM for the selected webpage

Which pane displays where CSS styles are being applied to an element?

the Styles pane

What is a root folder for a website?

the folder where the website files are stored

Which indicator is used to signify that files are successfully mapped to files on a disk?

green circle next to file name

Which keyboard shortcut can you use to save changes in workspaces?

control + s

What is CSS cascading?

how a style applied to a parent element will also apply to all children elements within the parent

What is the difference between viewing HTML via the page source versus the inspector?

the inspector displays HTML as represented by the rendered DOM