class: center, middle, inverse

# Llenguatges de marques
### Yaml

.footnote[Mateu Yábar]

---
# Yaml
- Yet Another Markup Language
- Llenguatge de marques extensible
- Llenguatge descriptiu o semàntic
- \*.yml

---
# Valor

- Text (cometes opcionals)

```
Pere Martí
```

- Número (pot ser decimal o enter)

```
29.24
```

- Booleà

```
true
```

- null

```
null
```

---
# Objecte
```
atribut: valor
atribut2: valor2
```

```
nom: Pere Martí
edat: 29
adult: true
```

---
# Objecte
- Les cometes dels atributs són opcionals

```
{atribut: valor, atribut2: valor2 ...}
```

```
{nom: Pere Martí, edat: 29, adult: true}
```

---
# Arrays
```
- valor1
- valor2
- valor3
```

```
- groc
- verd
- vermell
```

---
# Arrays
```
[valor1, valor2, valor3]
```

```
[groc, verd, vermell]
```

---
# Exemples
Objecte amb un objecte

```
nom: Pere Martí
adreça:
  carrer: Av Diagonal
  numero: 23
  ciutat: Barcelona
```

---
# Exemples
Array d'objectes

```
- nom: Pere Martí
  edat: 25
- nom: Alba Puig
  edat: 66
```

---
# Exemples
```
estudiants:
  - nom: Pere Martí
    edat: 25
  - nom: Alba Puig
    edat: 66
professors:
  - nom: Carla Martí
    edat: 39
  - nom: Ona Roca
    edat: 21
```

---
# Exemples
```
estudiants:
  - {nom: Pere Martí, edat: 25}
  - {nom: Alba Puig, edat: 66}
professors:
  - {nom: Carla Martí, edat: 39}
  - {nom: Ona Roca, edat: 21}
```

---
# Exercicis
- basics 1, 2 i 3 en YAML

<%= count_down_timer 12 %>