HTML
What does the tag for a text in bold look like?
<b>
Name three of the most common CSS properties.
Font: Sets the style and size of text
Colors: Sets color of element
Background: Sets background color or image
Margin: Sets space between elements
Padding: Sets space inside elements
Borders: Sets style and size of border
What is flexbox?
An easy way to arrange elements.
CSS
What is coding?
A way to communicate with a computer.
What does <div> do?
Divide up page content into sections, and applying styles.
How many curly brackets are generally used to write code in CSS?
2
#top {
background-color: red;
}
What line of code must be in the CSS to use Flexbox?
display: flex
@keyframes
What is frontend coding?
Front-end coding is used to create a visually pleasing and user-friendly web application through.
What is HTML?
It sets the structure of a Web page by telling the browser how to display the content.
What is CSS?
Controls the style and layout of a webpage.
What code would position an element to the upper right hand corner of the screen?
justify-content: flex-end
To get an animation to work, you must bind what to the element?
Animation name/animation
What is backend coding?
Backend coding is used for storing data in a database. Servers and databases are important part of backend development. Python and javascript are popular coding languages used for backend development.
What is the tag for an unordered list?
<ul> <li> list </li> </ul>
What does CSS stand for?
Cascading Style Sheets
What does flex-direction do?
Defines in which direction the container wants to stack the flex items or how elements are ordered.
How do we change the time an animation takes?
animation-duration
What are the three pillars of frontend development?
HTML, CSS, JavaScript
What type of tag DOES NOT require a closing tag?
<img> or image
What is the difference between margin and padding?
Margin - outside space of the element itself
Padding - inner space surrounding the element
What is the difference between justify-content and align-items?
justify-content: controls alignment of all items on the main axis (horizontal in most cases)
align-items: controls alignment of all items on the cross axis (vertical in most cases)
Explain (roughly) the code that would move an element into the screen from the right.
.elementCode{
animation-name: moveFromRight
}
@keyframes moveFromRight{
0%{right: -300px;}
100%{right 30px;}
}
What are the languages generally used for backend development?
Python and JavaScript