ImAlpha/OdinProject
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

html and css introduction

Browse Source
This commit is contained in:
Jacob Delgado 2023-04-02 21:24:49 -07:00
parent f3f3ba221b
commit 75e104823e
1 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
TheOdinProjectNotes.md
View File

@ -5,7 +5,7 @@
- ask questions directly instead of asking to ask ie. "are there any java experts around?" - ask questions directly instead of asking to ask ie. "are there any java experts around?"
## Git ## Git
# Set up Git ### Set up Git
- Set username and email - Set username and email
``` ```
git config --global user.name "username" git config --global user.name "username"
@ -28,7 +28,7 @@ git config --global pull.rebase false
git config --get user.name git config --get user.name
git config --get user.email git config --get user.email
``` ```
# Create an SSH Key for repos ## Create an SSH Key for repos
- SSH keys are good for avoiding retyping credentials every time - SSH keys are good for avoiding retyping credentials every time
- Check to see if there is an existing ssh key - Check to see if there is an existing ssh key
``` ```
@ -41,7 +41,7 @@ ssh-keygen -t ed25519 -C <youremail>
``` ```
- press enter when asked for what location to store it unless you have a specific location - press enter when asked for what location to store it unless you have a specific location
- add a passphrase and retype it - add a passphrase and retype it
# Link SSH key to Git ## Link SSH key to Git
- Find the ssh key input on GitHub or repository website of your choice - Find the ssh key input on GitHub or repository website of your choice
- Click on new ssh key and give it a name and leave the window open for the next steps - Click on new ssh key and give it a name and leave the window open for the next steps
- Copy the public SSH key - Copy the public SSH key
@ -49,7 +49,7 @@ ssh-keygen -t ed25519 -C <youremail>
cat ~/.ssh/id_ed25519.pub cat ~/.ssh/id_ed25519.pub
``` ```
- Paste the key into your settings, it should start with ```ssh-ed25519``` and end with your email - Paste the key into your settings, it should start with ```ssh-ed25519``` and end with your email
# Change git repository remote ## Change git repository remote
``` ```
git remote set-url origin https://'username':'password'@repositorylink git remote set-url origin https://'username':'password'@repositorylink
``` ```
@ -64,12 +64,28 @@ git remote set-url origin https://'username':'password'@repositorylink
- After creating a file you can use ```git add <filename>``` to add that specific file or ```git add .``` to add all files within the directory that are not on the repo - After creating a file you can use ```git add <filename>``` to add that specific file or ```git add .``` to add all files within the directory that are not on the repo
- We can push the changes to the cloud repository with ```git push origin main```, origin being the remote location and *main* being the branch to upload to - We can push the changes to the cloud repository with ```git push origin main```, origin being the remote location and *main* being the branch to upload to
- Make sure to only push working code - Make sure to only push working code
# Git Best Practices ### Git Best Practices
- Atomic commits - Atomic commits
- A commit that includes changes related to only one feature or task of your program. - A commit that includes changes related to only one feature or task of your program.
- Easily reversible if the commit causes breaking changes - Easily reversible if the commit causes breaking changes
- Enables you to write more specific commit messages - Enables you to write more specific commit messages
# Changing the Git Commit Message Editor ### Changing the Git Commit Message Editor
- Typing ```git config --global core.editor "code --wait"``` into the terminal will give you the option to use either ```git commit -m <your message here>``` or ```git commit``` without anything extra. - Typing ```git config --global core.editor "code --wait"``` into the terminal will give you the option to use either ```git commit -m <your message here>``` or ```git commit``` without anything extra.
## Introduction to HTML And CSS ## Introduction to HTML And CSS
- What is HTML?
- Stands for **Hypertext Markup Language**
- It's the raw data that a webpage is built out of. Includes:
- text
- links
- cards
- lists
- buttons
- What is CSS?
- Stands for **Cascading Style Sheets**
- It's the styling of the HTML page
- Controls colors
- Controls Positioning of text and font
- HTML and CSS are ***not*** programming languages, technically speaking because they only present information and are not used to compute any logic
- JavaScript would be a programming language that leverages both HTML and CSS
-