RMarkdown and GitHub

class: center, middle, inverse, title-slide

# RMarkdown and GitHub
## JHU Data Science
### www.jtleek.com/advdatasci

---

class: inverse, middle, center

# What is RMarkdown?

<div style="font-size:25pt;">
.pull-left[
  
- Data + Code + prose/text
- A YAML configuration header
- Inline code
    - <code class="r">``` `r mean(x)` ```</code>

]
</div>

.pull-right[ 
![](../imgs/rmarkdown/RMarkdownOutputFormats.png)

]

(http://rmarkdown.rstudio.com/images/RMarkdownOutputFormats.png)

---
class: inverse, middle, center

# Creating RMarkdown Documents in RStudio

<code class="r">install.packages("rmarkdown")</code>

</div>

---
background-image: url(../imgs/rmarkdown/new_rmarkdown.png)
background-size: 100%

---
background-image: url(../imgs/rmarkdown/new_template.png)
background-size: 100%

---
background-image: url(../imgs/rmarkdown/yaml.png)
background-size: 100%

---
background-image: url(../imgs/rmarkdown/code_chunk.png)
background-size: 100%

---
background-image: url(../imgs/rmarkdown/code_chunk_plot.png)
background-size: 100%

---
background-image: url(../imgs/rmarkdown/knit.png)
background-size: 100%

---
background-image: url(../imgs/rmarkdown/saving_file.png)
background-size: 100%

---
background-image: url(../imgs/rmarkdown/rmarkdown.png)
background-size: 100%

---
background-image: url(../imgs/rmarkdown/output.png)
background-size: 100%

---
class: inverse, middle, center

# Rendering

<code class="r">library(rmarkdown)</code>

<code class="r">render("test.Rmd")</code>

</div>

---
class: inverse, middle, center

# RMarkdown Options : http://rmarkdown.rstudio.com/

---
class: inverse, middle, center
# RMarkdown Lab: https://goo.gl/N5AUD3

---
class: inverse, middle, center

# GitHub: Online Server of Git Repositories

---
background-image: url(../imgs/github/gh.png)
background-size: 100%

---
background-image: url(../imgs/github/files.png)
background-size: 100%

---
background-image: url(../imgs/github/readme_box.png)
background-size: 100%

---
background-image: url(../imgs/github/readme.png)
background-size: 100%

---
background-image: url(../imgs/github/raw_box.png)
background-size: 100%

---
background-image: url(../imgs/github/raw.png)
background-size: 100%

---
background-image: url(../imgs/github/issues_box.png)
background-size: 100%

---
background-image: url(../imgs/github/issues.png)
background-size: 100%

---
background-image: url(../imgs/github/branches_box.png)
background-size: 100%

---
background-image: url(../imgs/github/branches.png)
background-size: 100%

---
background-image: url(../imgs/github/recent_commit_box.png)
background-size: 100%

---
background-image: url(../imgs/github/recent_commit.png)
background-size: 100%

---
background-image: url(../imgs/github/contributors_box.png)
background-size: 100%

---
background-image: url(../imgs/github/contributors.png)
background-size: 100%

---
background-image: url(../imgs/github/commits_box.png)
background-size: 100%

---
background-image: url(../imgs/github/commits.png)
background-size: 100%

---
background-image: url(../imgs/github/releases_box.png)
background-size: 100%

---
background-image: url(../imgs/github/releases.png)
background-size: 100%

---
background-image: url(../imgs/github/fork_box.png)
background-size: 100%

---
background-image: url(../imgs/github/fork.png)
background-size: 100%

---
background-image: url(../imgs/github/fork2.png)
background-size: 100%

---
background-image: url(../imgs/github/forked.png)
background-size: 100%

---
background-image: url(../imgs/github/fork_commit_ahead.png)
background-size: 100%

---
background-image: url(../imgs/github/clone.png)
background-size: 100%

---
background-image: url(../imgs/github/pull_request_box.png)
background-size: 100%

---
background-image: url(../imgs/github/pull_request_output.png)
background-size: 100%

<div style="color: blue; font-size: 30pt; background-color: #ffffff;">After making some changes adding, committing, pushing</div>

---
class: inverse, middle, center

# RStudio Projects and GitHub

---
background-image: url(../imgs/rstudio_github/prefs.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/prefs_git.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/new_project.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/new_project_dir.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/new_project_project.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/new_project_name.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/new_project_made.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/new_project_files.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/new_project_commit_message.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/new_project_commit.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/github.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/github_new_repo.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/github_repo.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/github_default.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/github_terminal.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/github_add_remote.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/github_behind.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/github_push.png)
background-size: 100%

---
background-image: url(../imgs/rstudio_github/github_push_reflected.png)
background-size: 100%

---
class: inverse, middle, center

# You can also go Tools → Version Control → Commit