Repaso rápido de la sesión pasada

Chunks: Bloques de código

```{r}  
edades <- c(1,2,3)
mean(edades)
```
```{r} 
#| echo = TRUE,
#| eval = FALSE 
mean(edades)
```
```{r} 
#| echo: TRUE
#| eval: FALSE
mean(edades)
```

```{js chunk-de-javascript, include=FALSE}
document.addEventListener("click", function() {
  // Definimos un array con los meses del año
  let meses = ["enero","febrero","marzo","abril","mayo","junio","julio","agosto","setiembre","octubre","noviembre","diciembre"];
  // Obtener fecha de hoy
  let fecha = new Date();
  // Obtener qué día es hoy
  let numeroDeDia = fecha.getDate();
  // Crear una ventana con un mensaje particular
  alert(`Hoy es ${numeroDeDia} de ${meses[fecha.getMonth()]}.`)
}
);
```

Reportes parametrizados

---
title: "..."
params: 
  edad: 23
  actividades:
    value:
      lunes: ["odiar los lunes","comer lasagna"]
output: html_document
---
...
```{r} 
edad <- params$edad
actividad <- params$actividades$lunes[1]
```

---
title: "..."
params: 
  anio: 
    label: "Año"
    value: 1938
    input: slider
    min: 1920
    max: 1939
    step: 1
  file:
    label: "Data para analizar"
    value: temperaturas.xlsx
    input: file
output: html_document
---

¿Cómo funciona?

Manos a la obra

Etapa 0

install.packages('xaringan')

Etapa 1

---
title: "Mi primera presentación con Xaringan"
output: xaringan::moon_reader
---

Etapa 2

Activemos el ...

Propiedades de las diapositivas

Encabezados

Podemos emplear encabezados para denotar secciones del documento, de la misma manera usual que hemos estado haciendo en R Markdown, via el símbolo #.

Crear nueva diapositiva

Escribimos   ---   para crear una nueva dispositiva.
Los simbolos   ---   del ecabezado YAML son la excepción, pues R se encargará de entender tales guiones apropiadamente.

Ejemplo:

---
output: xaringan::moon_reader
---
## Diapositiva 2
---
## Diapositiva 3

Presentación secuencial

También es posible esconder ciertos elementos de la diapositiva y mostrarlos recién a medida que se avanza hacia las diapositivas siguientes, vía el uso de   --   .

• Primer ítem

• Segundo ítem

• Tercer ítem

Código:

- Primer ítem
--
- Segundo ítem
--
- Tercer ítem

Notas del presentador

## diapositiva x
...
???
notas ocultas que se muestran al presionar la tecla P
---

Estilo visual

names(xaringan:::list_css())

Ejemplo:

--- 
title: "..."
output:
  xaringan::moon_reader:
  css: [ki-fonts, uo-fonts]
---

Como hay una inteferencia entre los estilos escogidos en el YAML, debido al tipo de letra (fonts), el último tipo de letra en el array asociado al atributo css será el empleado en las diapositivas.

Asignación de clases de CSS gracias a Remark.js

Ejemplos:

.center[
Este texto está centrado.
]

.panelset[
.panel[.panel-name[nombre_panel1]
...
]
.panel[.panel-name[nombre_panel2]
...
]
]

.panelset.sideways[
.panel[.panel-name[nombre_panel1]
...
]
.panel[.panel-name[nombre_panel2]
...
]
]

.pull-left[
...
]
.pull-right[
...
]

Algunas propiedades vía YAML para Xaringan

---
title: "tu título"
output:
  xaringan::moon_reader:
    self_contained: false
    css: [default, default-fonts]
    seal: false # no incluir la diapositiva título automática
    nature:
      highlightStyle: github 
      highlightLines: true 
      countIncrementalSlides: true
      slideNumberFormat: "%current%"
      ratio: 16:9
---

Inclusión de gráficos interactivos

+−

Leaflet | © OpenStreetMap contributors, CC-BY-SA

Creación de un sitio web con R Markdown

Comandos iniciales para Git Bash:

git config --global user.name "usuario_de_cuenta_github"
git config --global user.email "email_de_cuenta_github"
git config --list

Modelo básico para un sitio web creado con R Markdown:

_site.yml:

output: html_document

index.Rmd:

---
title: "Mi sitio web"
---