GitHub is one of the most popular codes hosting platforms to collaborate teamwork.Before going to start GitHub, we need to understand that Git and GitHub are different things.Git is a version control system that helps us to track the computer programs and the changes that were made over time. It allows us to work together and collaborate with our team on the changes or addition to the same repository. And GitHub is the web hosting platform that hosts a Git server program to store the code.

All about GitHub

<img width="518" height="288" src="https://sidtechtalks.in/wp-content/uploads/2021/03/github-800x445.jpg" alt="github"><div>0</div>If you never used GitHub, and don’t know how to use this with Git, then this article is for you. <a href="https://github.com/" rel="noreferrer noopener" dir="ltr">GitHub </a>is one of the most popular codes hosting platforms to collaborate teamwork. Git helps us to monitor and work together with our team members at the&nbsp;same workspace.Before going to start about GitHub, we need to understand that Git and GitHub are different things.Git is a version control system that helps us to track the computer programs and the changes that were made over time. It allows us to work together and collaborate with our team on the changes or addition to the same repository. And GitHub is the web hosting platform that hosts a Git server program to store the code.Read this blog to get more information about Git – <a href="https://sidtechtalks.in/basic-git-commands-that-developers-should-know/" dir="ltr">Important Basic Git Commands – Developers should know</a>.In this article, we will learn and understand more about GitHub and how to use it. Let’s get started with GitHub:<div data-htoc-state="expanded">Table of Contents</div><h5 dir="ltr">1. What is Github?</h5><img width="80" height="20" src="https://sidtechtalks.in/wp-content/uploads/2021/03/githublogo.jpg" alt="githublogo" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/githublogo.jpg 1200w, https://sidtechtalks.in/wp-content/uploads/2021/03/githublogo-300x75.jpg 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/githublogo-1024x256.jpg 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/githublogo-768x192.jpg 768w"> is a code hosting platform and built for collaboration. It let you work together with the team remotely from anywhere. It provides&nbsp;<a href="https://en.wikipedia.org/wiki/Access_control" dir="ltr">access control</a>&nbsp;and several collaboration features such as&nbsp;<a href="https://en.wikipedia.org/wiki/Bug_tracking_system" dir="ltr">bug tracking</a>,&nbsp;<a href="https://en.wikipedia.org/wiki/Software_feature" dir="ltr">feature</a>&nbsp;requests,&nbsp;<a href="https://en.wikipedia.org/wiki/Task_management" dir="ltr">task management</a>,&nbsp;<a href="https://en.wikipedia.org/wiki/Continuous_integration" dir="ltr">continuous integration</a>, etc.For example, if the developer team wants to make the application and everyone wants to contribute in the same workspace. So this platform helps to add the changes of code simultaneously and makes everyone contribute to the project from anywhere.At the end of this article, we will get to know about repositories, branches, commit, pull requests, collaborations, review changes, etc.<h5 dir="ltr">2. Why it so popular?</h5><figure><img src="https://sidtechtalks.in/wp-content/uploads/2021/03/popular_github.jpg" alt="why popular github" width="461" height="306" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/popular_github.jpg 888w, https://sidtechtalks.in/wp-content/uploads/2021/03/popular_github-300x199.jpg 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/popular_github-768x509.jpg 768w"></figure><UL><LI>GitHub has many advantages over any cloud-based system or dropbox. It doesn’t create redundancy and confusion between the members. Github is a centralized repository where anyone can edit, add changes in the files.</LI></UL><UL><LI>For example, let the team are working simultaneously on the project. If one of the team members is working on one file and he pushed the code changes in the repository, and at the same time, another team member is also working on the same file, and he doesn’t know about that changes.</LI></UL><UL><LI>So if he pushed their code in the same file, then the previous work will be lost. And it will create a lot of problems for the team, and if we use Github, then this problem will be solved. It lets you know about the last commit changes, or if any conflicts, then it notified you.</LI></UL><UL><LI>That’s why most organizations and developers are using Github. The other hosting platforms are, Gitlab, Bitbuckets.</LI></UL><h5 dir="ltr">3. Let’s Started with Github</h5><h6 dir="ltr">Step1. Create a Github Repository</h6>A repository is a place where you can store the files, images, videos, directories, and data (anything that your project needs). The Github repository act as a remote repository. And the mirror copy of the remote repository in your local act as a local repository.Let’s have a look, so after Signup the Github account. Go to the top-right menu option + sign to create a new repository.<figure><img width="488" height="242" src="https://sidtechtalks.in/wp-content/uploads/2021/03/github_new-1024x508.jpg" alt="github_new" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/github_new-1024x508.jpg 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/github_new-300x149.jpg 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/github_new-768x381.jpg 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/github_new-1536x762.jpg 1536w, https://sidtechtalks.in/wp-content/uploads/2021/03/github_new.jpg 1835w"><figcaption dir="auto">To create a repository</figcaption></figure><UL><LI>You can give your repository name and a brief description if you want.</LI></UL><UL><LI>You can choose the privacy of the repository by selecting Public and Private. In public, anyone can see the repository, but it would allow committing only those peoples who have access. In private, no outside member can see the repository only accessed members can see and commit.</LI></UL><UL><LI>Select&nbsp;Initialize this repository with a README.</LI></UL>Now, you have successfully created the new repository.<figure><img src="https://sidtechtalks.in/wp-content/uploads/2021/03/git_repo-1024x409.jpg" alt="created repository" width="488" height="488" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/git_repo-1024x409.jpg 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/git_repo-300x120.jpg 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/git_repo-768x307.jpg 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/git_repo-1536x613.jpg 1536w, https://sidtechtalks.in/wp-content/uploads/2021/03/git_repo.jpg 1886w"></figure><h6 dir="ltr">Step2. Create Branches</h6><BLOCKQUOTE>Branching is helps to work on different versions of a repository at one time.</BLOCKQUOTE>By default, the repository has one branch called main (sometimes master). It is your base branch of the repository. So, for example, if you want to add new features in the main branch, but you are afraid of committing to the main branch directly.So, in that case, you need to create a new branch. It is a copy of the main branch. You can commit to the new branch, and if all looks good and you are ok with it then, you can merge it into the main branch.<figure><img src="https://sidtechtalks.in/wp-content/uploads/2021/03/regular_branch_merge.jpg" alt="" width="488" height="488" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/regular_branch_merge.jpg 548w, https://sidtechtalks.in/wp-content/uploads/2021/03/regular_branch_merge-300x179.jpg 300w"></figure>To create a new branch from the main:<UL><LI>Go to branches in the dropdown by default main branch is selected.</LI></UL><UL><LI>So type the name of your branch (in my case, “new-branch“).</LI></UL><UL><LI>Select the Create branch&nbsp;button.</LI></UL><figure><img src="https://sidtechtalks.in/wp-content/uploads/2021/03/new-branch-1024x502.png" alt="" width="488" height="488" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/new-branch-1024x502.png 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/new-branch-300x147.png 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/new-branch-768x377.png 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/new-branch.png 1339w"></figure>Now you have two branches, so whenever you commit the features in the “new-branch”. You will see the difference between the branches by comparing them with the main branch.<h6 dir="ltr">Step3. Make Commit and Changes</h6>This operation is needed when you save something. In the Git and Github system, we can say commit. With this commit, there is one message you should provide that describes this commit. So, it will make other members understand the commit or changes that you have made.Also, read about&nbsp;<a href="https://sidtechtalks.in/basic-git-commands-that-developers-should-know/#htoc-5-git-commit" rel="noreferrer noopener" dir="ltr">Git commit</a>&nbsp;via command line.Okay, let’s have a look at commit changes through Github.<UL><LI>Click on the Readme.md file</LI><LI>Click the pencil icon in the upper right corner of the file view to edit.</LI><LI>In the editor, add some changes to the file.</LI><LI>Write a commit message that describes your changes.</LI><LI>Click the&nbsp;Commit changes&nbsp;button.</LI></UL><figure><img width="488" height="488" src="https://sidtechtalks.in/wp-content/uploads/2021/03/git_changes-1024x161.jpg" alt="github_changes" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/git_changes-1024x161.jpg 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/git_changes-300x47.jpg 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/git_changes-768x120.jpg 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/git_changes-1536x241.jpg 1536w, https://sidtechtalks.in/wp-content/uploads/2021/03/git_changes.jpg 1651w"></figure><figure><img width="488" height="488" src="https://sidtechtalks.in/wp-content/uploads/2021/03/git-commit-1-1024x280.jpg" alt="github commit" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/git-commit-1-1024x280.jpg 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/git-commit-1-300x82.jpg 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/git-commit-1-768x210.jpg 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/git-commit-1-1536x420.jpg 1536w, https://sidtechtalks.in/wp-content/uploads/2021/03/git-commit-1.jpg 1597w"><figcaption dir="auto">Make changes commit</figcaption></figure>You have successfully done your first commit. Now you can compare the changes from the main branch. Let’s do the following process Pull request raise.<h6 dir="ltr">Step4. Raise Pull Request</h6>Now, after committing the changes, you are ready to raise the pull request. This step is the important part of Github, where you can collaborate your work with the teammates and request the reviewers to review your commit changes and pull your changes and merge them into the main branch.In the Pull requests window, you have seen the information available related to your commits like your file changes which you have done, the commit history of the branch, addition and subtraction of lines (difference between main and new-branch) in the code.Let see the steps for new pull request.<figure><img width="488" height="488" src="https://sidtechtalks.in/wp-content/uploads/2021/03/compare-reques-1024x255.png" alt="compare request" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/compare-reques-1024x255.png 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/compare-reques-300x75.png 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/compare-reques-768x191.png 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/compare-reques-1536x382.png 1536w, https://sidtechtalks.in/wp-content/uploads/2021/03/compare-reques.png 1639w"></figure><UL><LI>Go to the Pull requests tab.</LI></UL><UL><LI>Automatically a pop appears for raising the request against the recent commit. If not appears then, click on the “New pull request” button and select the branch.</LI></UL>Now the Pull request page appears like this:<figure><img src="https://sidtechtalks.in/wp-content/uploads/2021/03/pull_request-1024x469.jpg" alt="create pull request" width="488" height="488" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/pull_request-1024x469.jpg 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/pull_request-300x137.jpg 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/pull_request-768x352.jpg 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/pull_request-1536x704.jpg 1536w, https://sidtechtalks.in/wp-content/uploads/2021/03/pull_request.jpg 1593w"></figure><UL><LI>You can enter the title of the PR, write some description if you want more clarification.</LI></UL><UL><LI>On the right side of the page, there are options for Reviewers, Assignees, Labels. For best practice, you should also fill up those things.</LI></UL><UL><LI>You would add other persons from the team to review and approve your pull request and let them merge the request in the Reviewers section. In Assignees, you should add yourself in it if you raise the PR. In Labels, you can add the type of the pull request (let say Bugs, new feature, needs reviews, resolved).</LI></UL>Note: These above details are optional, but I recommend you to follow these as well for best practices.When you are done with all of these, click&nbsp;Create pull request.<h6 dir="ltr">Step5. Merge Request</h6>This is the final step to merging your your changes in the man branch and become the part of the contribution of the project.<UL><LI>Click the green&nbsp;Merge pull request&nbsp;button to merge the changes into&nbsp;<code dir="ltr">main</code>.</LI></UL><figure><img width="488" height="488" src="https://sidtechtalks.in/wp-content/uploads/2021/03/merge_request-1024x296.png" alt="merge request" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/merge_request-1024x296.png 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/merge_request-300x87.png 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/merge_request-768x222.png 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/merge_request.png 1158w"></figure><UL><LI>Click&nbsp;Confirm merge.</LI></UL><figure><img src="https://sidtechtalks.in/wp-content/uploads/2021/03/confirm.png" alt="confirm merge" width="488" height="488" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/confirm.png 828w, https://sidtechtalks.in/wp-content/uploads/2021/03/confirm-300x103.png 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/confirm-768x263.png 768w"></figure><UL><LI>Go ahead and delete the branch, since its changes have been incorporated, with the&nbsp;Delete branch&nbsp;button in the purple box.</LI></UL><figure><img width="488" height="488" src="https://sidtechtalks.in/wp-content/uploads/2021/03/delete_branch-1024x114.png" alt="delete branch" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/delete_branch-1024x114.png 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/delete_branch-300x33.png 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/delete_branch-768x85.png 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/delete_branch.png 1163w"></figure>Finally, you have all things from creating the new repository to the merge changes. I hope you got the process of Github, you can also do these things from the command line through Git (version control system). <a href="https://sidtechtalks.in/basic-git-commands-that-developers-should-know/" rel="noreferrer noopener" dir="ltr">Read this article</a>.<h5 dir="ltr">4. Manage Access</h5>This option is for privacy if you wanted to let other members contribute to the same repository. So, you have to invite the collaborators by going to the settings tab.<figure><img src="https://sidtechtalks.in/wp-content/uploads/2021/03/manage_access-1024x459.png" alt="manage access" width="488" height="488" srcset="https://sidtechtalks.in/wp-content/uploads/2021/03/manage_access-1024x459.png 1024w, https://sidtechtalks.in/wp-content/uploads/2021/03/manage_access-300x135.png 300w, https://sidtechtalks.in/wp-content/uploads/2021/03/manage_access-768x344.png 768w, https://sidtechtalks.in/wp-content/uploads/2021/03/manage_access.png 1385w"></figure>Invite the members and give them access to contribute in the project.I hope you got the information about Github. By the way, if you wanted to show your contribution then go to your profile and see your contribution timeline in the green square boxes. You can also visit <a href="https://guides.github.com/introduction/flow/" rel="noreferrer noopener" dir="ltr">GitHub flow</a> to understand the flow graph. We should use Git via commands to commit the features in GitHub.Hope you like it<img alt="👍" src="https://s.w.org/images/core/emoji/13.0.1/svg/1f44d.svg" width="15" height="15"> and if you find this useful then don’t forget to share this with your friends or on social media. And If you have any queries, please do ask in the comments section or anything that you want through mail then&nbsp;<a href="https://sidtechtalks.in/contact-us/" dir="ltr">contact</a>.Thanks<img alt="😊" src="https://s.w.org/images/core/emoji/13.0.1/svg/1f60a.svg" width="15" height="15">Also read

Github is the most popular code hosting platform to collaborate teamwork. Using Git, we work together with our team at the same workspace.

computerscience

Computer Science

If you never used GitHub, and don’t know how to use this with Git, then this article is for you. <a dir="ltr" href="https://github.com/" rel="noreferrer noopener">GitHub </a> is one of the most popular codes hosting platforms to collaborate teamwork. Git helps us to monitor and work together with our team members at the same workspace .

Before going to start about GitHub, we need to understand that Git and GitHub are different things.

Git is a version control system that helps us to track the computer programs and the changes that were made over time. It allows us to work together and collaborate with our team on the changes or addition to the same repository. And GitHub is the web hosting platform that hosts a Git server program to store the code.

Read this blog to get more information about Git – <a dir="ltr" href="https://sidtechtalks.in/basic-git-commands-that-developers-should-know/">Important Basic Git Commands – Developers should know </a> .

In this article, we will learn and understand more about GitHub and how to use it. Let’s get started with GitHub:

is a code hosting platform and built for collaboration. It let you work together with the team remotely from anywhere. It provides <a dir="ltr" href="https://en.wikipedia.org/wiki/Access_control">access control </a> and several collaboration features such as <a dir="ltr" href="https://en.wikipedia.org/wiki/Bug_tracking_system">bug tracking </a>, <a dir="ltr" href="https://en.wikipedia.org/wiki/Software_feature">feature </a> requests, <a dir="ltr" href="https://en.wikipedia.org/wiki/Task_management">task management </a>, <a dir="ltr" href="https://en.wikipedia.org/wiki/Continuous_integration">continuous integration </a>, etc.

For example, if the developer team wants to make the application and everyone wants to contribute in the same workspace. So this platform helps to add the changes of code simultaneously and makes everyone contribute to the project from anywhere.

At the end of this article, we will get to know about repositories, branches, commit, pull requests, collaborations, review changes, etc.

<ul><li>GitHub has many advantages over any cloud-based system or dropbox . It doesn’t create redundancy and confusion between the members. Github is a centralized repository where anyone can edit, add changes in the files. </li> </ul>

<ul><li>For example, let the team are working simultaneously on the project. If one of the team members is working on one file and he pushed the code changes in the repository, and at the same time, another team member is also working on the same file, and he doesn’t know about that changes. </li> </ul>

<ul><li>So if he pushed their code in the same file, then the previous work will be lost . And it will create a lot of problems for the team, and if we use Github, then this problem will be solved. It lets you know about the last commit changes , or if any conflicts , then it notified you. </li> </ul>

<ul><li>That’s why most organizations and developers are using Github. The other hosting platforms are, Gitlab, Bitbuckets. </li> </ul>

A repository is a place where you can store the files, images, videos, directories, and data (anything that your project needs). The Github repository act as a remote repository. And the mirror copy of the remote repository in your local act as a local repository.

Let’s have a look, so after Signup the Github account. Go to the top-right menu option + sign to create a new repository.

<ul><li>You can give your repository name and a brief description if you want. </li> </ul>

<ul><li>You can choose the privacy of the repository by selecting Public and Private . In public, anyone can see the repository, but it would allow committing only those peoples who have access . In private, no outside member can see the repository only accessed members can see and commit. </li> </ul>

<ul><li>Select Initialize this repository with aREADME . </li> </ul>

Now, you have successfully created the new repository.

Branching is helps to work on different versions of a repository at one time.

By default, the repository has one branch called main (sometimes master). It is your base branch of the repository. So, for example, if you want to add new features in the main branch, but you are afraid of committing to the main branch directly.

So, in that case, you need to create a new branch. It is a copy of the main branch. You can commit to the new branch, and if all looks good and you are ok with it then, you can merge it into the main branch.

To create a new branch from the main:

<ul><li>Go to branches in the dropdown by default main branch is selected. </li> </ul>

<ul><li>So type the name of your branch (in my case, “new-branch “). </li> </ul>

<ul><li>Select the Create branch  button. </li> </ul>

Now you have two branches, so whenever you commit the features in the “new-branch”. You will see the difference between the branches by comparing them with the main branch.

This operation is needed when you save something. In the Git and Github system, we can say commit . With this commit, there is one message you should provide that describes this commit. So, it will make other members understand the commit or changes that you have made.

Also, read about <a dir="ltr" href="https://sidtechtalks.in/basic-git-commands-that-developers-should-know/#htoc-5-git-commit" rel="noreferrer noopener">Git commit </a> via command line.

Okay, let’s have a look at commit changes through Github.

<ul><li>Click on the Readme.md file </li><li>Click the pencil icon in the upper right corner of the file view to edit. </li><li>In the editor, add some changes to the file. </li><li>Write a commit message that describes your changes. </li><li>Click the Commit changes  button. </li> </ul>

You have successfully done your first commit. Now you can compare the changes from the main branch. Let’s do the following process Pull request raise.

Now, after committing the changes, you are ready to raise the pull request. This step is the important part of Github, where you can collaborate your work with the teammates and request the reviewers to review your commit changes and pull your changes and merge them into the main branch.

In the Pull requests window, you have seen the information available related to your commits like your file changes which you have done, the commit history of the branch, addition and subtraction of lines (difference between main and new-branch) in the code.

Let see the steps for new pull request.

<ul><li>Go to the Pull requests tab. </li> </ul>

<ul><li>Automatically a pop appears for raising the request against the recent commit. If not appears then, click on the “New pull request ” button and select the branch. </li> </ul>

Now the Pull request page appears like this:

<ul><li>You can enter the title of the PR, write some description if you want more clarification. </li> </ul>

<ul><li>On the right side of the page, there are options for Reviewers , Assignees , Labels . For best practice, you should also fill up those things. </li> </ul>

<ul><li>You would add other persons from the team to review and approve your pull request and let them merge the request in the Reviewers section. In Assignees, you should add yourself in it if you raise the PR. In Labels, you can add the type of the pull request (let say Bugs, new feature, needs reviews, resolved). </li> </ul>

Note: These above details are optional, but I recommend you to follow these as well for best practices.

When you are done with all of these, click Create pull request .

This is the final step to merging your your changes in the man branch and become the part of the contribution of the project.

<ul><li>Click the green Merge pull request  button to merge the changes into <code dir="ltr">main </code>. </li> </ul>

<ul><li>Click Confirm merge . </li> </ul>

<ul><li>Go ahead and delete the branch, since its changes have been incorporated, with the Delete branch  button in the purple box. </li> </ul>

Finally, you have all things from creating the new repository to the merge changes. I hope you got the process of Github, you can also do these things from the command line through Git (version control system). <a dir="ltr" href="https://sidtechtalks.in/basic-git-commands-that-developers-should-know/" rel="noreferrer noopener">Read this article </a>.

This option is for privacy if you wanted to let other members contribute to the same repository. So, you have to invite the collaborators by going to the settings tab.

Invite the members and give them access to contribute in the project.

I hope you got the information about Github. By the way, if you wanted to show your contribution then go to your profile and see your contribution timeline in the green square boxes . You can also visit <a dir="ltr" href="https://guides.github.com/introduction/flow/" rel="noreferrer noopener">GitHub flow </a>to understand the flow graph. We should use Git via commands to commit the features in GitHub.

and if you find this useful then don’t forget to share this with your friends or on social media. And If you have any queries, please do ask in the comments section or anything that you want through mail then <a dir="ltr" href="https://sidtechtalks.in/contact-us/">contact </a> .

All about GitHub and its link with Git - A step-by-step guide - SidTechTalks

All about GitHub

Siddharth Rastogi's ideas are part of this journey:

Related collections

Similar ideas