class: center, middle, inverse

# Llenguatges de marques
### Json

.footnote[Mateu Yábar]

---
# Json
- _Javascript object notation_
- Llenguatge de marques extensible
- Llenguatge descriptiu o semàntic

---
# Usos del Json
- Llenguatge més usat per la transmissió de dades entre ordinadors
- Ja fa uns anys que ha guanyant molt de pes respecte el XML
- origen en javascript

---
# Valor

- Text (entre cometes)

```
"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}
```

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

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

---
# Format
- Els espais i salts de linia no són relevants.
- Els dos json seguents són equivalents

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

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

---
# Exemples
Objecte amb un objecte

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

---
# Exemples
Llista 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}
  ]
}
```

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

---
# Exercicis
- Xml to Json
- Json Bicing
- Receptes Json