A02

Tutorial on how to use Git, WebStorm, and Git-Hub

Name: Nathania Zemedagegnehu

Repository: https://github.com/nfz-coder/A02

Part 1: WebStorm Directions

1) Install Git

1. Visit the following site: https://git-scm.com/downloads
2. Download and install the latest version (based on your operating system)

2) Install WebStorm

1. Visit: https://www.jetbrains.com/student/
2. Create account (reminder: if you have a student email you may be eligible for a free license)
3. Download and Install WebStorm

3) Configuring Git in WebStorm

1. Open WebStorm
2. For Windows: Go to File > Settings> Version Control > Git
3. For Mac: Go to WebStorm > Preferences > Version Control > Git
4. WebStorm will auto-detect the Git and a version number should show
5. Click Apply and then Ok to save

4) Create GitHub repository

1. Sign into GitHub (or make an account)
2. Click New (should be a green button)
3. Repository Name: [enter repository name, i.e.: A02 ]
4. Edit configuration to your liking
5. Click on Create repository

5) Cloning GitHub Repository into WebStorm

1. Go to your repository on GitHub
2. Copy the repository URL (i.e. "https://github.com/yourusername/repositoryname")
3. Open WebStorm
4. Go to File > New > Project from Version Control
5. When it prompts you for a link, paste your repository link
6. Choose where you want your file to be saved
7. Click Clone

6) Writing Code in WebStorm

1. Open WebStorm
2. Create a new file (e.g., 'index.html')
3. Write your code
4. Save the file
5. After editing, click the checkmark at the top-right corner of WebStorm
6. A window will pop up requestion for a commit message where you will name the type of edit you made
7. Click Commit

7) How to Push Changes to GitHub

1. After committing, your changes will be saved locally, not on GitHub
2. To upload the changes, click the Push arrow on WebStorm
3. PS: you can alternatively click on Commit and Push if you would rather do both simultaneously

Part 2: Glossary

• Branch: a version of your project where you can make changes without affecting your main code
• Clone: a copy of a repository you download to your machine so you can work on it
• Commit: to save a snap shot of your changes (they include messages that describe what was changed)
• Fetch: to get the latest changes from GitHub without changing your local project
• GIT: a system that trakcs all the changes to your project, allowing multiple people to work on it
• GitHub: a website that stores your repository (you can create, store and manage your code on GitHub)
• Merge: to combine changes from one branch to another
• Merge Conflict: when Git cannot automatically combine changes because two people edited part of a file in different ways
• Push: to upload your changes to GitHub
• Pull: to download the latest changes from GitHub to your computer, merging it to your local project
• Remote: the version of your repository that is stored in GitHub
• Repository: a project folder that contains all your files and history

References

• Murach HTML and CSS book
• https://github.com/git-guides/git-commit
• https://www.jetbrains.com/help/webstorm/using-git-integration.html
• https://www.jetbrains.com/help/webstorm/github.html
• https://chatgpt.com/?model=auto