History
Who create the World Wide Web?
Who is Tim Berners-Lee?
Which HTML tag is used to create a clickable hyperlink?
What is <a>?
How do you change the background color of an HTML element?
What is add the background-color CSS property to the element?
What is Figma primarily used for?
What is designing and prototyping websites and applications?
What keyboard shortcut saves a file on most operating systems?
What is Ctrl + S?
What was the first web browser called?
What is Mosaic?
What is the function of document.getElementById('btn') in JavaScript?
What is selecting an element with the ID 'btn' from the webpage?
What does display: flex; do in CSS?
What is enables the flexbox layout system for easier alignment of elements?
What is a wireframe?
What is a basic layout of a webpage used to plan its structure before adding visuals?
What shortcut reopens the last closed browser tab?
What is Ctrl + Shift + T?
What does ARPANET stand for, and why was it important?
What is Advanced Research Projects Agency Network, and it was the precursor to the modern internet?
What does the <script> tag do in HTML?
What is allows JavaScript code to be embedded or linked in an HTML file?
What does justify-content: space-between; do in a flex container?
What is evenly spaces items so that the first is at the start and the last is at the end?
What is the difference between low-fidelity and high-fidelity wireframes?
What is low-fidelity wireframes are simple sketches, while high-fidelity wireframes are more detailed and closer to the final design?
What does the <meta charset="UTF-8"> tag do in HTML?
What is ensures the page supports special characters and multiple languages?
What major development did Tim Berners-Lee introduce in 1991?
What is the first website and the introduction of HTML, URLs, and HTTP?
Which HTML element is used for flexible sections that group content?
What is <div>?
What is the difference between px, vw, and vh in CSS?
What tool in Figma allows you to create interactive, clickable prototypes?
What is the Prototype tab?
What is the difference between inline and block elements in HTML?
What is inline elements do not break to a new line, while block elements take up the full width?
What was the purpose of the Dot-Com Boom in the late 1990s?
What is the rapid rise of internet-based businesses and websites, leading to major investments in online startups?
Write the JavaScript code to change the background color of the webpage to red when a button is clicked.
function changeBackground() { document.body.style.backgroundColor = '#FF0000';
}
const button = document.getElementById('btn');
button.addEventListener('click', changeBackground);
Write the CSS code to make a <div> have rounded corners with a 15px radius and a light blue background.
div {
border-radius: 15px;
background-color: lightblue;
}
What are three important principles of good UX/UI design?
What are consistency, simplicity, and accessibility?
What classroom behavior makes Mr. Tooley sad and makes him hand out demerits?
What is talking or being disruptive while Mr. Tooley is talking?