Internet & Web History
Who invented the world wide web?
Who is Tim Berners-Lee?
Which tag creates a hyperlink?
What is <a>?
What JavaScript keyword is used to declare a constant value?
What is const?
What is the purpose of a low-fidelity wireframe?
To plan the layout structure of a webpage without focusing on design details
What does Ctrl + S do?
What is saves your work?
What was ARPANET originally created for?
What is Military and academic research?
What does the <meta name="viewport"...> tag do?
Makes the webpage responsive on different screen sizes
What is the purpose of the typeof operator?
To identify the type of a value (string, number, boolean, etc.)
Name two key principles of good web design.
Simplicity and Consistency
Which shortcut reopens the last closed browser tab?
What is ctrl + shift + t?
What was the first graphical web browser?
What was Mosaic?
Which CSS property changes the space inside an element?
What is padding?
Write a simple if...else statement that checks if a number is positive. Send if it's positive or negative to the console. (Or you could just return true or false instead)
if (num > 0) {
console.log("Positive");
} else {
console.log("Not positive");
}
What basic components should every wireframe include?
Header, navigation, main content, footer
How do you write a single-line comment in JavaScript?
What is //?
What major event in the late 1990s caused rapid growth in online businesses?
What was The Dot-Com Boom?
Write the HTML to insert an image with a description if it doesn’t load.
<img src="image.jpg" alt="Description">
Create an array with the values "rock", "paper", "scissors".
let choices = ["rock", "paper", "scissors"];
In Figma, what do Grids and Guides help you do?
Align and space elements consistently
Write CSS to create a box (class='box') that is 300px wide, 150px tall, has a cyan background, and centers text using Flexbox.
.box {
width: 300px;
height: 150px;
background-color: #00FFFF;
display: flex;
justify-content: center;
align-items: center;
}
Name three technologies Tim Berners-Lee introduced along with the web.
What are HTML, HTTP, and URLs?
What does display: flex; do in CSS? List two common properties used with Flexbox.
Enables Flexbox layout;
common properties: justify-content, align-items, flex-direction, gap
In the Rock-Paper-Scissors project, how did the computer randomly choose its move?
Used Math.random() * 3 and then rounded down with Math.floor() to pick a random index from the array.
List four steps to create a wireframe.
Create a new frame
Sketch layout sections (header, nav, main, footer)
Label components
Refine and align design
Sketch or describe the basic layout for a simple 3-page website.
Pages: Home, About, Contact
Each page includes: header (logo + nav), main content, footer (contact info or copyright)
Bring to mr. tooley to get checked off.