HTML

• The head element contains information about the webpage.
• The metadata in the head element helps the browser to render the page correctly.
• Elements within the head are not visible to the user when they look at the webpage.
• The body element represents the visible content shown to the user.
• An element is a type of content on a webpage.
• Elements can also divide and describe a page.
• HTML attributes are always defined in the beginning element but never the closing element.
• Elements nested inside other elements are called child elements.
• The element that holds all the children is called the parent element.
• In semantic HTML elements, the name of the element describes its content and the role it plays on a webpage.
• A tag refers to only what appears inside the angled brackets.
• The footer element appears at the bottom of the page and usually contains the author, copyright, contact, sitemap and navigation.
• The section element is a semantic element that defines a section in a document that contains thematic content.

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 the element.
• Inline CSS is used to style an element directly in the HTML file.
• Internal CSS Style Sheet allows you to embed an entire stylesheet directly in the HTML file using a style element in the head element.
• External CSS Style Sheet allows you to keep all your CSS rules in a separate file, which makes design changes easier.
• Separation of Concerns refers to separating code into different files based on use.
• touch style.css creates a file that will contain a CSS style sheet.
• * selector declares that all element on the page will have the style you have used in the CSS rule.
• The img selector assigns property values to any image element in the markup.
• The link element creates a connection to an external file.
• The rel attribute specifies the relationship between the current document and the linked document resource.
• The href attribute specifies the location of the external resource.
• A class attribute allows you to share a CSS rule to any element you choose by assigning the rule to a class attribute with a class selector.
• You can assign colors in CSS by semantic features such as gray and blue but you can also refer to a color by its hexadecimal code.

Git

• git status: checks what branch we are currently on.
• git checkout -b branch-name: creates a new branch and switches to it.
• git checkout main: switches to the main branch.
• git pull origin main: pulls down the latest branch.
• git commit -m "descriptive message": creates a new commit (stage).
• git add -A: adds all changes in the current working branch to the staging area.
• git clone "URL": pastes URL so that an entire repository can be retrieved from a hosted location.
• git push origin "feature branch": pushes up all changes.

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.
• A string is a sequence of text enclosed in quotation marks.
• Numbers do not have quotes around them.
• A boolean is a True/False value.
• An array is a structure that allows you to store multiple values in a single reference.
• An object can be anything. Everything in JavaScript is an object and can be stored in a variable.
• To declare a variable, use the var keyword.
• console.log() outputs a message to the web console by adding an argument.
• An if statement introduces decision-making to our code and the code will only execute if the statement meets a condition, or is true.
• The strict equality operator (===) checks to see if two values are equal, and returns a boolean result true if the values are equal and false if the values are not equal.
• The location of a data item in an array can be identified with a unique number called an index.
• The indices, or location identifiers, will always be whole numbers that increase by 1 each time.
• A for loop uses the predictable pattern of indices to perform a task on all the items in an array by allowing a single code block to be executed over and over.
• The array length is important because the for loop needs to know how many times the code will run until there are no items left in the array.
• A function is a set of instructions that tells the computer how to perform a certain task.
• A function name is followed by parentheses ().
• To randomise a selection, we need to use a special Math function that helps us select a random number.