Prework Study Guide
✨ Open the Console to See What's Happening ✨
HTML
- The id element connectd a title to the HTML element, which can be connected to a link
- alt attribute is used for describing an image, which improves SEO
- section is a semantic element that defines a section of a doc. that allows for content organization
- main is a code element that describes the primary section of code for HTML, between the header and the footer, appears at the top of the body element
- -a- element (stands for anchor) creates links to the same webpage or other webpages
- href is a child element that points to the URL for the link associated with the -a- code element
- -looks like this: < a href = "https://abcdefg.hi.net" />
- The head element contains information about the webpage.
- The body element represents the visible content shown to the user.
CSS
- CSS is the code responsible for creating the style and aesthetic of a web project
- HTML and CSS work together cohesively, however their functions and commands are different
- CSS has three different main functions: Inline CSS, Internal CSS Style Sheet, and External CSS Style Sheet
- CSS can be implemented directly in an HTML file, or connected via a link as a separate document (most common method)
- Internal CSS Style Sheet can embed an entire style sheet in the HTML file itself, using a {style} element in the {head} element of your HTML file
- CSS Rules are structured the following way:

Git
- Git is a cloud based repository server that is created to help developers store and share code
- Git can be directly connected to you PC or MacOS through a SSH key using Terminal or CLI
- There is a dynamic amount of options and features on GitHub to connect with other developers and work on projects solely or as a team
- GitHub also has branch management functions which allow you to create branches, both main and feature, for your projects
- 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.
- Javascript is a type of code used to engineer the functionality, and interactiveness of a website or project
- Javascript is a dynamic language with the ability to operate on many different values with many functions