Slidify

• In this tutorial I am going to show you how to make a presentation just like this one
• I will also show some of the features that can be used in conjunction with slidify (i.e. quizzes and html widgets)
• You can download the current version of this presentation here, use it as a template and edit as you like
• Or you can follow these instructions to make one of your own

• Slidify works in R, so you need to download that if you haven't yet.
• You also need to make sure you have all of the necessary dependencies installed on your computer
• Open R and copy and paste the following code into the console (you only need to do this once)

install.packages("devtools")  
install_github('slidify', 'ramnathv')  
install_github('slidifyLibraries', 'ramnathv')

• Each presentation is called a 'deck'
• Set your working directory to wherever you want the folder (setwd("path/here"))
• Load the slidify package with library(slidify)
• Create the deck with author('mydeck')
  • You can name it whatever you want
  • This will create a folder with all the necessary files

• You should now have a folder in your working directory with the name you entered above
• All of the necessary files are there
• The .Rmd file is the only one you need to work with
  • This is where you will actually modify the deck (your presentation)
  • It should have opened automatically if you are using RStudio
• The YAML front matter (the very first thing in the .Rmd file) should look like this...

---  
title       :  
subtitle    :  
author      :  
job         :  
framework   : io2012        # {io2012, html5slides, shower, dzslides, ...}  
highlighter : highlight.js  # {highlight.js, prettify, highlight}  
hitheme     : tomorrow      #   
widgets     : []            # {mathjax, quiz, bootstrap}  
mode        : selfcontained # {standalone, draft}  
knit        : slidify::knit2slides  
---  

• You can fill in the information as you see fit
  • You will typically use title, subtitle, author, job
  • but the widgets are also important

---
title       : Example slidify
subtitle    : Subtitle goes here
author      : Joseph Casillas
job         : PhD Candidate
framework   : io2012        # {io2012, html5slides, shower, dzslides, ...}
highlighter : highlight.js  # {highlight.js, prettify, highlight}
hitheme     : tomorrow      # 
widgets     : [mathjax, quiz, bootstrap] # {mathjax, quiz, bootstrap}
mode        : selfcontained # {standalone, draft}
knit        : slidify::knit2slides
logo        : ua.png
biglogo     : ua.png
assets      : {assets: ../../assets}
---

• You can make your deck look like this
• Specifically, you should add widgets : [mathjax, quiz, bootstrap]

• The widgets will allow you to...
  • make quizzes
  • use math formulas and
  • utilize the bootstrap framework
• The logos are located in the assets > img folder
  • This is where you will add any other images you want to put in your presentation

• Markdown syntax is very easy
• You can find the basics here
• The main thing you need to know is that you make new slides using --- and ##

##

• The double pound sign (hashtags) create the title of the slide
• The title of this slide was made with ## Rmarkdown syntax

---

• To end a slide use three dashes
• Importantly after you end a slide, you designate the class of the next one
• The default (what you see here) is .class #id
• So I ended this slide using --- .class #id

## RMarkdown syntax

- Markdown syntax is very easy
- You can find the basics [here](http://rmarkdown.rstudio.com)
- The main thing you need to know is that you make new slides using `---` and `##`

### `##`

- The double pound sign (hashtags) create the title of the slide
- The title of this slide was made with `## Rmarkdown syntax`

### `---`

- To end a slide use three dashes
- Importantly after you end a slide, you designate the style of the next one 
- The default (what you see here) is `.class #id`
- So I ended this slide using `--- .class #id`

 --- .class #id

• This is the previous slide in markdown

• Once you have made the slides in markdown you are ready to generate the html file that will be your presentation
• You do this using the slidify() command like this...

slidify('index.Rmd')

• This will generate a index.html file.
• Double click it and open your presentation in web browser