Prework Study Guide
✨ Open the Console to See What's Happening ✨
HTML
- The head element contains information about the webpage.
- The < h1 >, < h2 >, < h3 >, < h4 >, < h5 >, and < h6 > elements represent the level of heading a given text block represents.
- The body element represents the visible content shown to the user.
- The < body > element defines the body of the document, which contains the content that is visible to the user. All of the content that we want to display to users must be inside the < body > element
- In semantic HTML elements, the name of the element describes its content and the role it plays on a webpage.
- When possible, it is important to use semantic HTML elements, because they make your HTML easier to read by other developers and the browser.
- When working with visible HTML elements, the content is contained between an opening tag and a closing tag.
- These tags are most often represented by angle brackets with associated tag names contained inside (for example, < head >).
- *There is a space between the parentheses on this site, but when it comes to the actual code, do not put spaces.
CSS
- A margin indicates how much space we want around the outside of an element.
- A padding indicates how much space we want around the content inside an element.
- A selector defines the element or attributes to which the rules, or declarations, will apply.
- Declarations contain two important components: the CSS property we want to apply and the value of the property. For example, the declaration color: blue; includes the CSS property color and the value for that property, blue.
- The margin property acts much like a margin in a word processing document. A margin property indicates how much space we want around the outside of an element. The margin is not visible on the page; it merely adds a buffer. When we set the margin property to 0, we are indicating that we want NO extra space around the element.
Git
- git status: checks what branch we are currently on
- git checkout -b branch-name: creates a new branch and switches to it
JavaScript
- A variable is a named container that allows us to store data in our code.
- Control flow is the order in which a computer executes code in a script.
- Do not forget semicolon.