Web Dev Book πŸ“š

GitHub: Beginning our diary of code.

Home 🏑 Code equipment πŸ’Ό Links and resources πŸ”— GitHub Sign Up GitHub Basics. JavaScript Links. HTML Links. CSS Links.

Now we made our account...

What do we do now?

Here is the list of what we will cover now:

🎯 Covering key GitHub terminology.
🎯 Walk through GitHub.
🎯 Creating our first Hello World Project.
🎯 Personalising GitHub.
🎯 Sharing good repositories to star.
🎯 Finding good users to follow.

The first page you see when you start GitHub:

To start, press the link: https://github.com/

🎨 Color Coded:

🟣 = This top navigation will send you to all your open πŸ‘‰ issues πŸ‘ˆ, πŸ‘‰ Pull Requests πŸ‘ˆ , πŸ‘‰ GitHub MarketplaceπŸ‘ˆ and to explore others work.
🟠 = Whatever activity you are a part of in GitHub, you will get notifications, that will show up next to the bell. The plus icon lets you create repos, files and more.
🟑 = Your profile and settings and all your work will show up here. We will cover this more later.
Grey = Here, we will create a new repo, the original Hello World. We will cover this later as well.
πŸ»β€β„οΈ (white) = All your issues, and open pull reuqests will show as recent activity.
🟒 = Whoever you follow, whoever's project you are watching, all their activity will show up their.
πŸ”΅ = Here, you make your own profile readme, where others will see a quick overview of you, we will discuss this later!

Our first πŸ‘‹ Hello World! πŸ‘‹ Repository!

πŸ‘‰ Use this as a guide!πŸ‘ˆ

1️⃣ Lets make a repository:

As seen in the above color coded image, see the button that says Create repository , outlined in red and click it!

πŸ”΄ = Here, you add a suitable name for your repo, in this case, Hello World .
🟠 = Here, you add a quick simple intro about your repo.
🟒 = If you choose to set your repo as public, you allow others on the internet to view your work. If it is confidential, the set it as private.
🟣 = Add a README.md for a longer aesthetically pleasing description about your work.
🟑 = Pick a license, we use MIT.

Now press, Create repository!

Clone your repository locally!

Make sure Git is installed, the steps are on the right.

🟠 = Here, you can star, fork (get your own copy) and watch the activity of your repository.
πŸ”΄ = You can see the dashboard of all your work and settings.
🟑 = Here are all the files of your code.
πŸ”΅ = Now, you can edit your description, and see those who are involved with your repo.
🟒 = Where the README.md is. You can style it using πŸ‘‰ Markdown πŸ‘ˆ
🟣 = What to press to clone. https://github.com/USERNAME/REPO.git

Cloning Locally.

Use this to learn about Command Prompt: https://www.techrepublic.com/article/16-terminal-commands-every-user-should-know/

🎯 Now, we open up where we saved the repo, to make the code changes.

Now we add, commit, push to the remote!

See the changes now online and remotely!

THIS IS CURRENTLY IN PROGRESS

GitHub terminology:

πŸ“ Repository : A project, where all the code is kept.
πŸ“ Pull Request : A draft of code, where others check, review and approve it, before it is merged, to the acutal main code.
πŸ“ README.md : A file that contains the information about the other files in the directory.
πŸ“ Git: Language that tracks the changes that are made in the local copy of your repo (repository) to update the remote copy.

πŸ‘‰ Full GitHub Glossary πŸ‘ˆ

Download Git Bash, to write local code.

To push all your code to the remote work, you need Git Bash:

πŸ‘‰ Download Git Bash πŸ‘ˆ

Steps through Git Bash

See frequently asked code questions...

Stackoverflow, the home of code questions!

Welcome to your coding journey! πŸŽ’

Enjoy learning to code!