From 75e104823ecad864858c4f181598ec6c31356567 Mon Sep 17 00:00:00 2001 From: ImAlpha Date: Sun, 2 Apr 2023 21:24:49 -0700 Subject: [PATCH] html and css introduction --- TheOdinProjectNotes.md | 28 ++++++++++++++++++++++------ 1 file changed, 22 insertions(+), 6 deletions(-) diff --git a/TheOdinProjectNotes.md b/TheOdinProjectNotes.md index b49b592..70afd87 100644 --- a/TheOdinProjectNotes.md +++ b/TheOdinProjectNotes.md @@ -5,7 +5,7 @@ - ask questions directly instead of asking to ask ie. "are there any java experts around?" ## Git -# Set up Git +### Set up Git - Set username and email ``` 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.email ``` -# Create an SSH Key for repos +## Create an SSH Key for repos - SSH keys are good for avoiding retyping credentials every time - Check to see if there is an existing ssh key ``` @@ -41,7 +41,7 @@ ssh-keygen -t ed25519 -C ``` - press enter when asked for what location to store it unless you have a specific location - 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 - Click on new ssh key and give it a name and leave the window open for the next steps - Copy the public SSH key @@ -49,7 +49,7 @@ ssh-keygen -t ed25519 -C cat ~/.ssh/id_ed25519.pub ``` - 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 ``` @@ -64,12 +64,28 @@ git remote set-url origin https://'username':'password'@repositorylink - After creating a file you can use ```git add ``` 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 - Make sure to only push working code -# Git Best Practices +### Git Best Practices - Atomic commits - A commit that includes changes related to only one feature or task of your program. - Easily reversible if the commit causes breaking changes - 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 ``` or ```git commit``` without anything extra. ## 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 +- \ No newline at end of file