# Gör html av din json
```
author: krm
created: 2025-12-03
image: /image/courses/house.png
status: alpha
```

Vi lär oss något om grundklägggande om html.

# Beskrivning

Du ska göra en rendera din json fil med hjäl av html.

# Resurser

- 🔗 [Exemplet med box](/f/boxes.zip)
- 🔗 [Template med mustach](https://github.com/janl/mustache.js)

# Genomförande

Observera att detta kan innebära att du måste anpassa din json fil så 
det finns bra data att visa upp.

## 1. Hämta och titta igenom box exemplet.

Demot ligger till gund för vad du ska göra här. Men du kan anpassa det 
efter tycke och smak.

- [/f/boxes.zip](https://htsit.se/f/boxes.zip) 

## 2. Anpassa exemplet utifrån din json kod.

Skapa ett Deno projekt för din idé utifrån projektet ovan.

## 3. Se till att du får ett html-dokument.

Ditt program ska generera ett html dokument utifrån json datan som 
givits så som det är gjort i filen "box-update.ts".

## 4. 💎 Gör någon rolig analys så som i "box-update.ts"

I filen "box-update.ts" så visas på ett mer avancerat sätt att 
prsentera data från vår json dokument.

# Inlämning

Du lämnar in enligt guiden ovan. Du kan lämna in flera gånger om du 
inte blir nöjd med bedömning, men du får bara ett 🥉 om du lämnar in 
efter deadline.

- 🔗 [Inlämning](/kaos/Courses/webbutveckling-1/Tutorial/make-a-submission.sv.html)
- 🔗 [Formuläret för inlämning](/kaos/Courses/webbutveckling-1/Tutorial/make-a-submission.sv.html)
- Lämna in med namnet "html". 

Observera att du kan lämna in flera gånger om du inte blir nöjd, men du 
får bara ett 🥉 om du lämnar i tid.

# Bedömning

## + 🥉 Du har följt beskrivningen

Du har gjort alla steg i beskrivningen ovan förutom bonus steget som är märkt med ett "💎".

## + 🥉 Du har arbetat på ett bra sätt.

Du har arbetat på ett bra sätt, även med bonus uppgiften.

- Projektet är inlämnat i tid.
- Du använder en bra kodstil.
- Dina programmerings lösningar är bra, det vill säga ingen onödig eller tillkrånglad kod med mera.

## + 🥈 Du skapat ett väl fungerande program.

- Du har även gjort bonus uppgiften ovan om att analysera data.
- Din kod har en mycket bra kodnings stil.
- Dina programmerings lösningar är mycket bra.

# Lycka till! 🍀