Prework Study Guide
✨ Open the Console to See What's Happening ✨
HTML
- The head element contains information about the webpage
- The head element is a container for metadata
- Metadata includes information about the page that is used by the browser
- The body element represents the visible content shown to the user
- Child elements are elements nested inside other elements
- Sections within the body help organize what is being shown to the user
CSS
- Cascading Style Sheets is the language used to describe the presentation of a website created with HTML
- Defines color, aesthetics, visual layout, and organization
- 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
Git
- A free, open source version control system allows developers to collaborate and revert back to previous versions
- git status: checks what branch we are currently on
- git checkout -b branch-name: creates a new branch and switches to it
- git add -A: stages changes to be committed
- git commit -m "message describing change": description of what changes were made
- git pull origin main: verifies the main branch is up to date. Pull = Download
- git push origin branch-name: push = Upload
JavaScript
- Lightweight programming language used to provide logic and interactivity for websites
- Static page becomes interactive
- 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
- An array is a group of related data