HTML/JS
Which HTML tag is used to create a hyperlink?
What is <a>?
Which CSS property changes the background color of an element?
What is background-color?
What is Figma used for?
What is designing and prototyping websites and applications?
What is the first step in the web design process?
What is brainstorming and defining the website’s purpose?
Who is credited with creating the World Wide Web?
Who is Tim Berners-Lee
What is the purpose of the <head> section in an HTML document?
What is it contains metadata, links to stylesheets, and scripts?
What does display: flex; do in CSS?
What is enables the flexbox layout system for better alignment?
What is the difference between a Frame and a Group in Figma?
What is a Frame acts as a structured container, while a Group just groups objects together?
What is a wireframe, and why is it important?
What is a rough sketch of a webpage layout used for planning before adding visuals?
What is the difference between absolute and relative positioning in CSS?
What JavaScript function is used to select an element by its ID?
What is document.getElementById()?
What is the difference between vw, vh, and px in CSS?
What feature in Figma allows multiple users to edit the same file in real time?
What is live collaboration? (or the share feature)
What is the difference between low-fidelity and high-fidelity wireframes?
What is low-fidelity wireframes are basic sketches, while high-fidelity wireframes are more detailed digital layouts?
What does the <meta charset="UTF-8"> tag do in HTML?
What is ensures proper character encoding for special characters?
Write the JavaScript code to change the text color of a paragraph with the ID "text" to blue (use hex values).
document.getElementById('text').style.color = 'blue';
What CSS property is used to control the space inside an element, between its content and border?
What is padding?
What is a component in Figma, and why is it useful?
What is a reusable design element that ensures consistency across a project?
Why is responsive design important?
What is it ensures that a website adapts to different screen sizes and devices?
Which keyboard shortcut saves a file on most operating systems?
What is Ctrl + S?
What does the <script> tag do in HTML?
What is allows JavaScript code to be embedded or linked in an HTML file?
Write the CSS code to create a flex container that centers items both vertically and horizontally.
display: flex;
justify-content: center;
align-items: center;
What tool allows you to create your own shapes and figures in figma?
What is the pen tool?
What are three principles of good UX/UI design?
What are consistency, simplicity, and accessibility?
What shortcut reopens the last closed browser tab?
What is Ctrl + Shift + T?