Prework Study Guide

HTML

The head element contains information about the webpage.
The body element represents the visible content shown to the user.

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.

Git

Some GIT commands

git status: checks what branch we are currently on
git checkout -b branch-name: creates a new branch and switches to it
git pull origin main: pulls down any changes from the base branch
git add -A: stages all changes
git commit -m "added code to HTML file": commits changes to main with a description
git push origin feature/add-html:pushes changes from feature branch to main

Steps usually taken after amends

git pull origin main
git checkout -b feature/choosename
git add -A
git commit -m “updated project choosename file
git pull origin main
git push origin feature/choosename

JavaScript

Use Chrome DevTools to View console.log Output

In the Chrome browser.

With index.html file opened in the browser, right-click anywhere in the browser window and select "Inspect"
Click the Console tab and you should see the web console

Using keyboard commands.

In macOS, press Command+Option+I
Click the Console tab and you should see the web console