Github Readme Online



Readme

GitHub for Data Scientists without the terminal

You know by now that GitHub is an online platform to host and share code. While a readme file isn't a required part of a GitHub or Git repository, it. Leaflet platform for LibreOffice Online This is the client part of LibreOffice Online. For the server part, see the./wsd/README, and install it first. Build dependencies-npm is provided by the nodejs package. Npm should be at least 2.14, if not 3.x. Use `npm -v` to find the current version. Upgrade npm (as root): npm install -g npm. Feb 28, 2020 'What I learned from an old GitHub project that won 3,000 Stars in a Week' - KyuWoo Choi; Tools. Common Readme - A common readme style for Node. Includes a guide and a readme generator. Feedmereadmes - README editing and project analysis/feedback. Hall-of-fame - Helps show recognition to repo contributors on README. Features new/trending/top.

by Sahir Bhatnagar

Introduction

In this tutorial you will learn how to get started with version control usingGit and GitHub. The main goalhere is to provide a step-by-step introduction to GitHub, with detailedscreenshots, so that you become familiar with its main functionalities.

Who

This tutorial is intended for grad students and academics who useR but are unfamiliar with the command lineor terminal. I assume nothing about the computer science skills of the user, but doassume basic knowledge of R and RStudio.

What

The outline is provided below. You will learn the essentialconcepts and terminology of version control, Git, GitHub and GitHub desktop. Thistutorial follows a learn-by-doing approach.

  1. Installing Git
  2. Signup for a GitHub account and a Hello World tutorial
  3. Installing GitHub Desktop
  4. Version control R code using an example of PCA
  5. Create a branch, pull request and merge
  6. Introduction to Git functionality in RStudio
  7. Create and publish an R Markdown document
  8. Create an online CV

Why

Familiarity with GitHub has become an indispensible tool for anyone workingwith data. Sharing code, writing software for your statistical method,producing techincal reports and creating websites have become essentialskills to have in the rapidly growing field of data science.Other answers can be foundhere,hereand here.

How

Each of the topics covered are separated by chapters that should be followedsequentially. Within each chapter, there are a series of steps that you needto complete. Each step starts with some instructions followed by a screenshot.

Pre-requisites

Chapters 1-3 have no pre-requisites in terms of software. Chapters 4-8 require a workinginstallation of R andRStudio.

What this isn't

It is not a comprehensive tutorial of all the intracacies of Git. I skip overmany fine details, because the main goal of this tutorial is an introductionto essential concepts and terminology of version control, Git, and GitHub.

It covers a variety of topics that could each be its own book. There are a plethora ofonline resources available for everything covered here but you can't Google somethingif you don't know what you're looking for in the first place.

Related Work

Github

There are several more advanced and comprehensive online resources available forlearning git and github for data science oriented people including:

The main difference here is that we don't use the terminal (or command line) andprovide screenshots for every step.

Chapter 1: Installing Git

Git is to GitHub, what R is to RStudio. In other words Git is the software thatdoes all the work behind the scenes, and GitHub a user interface that makes itseasier to communicate with Git (and adds functionality as well). In this chapterwe will download and install Git.

Note: the screenshots provided here are from a Windows operating system, however it will be similar on a Mac or Linux.

Step 1.1

Step 1.2

Once the download has completed, click on the Git-2.7.4 64-bit.exe file(.dmg on a Mac, or .deb on Linux). Note: the version you download might be different than what I've shown here, but that's ok

Step 1.3

Once you have read the GNU General Public License (this is not requiredto continue) click on Next.

Step 1.4

You need to select where you want Git installed. I have chosen the defaultlocation Program Files, but you can change this if you like by clicking onthe Browse... button. Once you have chosen a location click Next.

Step 1.5

Select the components you want to install. Ensure that at least the boxesshown in the screenshot below have been checked. Click Next.

Step 1.6

This step is to select where you want the shortcut location to be stored. Ihave chosen the default. Then click Next.

Step 1.7

Git can be used from the command line also. Selecting the second option allowsyou this flexibility for when you become familiar with Git.Note: you might see different options on a Mac, if you don't know which option to choose, select the default

Step 1.8

Select the (recommended) first option and click Next.Note: you might see different options on a Mac, if you don't know which option to choose, select the default

Step 1.9

Select the (recommended) first option and click Next.Note: you might see different options on a Mac, if you don't know which option to choose, select the default

Step 1.10

Ensure that at least the Enable Git Credential Manager box is checked, and click Next.

Step 1.11

You should see now see the following installation screen.

Step 1.12

The following screen will appear once the Git setup has successfully completed.Click on Finish. Well done, you have installed Git on your system. Proceedto Chapter 2 to signup for a GitHub account.

Chapter 2: Signup for a GitHub account and a Hello World tutorial

In this short Chapter, you will signup for a GitHub account. GitHub is likeyour online portfolio of code. It has a plethora of great features for creatingwebsites, project pages and collaborating with others. Again GitHub is aninterface to the version control system called Git. Other optionsinclude Bitbucket and GitLab.

Step 2.1

Go to https://github.com/.

Step 2.2

The longest step in this chapter is choosing your username. Think about itcarefully and ensure that its professional; it will be how you are recognized on the internet, i.e., your github website address will be github.com/username. Once you have chosen a username, enter a valid email address and password, and click on the Sign up for GitHub button.

Step 2.3

Choose the free plan (default) and click on the Finish sign up button.

Step 2.4

Well done. You now have a GitHub account. Complete the Hello World guidewhich will walk you through some functionalities of GitHub. Click onthe Let's get started! button.

Step 2.5

Complete the exercises in the Hello World tutorial and move on to Chapter 3: Installing GitHub Desktop.

Chapter 3: Installing GitHub Desktop

Traditionally, version control with Git is accessed through the command line orterminal. GitHub Desktop is a software program that makes it easier to use Gitfunctions without having to use the command line. It also allows you tocommunicate with your GitHub website (github.com/username). Don't worry if thedifferences between Git, GitHub and GitHub Desktop are not clear to you yet.You will have a better understanding once you have completed this tutorial.

Note: in all the screenshots that follow, my username is shown, however you should be entering your username, password and email address created in Chapter 2.

Step 3.1

Go to https://desktop.github.com/ and clickon Download GitHub Desktop.Note: GitHub desktop is only available for Windows and Mac. If you are running Linux I recommend GitKraken.

Step 3.2

Once the program has finished downloading, click on GitHubSetup.exe (or .dmg on a Mac).

Step 3.3

Click on Install.

Step 3.4

You should see this installation screen.

Step 3.5

Once installed, open up the program and login using the GitHub username andpassword you created in Chapter 2 and click on Log in.

Step 3.6

This information is used to identify the person that made the changes to yourcode. Leave the default values and click on Continue.

Step 3.7

You should see this screen, since you haven't created any local repositories yet.

What is a repository? The purpose of Git is to manage a project, or a set of files, as they change over time. Git stores this information in a data structure called a repository (reference).

Step 3.8

You should now be at this screen.

Step 3.9

Click on the button in the top left corner. Your username should appearwith a list of your repositories that are currently saved in your online GitHubaccount. To be able to have a local copy of this repository (by local I mean onyour computer hard drive) click on the Clone tab and thenthe Clone hello-world button (I am assuming that you completed the Hello Worldtutorial in Step 5 of Chapter 2).

Step 3.10

Choose where you want to save a local copy of the Hello World repository and click OK.

Step 3.11

You should now see the following contents in your GitHub desktop program.

Step 3.12

Using your computer's file explorer (e.g. windows explorer or mac finder),locate the local GitHub repository. If you successfully cloned your repositoryyou will see a hello-world folder with a README.md file in it, which isthe same one you created during the Hello World exercise in Chapter 2.

Step 3.13

Before moving on to Chapter 4, verify that the GitHub Desktop has added anSSH key for you. An SSH key is used to establish a secure connection betweenyour computer and the online GitHub server. On the far top right hand side ofyour online GitHub account click on the icon and navigate to Settings.

Step 3.14

You should see one entry in the SSH keys panel. Well done. You are now readyto version control some R code in Chapter 4.

Chapter 4: Version control R code using an example of PCA

In this chapter we will learn how to version control R code using an exampleof Principal Component Analysis.

Step 4.1

Create a local (meaning on your computer) repository by clickling the button in the top left corner of GitHub Desktop, and select the Create tab.Name the repository pcaCars and select where you want this repository storedon your computer. Leave the Git ignore value at its default (we will ignore whatthis is for now). Click on .

Step 4.2

You should see the following in your GitHub Desktop. A repository calledpcaCars has been created locally on your computer, and it contains twotext files that were automatically created by the software. You can click on themto see their contents. The most important of the two is the .gitignore file.This text file allows you to control what you want to version control within thepcaCars repository.

Step 4.3

We now want to publish this repository to the remote (i.e. github.com/username).Simply click on the button in the top right hand corner. Add a descriptionand click on .

Step 4.4

Head over to your online github account (e.g. https://github.com/git4ds).You should see the pcaCars repository along with the description you entered in theprevious step.

Step 4.5

Click on the pcaCars repository and you will see the .gitattributes and.gitignore files which are the same ones you have in your local repository.

Step 4.6

Open RStudio, navigate to the pcaCars repository and set it as your workingdirectory using the setwd() function

Step 4.7

Save the following code in an R script called pca.R

Step 4.8

Go back to GitHub Desktop. You will see the pca.R file appear. Click on thecheckbox to the left of it, and you will see all the additions you have madeto the file.

Step 4.9

On the bottom left hand side, enter a summary of the changes you have made tothe repository and an (optional) description. Then click on .This is essentially telling Git to record the changes you have made and store themin a branch. We will learn about branches in Chapter 5.

Step 4.10

You should see the following screen. You should notice that in the rectangularblack box, underneath the button,a timeline. As you commit additional changes, this timeline will grow. Each circle representsa snapshot of the repository at the time of the commit. This is the power of version controlling withGit. You can see what changes you have made, and even revert back to snapshot you want.

Readme

Step 4.11

Go to the pcaCars repository in your online GitHub account. Do you see thefile you just created called pca.R ? Why not? Because the commit you made was localto your computer. In order to see these changes online, you must push your localchanges to the remote.

Step 4.12

Go to GitHub Desktop and click on the button in the top right hand corner.

Step 4.13

You should now see your local changes pushed to your online repository.

Step 4.14

Let's make a change to the pca.R script. Instead of a scree plot, we wanta bar plot of the variance explained for each component:

Your script should now match what is shown in the screenshot below.

Step 4.15

Go to GitHub Desktop and click on the pca.R file. You will see thatGit automatically recognizes the changes you have made. Highlighted in redis what has been removed from the file, and in green is what was added.

Step 4.16

Describe the change you have made and click on

Step 4.17

Push your local changes to the remote repository by clicking on the button. You can view the different commits you have made in GitHub Desktop by clicking onthe grey circles in the timeline located in the rectangular black box.

Step 4.18

Go to your GitHub account online to see that the changes have been updated. Click on the History button located in to see a list of commits you have made to the repository.

Step 4.19

The History of commits you have made to the repository.

Chapter 5: Create a branch, pull request and merge

In this chapter you will learn what the words branch, pull request and merge meanin the GitHub world. Branching is a much more efficient and safe alternative tohaving files in a project like this:

  1. pcaCars_v1.R
  2. pcaCarsv2hierarchicalclusteringSept_2015.R
  3. pcaCarsv3bayesianclusteringnot_working.R

This image (source)nicely summarises what branching is useful for:

When you have a new idea, or want to test out some existing method but don't want tomodify your working script, then creating a branch is what you should do.

A branch represents an independent line of development. You can think ofthem as a way to request a brand new working directory (reference).

Step 5.1

Click on the branch symbol andname the branch clustering. The From branch entry indicates what the starting point of the clusteringbranch should be (you will see what this means shortly). Since there are no other branchespresent, master is chosen by default. Click on .

Step 5.2

You have now switched to the clustering branch. Notice the second timelinelabelled clustering underneath the master in the black rectangular box.

Step 5.3

You will also see a list of branches in this repository in the dropdown listnext to the branch symbol .The checkmark indicates the branch you are currently on.

Step 5.4

The motivation for creating this branch is that we want test out some codeto cluster the cars based on principal component scores. Go to RStudio and addthe following code to pca.R and save the file. You will need to install theggplot2 andggrepel packages from CRAN

Step 5.5

Go to GitHub Desktop, click on the pca.R file and you will see the changes madehave been highlighted. Describe the changes you have made and then click on.

Step 5.6

Push your local change to your online GitHub repository (i.e. the remote)by clicking on the button.

Step 5.7

You will see the clustering branch appear in the Branch dropdown menu.

Step 5.8

Select the clustering branch and confirm that your changes to the pca.R scriptare there.

Step 5.9

Switch back to the master branch. Why isn't the clutering code there? Becauseyou commit your changes to the clustering branch and not the master branch.It should become a little more clear now what branching is and it's utility.

Step 5.10

Github Readme Online Download

If you're content with the clustering results, it's time to merge the clustering codewhich is sitting on the clustering branch with the PCA code on the master branch.This is accomplished via a pull request. A pull request is the first step in merging two branches.It tells GitHub that you have committed changes to the repository and allows you to review the changes.Note: pull requests are a GitHub functionality and is not part of Git.

Click on the button in GitHub Desktop, enter a summary and descriptionof the proposed changes and why you did them. Then click on .

Step 5.11

Click on View it on GitHub. This will open the submitted pull request in thepcaCars repository of your online GitHub account.

Step 5.12

GitHub will automatically check that the merge can be completed without anyconflicts. If there are no conflicts you will see the following screen. Click on.

Step 5.13

Enter a comment about the pull request (optional) and click on .

Step 5.14

Well done. You have successfully created a branch, submitted a pull request andmerged your changes from the clustering branch to the master branch. You candelete the clustering branch by clicking on as it is no longer needed because these changesare now in the master branch.

Step 5.15

In the Branch dropdown list you will only see the master branch. You willalso notice that the clustering code has been merged with the PCA code.

Step 5.16

The merge was done online. We now want to see these changes reflected on ourcomputer (i.e. locally). To do this, go to GitHub Desktop and click onthe button.

Step 5.17

Notice that the clustering branch still exists even though you delete itin your online GitHub repository. Why? Because you did not delete the branchlocally (i.e. it still exists on your computer). Click on the settings dropdown menuand select Delete clustering....

Step 5.18

You will now only see the master branch in both the dropdown list and the blackrectangular box.

Chapter 6: Introduction to Git functionality in Rstudio

RStudio also has the ability to interact with Git and GitHub, similar toGitHub Desktop. I will briefly show how to initiate this by creating anRStudio project. More comprehensive resources can be foundhere andhere.

Github Readme Stats

Step 6.1

In RStudio go to File -> New Project ...

Step 6.2

Choose the second option: Existing Directory and select the folder whichcontains the pcaCars repository.

Step 6.3

Notice the Git tab in located in the top right panel. It is emptybecause no changes have been made to the repositor.

Step 6.4

We don't want to version control the files associated with the RStudio project.Open the .gitignore file

Step 6.5

Add the names of these files in the .gitignore text file as shown in thescreenshot below and save the file.

Step 6.6

In the Git tab you will now notice the .gitignore file has appeared becauseyou have made changes to it.

Step 6.7

You will also notice these changes in GitHub Desktop.

Step 6.8

Describe the commit and click on .

Step 6.9

Sync the local repository with the remote by clicking on the button.

Step 6.10

RStudio can also handle branches. To see this, click on the branch symbol, and createa branch called gh-pages. To do this, enter gh-pages in the Name field and click on

Step 6.11

In RStudio you should see a dropdown list of branches in the top right handcorner of the Git panel. You should now be in the gh-pages branch for Chapter 7.Note: this branch must be called gh-pages; you will find out why in the next chapter

Chapter 7: Create and publish an R Markdown document

Editor

In this chapter you will learn how to create an HTML report (of the PCA you did inearlier chapters) using R Markdown. You willthen learn how to publish this report online. The following steps must be completed on the gh-pages branch

Step 7.1

In RStudio, click on the dropdownlist and select R Markdown....

Step 7.2

If you don't have the required packages, RStudio will automatically install them.Click Yes.

Step 7.3

This screen appears to indicate the installation of required packages to useR Markdown.

Step 7.4

Enter a title and author. Ensure that the Default Output Format is HTML.Click on OK.

Step 7.5

To ensure everything is working correctly compile the document by clicking onthe button.This will convert the R Markdown document to HTML.

Step 7.6

You will be prompted to save the file. It must be saved as index.RmdClick on Save

Step 7.7

If everything is working properly, an HTML document named index.html will appear.This is the HTML report, also called a dynamic document that contains bothR code and text.

Step 7.8

I have created a sample report which you can see here.Copy the contents of that report and paste it into the index.Rmd file, replacing its entire contents.Click on the button.

Step 7.9

The HTML document will automatically load after the document has finished compiling. You can viewthis document in your web browser by clicking the Open in Browser button.

Step 7.10

Note the location and filename of the document. It is currently only on your computer, andhas not been published online.

Step 7.11

Both RStudio and GitHub Desktop have noticed the changes you made to the gh-pagesbranch.

Step 7.12

In GitHub Desktop, select all the files that have been changed or added, describe the changesand click on

Step 7.13

Publish the local changes to your online GitHub repository by clicking the button in GitHub Desktop.

Step 7.14

Head over to the pcaCars repository in your online GitHub account. Click on theBranch dropdown list and select the gh-pages branch.

Step 7.15

Notice that the R Markdown, HTML and related files only appear in the gh-pagesbranch because that where you committed them.

Step 7.16

Click on the Settings tab. You will see a box called GitHub Pages which saysthat your site has been published at http://username.github.io/pcaCars. Click on thesite to verify that the report has indeed been published online.

Step 7.17

Well done. The report has been published online. This makes it extremely easy to sendreports to your supervisor or collaborators, without having to send large email attachments withlong names indicating the version. Simply commit new changes to the repository, and the reportwill automatically get updated online.

The website link never changes, and you can simply sendan email to your supervisor or collaborators indicating that changes have been made to thedocument.

There are four important things to note:

  1. The html document that you want to publish must be on the gh-pages branch.See https://pages.github.com/ for more details.
  2. The html document must be named index.html
  3. The name of the website will always have this format: http://username.github.io/nameofrepository
  4. Every repository you create can have its own website. Let's test this in Chapter 8.

Chapter 8: Create an online CV

In this chapter you will learn how to create an online CV. The template I haveshown is for illustration purposes. The main objective here is for you to have a websitethat has your CV. I highly recommend the advice given by Sherri Roseon Academic CVs for Statistical Science Faculty Positions.

Step 8.1

In GitHub Desktop, create a new repository called cv. Click on

Step 8.2

Create a gh-pages branch and click on

Step 8.3

Save the template CV in thenewly created cv repository on your computer (source).Open the file in RStudio and click onthe button.

Step 8.4

Commit the changes in GitHub Desktop. Describe the changes you made and click on .

Step 8.5

Click on to push your changes to your online GitHub account.

Step 8.6

Github Readme Sample

After entering a description of the repository click on .

Step 8.7

Your GitHub Desktop should now be clean.

Step 8.8

Go to your online GitHub account and navigate to the cv repository

Step 8.9

In setting you should see that your site has been published.

Step 8.10

Well done. You now have an online CV.

This concludes the tutorial. Well done.

Conclusion

GitHub has evolved into a necessary tool for anyone doing data analysis. It is not uncommon now for employers to prioritize your GitHub portfolio over your CV. This tutorial demonstrates how simple it is to get up and running with GitHub. In addition to having an easy-to-use interface, it allows you to easily create websites and host dynamic documents. I encourage you to adopt this workflow, whether you work in industry or academia, to showcase your work, increase efficiency and ensure reproducibility.

What About Dash?

Dash for R is an open-source framework for building analytical applications, with no Javascript required, and it is tightly integrated with the Plotly graphing library.

Learn about how to install Dash for R at https://dashr.plot.ly/installation.

Everywhere in this page that you see fig, you can display the same figure in a Dash for R application by passing it to the figure argument of the Graph component from the built-in dashCoreComponents package like this: