‘Git’ting Ahead: Hacking Git and GitHub Part 1

Recommended by 21 users

Dec 4, 2015
‘Git’ting Ahead: Hacking Git and GitHub Part 1
Add to Bookmark Email this Post 905    0

Remember the days you had to share codes via email? I really wish Git and GitHub were around during my college days when we collaborated over email or pen drives, by sharing code.

I’ve created a series of blogs on Git and GitHub, aimed to take you through the various functions and capabilities of Git and GitHub. In the first blog of the series, let’s understand the basics.

What is Git?

Git is a free and open source version control system which makes it easy to track files and collaboratively build code.

To get started, you have to download Git for your machine from https://git-scm.com/downloads

download-git-and-github

Getting started:

Great. You have installed Git on your machine.  In order to track files/directories with Git, you create a repository and put the files/directories into it. I have my jQuery work in jQueryUI directory, and in order to put all the files/directories under Git version control, I need to initialize the directory as a Git repository.

git-repository-git-and-github

Initializing Git Repository :

git-initializing-git-and-github

We have now initialized our jQueryUI directory as a Git repository with git init.

Checking Status:

You can see that the files under jQueryUI directory are still not tracked by Git. You need to use git status to check the status of this operation.

untracked-files-git-and-github

Staging Files:

Now we are going to put all the untracked files under Git’s version control by using git add command. Since there are 13 untracked files we will use the option -A with git add command to put all the untracked files under Git version control in one command.

git-add-git-and-github

Above we have added all the files under Git version control, we can check it with git status command.

tracked-git-and-github

Committing Files:

Next we are going to commit the changes with git commit command, while committing the changes you should provide a meaningful commit message after -m option. Note that it is mandatory to provide the commit message while committing the changes.

git-commit-git-and-github

Creating a GitHub repository :

Once we have committed our changes we are ready to push the code to a remote GitHub repository. To create a GitHub repository, we need to create an account at https://github.com/.

github-repository-git-and-github

After creating the GitHub account, log into GitHub and click on the New Repository menu as shown below:

new-repository-git-and-github

Below we have named our GitHub repository to jQueryProject and provided a small description.

create-repository-git-and-github

Public Vs. Private Repository:

By default a GitHub repository is public which means that anyone can see the contents of the repository. Private repositories is a paid option in GitHub. Public repositories are best suited for open source projects. If you don’t want anyone to see the contents of your repository, you can check the GitHub pricing for private repositories here: https://github.com/pricing

Pushing changes to GitHub repository:

To push changes to GitHub repository, copy the address of the GitHub repository and push the changes using the git push command. In our case, the address to the remote GitHub repository is https://github.com/EdurekaRepository/jQueryProject.git

repository-address-git-and-github

Note that by default every GitHub repository have a master branch.  So we will push our code to master branch of repository.

push-code-git-and-github

Here, we have pushed the code to remote GitHub repository jQueryProject

Accessing GitHub Repository: 

After pushing the code or any other files to GitHub repository, you can access all the pushed data from the GitHub repository as shown below.

contents-git-and-github

Editing Files, Staging, Committing and Pushing:

We have made our first commit.  Now let’s edit the code and commit the latest code to GitHub.

change-git-and-github

Here, we have edited the datepicker.html file (added an h1 header). Let’s now check the status with the git status command.

modified-git-and-github

git status command shows that we have one modified file — datepicker.html– and new changes are not committed. To commit the new changes we have to first add the changed file and then commit it. Rather than typing two separate git commands, first to add and then to commit, we can commit the new changes with just one command.

two-in-one-git-and-github

Here, we have used -a option with git commit to add all the changed files.

Once we have committed the changes, we are ready to push the changes to GitHub repository. This time while pushing the code to GitHub repository, we are going to create a short handle for our repository. This makes it easy to refer to our GitHub repository.

remote-handle-git-and-github

Here, we have created a handle (shortHandle) for our GitHub repository, and used shortHandle to push the changes to GitHub repository.

Commit History:

We can see the history of commits with git log command as shown below. Latest commit will be shown on the top.

git-log-git-and-github

That’s it for now. Lot of things that can be done with Git and GitHub. In the next post, let’s learn how to clone a repository, fork a repository, git branches, github markdown, README and gitignore file, github gist and some cool tips to work with Git. Bye for now.

Got a question for us? Please mention it in the comments section and we will get back to you.

Related Posts:

Get Started with Mastering Git and Github

Share on
Comments
0 Comments

24 X 7 Customer Support X

  • us flag 1-800-275-9730 (Toll Free)
  • india flag +91 88808 62004