{
    "path": "/home/krm/dev/mimer-privatum/Courses/webbserverprogram-1/Lab/html.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Gör html av din json"
    ],
    "author": [
        "krm"
    ],
    "created": {
        "year": 2025,
        "month": 12,
        "day": 3
    },
    "image": "/image/courses/house.png",
    "status": "alpha",
    "description": [
        "Vi lär oss något om grundklägggande om html."
    ],
    "statments": [],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "title": [
                "Beskrivning"
            ],
            "description": [
                "Du ska göra en rendera din json fil med hjäl av html."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "Resurser"
            ],
            "description": [],
            "statments": [
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "/f/boxes.zip"
                            },
                            "Exemplet med box"
                        ]
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://github.com/janl/mustache.js"
                            },
                            "Template med mustach"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "Genomförande"
            ],
            "description": [
                "Observera att detta kan innebära att du måste anpassa din json fil så det finns bra data att visa upp."
            ],
            "statments": [],
            "comment": [],
            "cards": [
                {
                    "level": 2,
                    "index": 1,
                    "title": [
                        "Hämta och titta igenom box exemplet."
                    ],
                    "description": [
                        "Demot ligger till gund för vad du ska göra här. Men du kan anpassa det efter tycke och smak."
                    ],
                    "statments": [
                        {
                            "link": "https://htsit.se/f/boxes.zip",
                            "description": [
                                "/f/boxes.zip"
                            ]
                        }
                    ],
                    "comment": []
                },
                {
                    "level": 2,
                    "index": 2,
                    "title": [
                        "Anpassa exemplet utifrån din json kod."
                    ],
                    "description": [
                        "Skapa ett Deno projekt för din idé utifrån exemplet box.ts som du hittar i zip filen som du hämtade ovan."
                    ],
                    "statments": [],
                    "comment": []
                },
                {
                    "level": 2,
                    "index": 3,
                    "title": [
                        "Se till att du får ett html-dokument."
                    ],
                    "description": [
                        "Ditt program ska generera ett html dokument utifrån json datan som givits så som det är gjort i filen \"box-update.ts\"."
                    ],
                    "statments": [],
                    "comment": []
                },
                {
                    "level": 2,
                    "index": 4,
                    "title": [
                        "💎 Gör någon rolig analys så som i \"box-update.ts\""
                    ],
                    "description": [
                        "I filen \"box-update.ts\" så visas på ett mer avancerat sätt att prsentera data från vår json dokument."
                    ],
                    "statments": [],
                    "comment": []
                }
            ]
        },
        {
            "level": 1,
            "title": [
                "Inlämning"
            ],
            "description": [
                "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 \nefter deadline."
            ],
            "statments": [
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "/kaos/Courses/webbutveckling-1/Tutorial/make-a-submission.sv.html"
                            },
                            "Inlämning"
                        ]
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "/kaos/Courses/webbutveckling-1/Tutorial/make-a-submission.sv.html"
                            },
                            "Formuläret för inlämning"
                        ]
                    ]
                },
                {
                    "description": [
                        "Lämna in med namnet \"html\"."
                    ]
                }
            ],
            "comment": [
                "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."
            ]
        },
        {
            "level": 1,
            "title": [
                "Bedömning"
            ],
            "description": [],
            "statments": [],
            "comment": [],
            "cards": [
                {
                    "level": 2,
                    "title": [
                        "+ 🥉 Du har följt beskrivningen"
                    ],
                    "description": [
                        "Du har gjort alla steg i beskrivningen ovan förutom bonus steget som är märkt med ett \"💎\"."
                    ],
                    "statments": [],
                    "comment": []
                },
                {
                    "level": 2,
                    "title": [
                        "+ 🥉 Du har arbetat på ett bra sätt."
                    ],
                    "description": [
                        "Du har arbetat på ett bra sätt, även med bonus uppgiften."
                    ],
                    "statments": [
                        {
                            "description": [
                                "Projektet är inlämnat i tid."
                            ]
                        },
                        {
                            "description": [
                                "Du använder en bra kodstil."
                            ]
                        },
                        {
                            "description": [
                                "Dina programmerings lösningar är bra, det vill säga ingen onödig eller tillkrånglad kod med mera."
                            ]
                        }
                    ],
                    "comment": []
                },
                {
                    "level": 2,
                    "title": [
                        "+ 🥈 Du skapat ett väl fungerande program."
                    ],
                    "description": [],
                    "statments": [
                        {
                            "description": [
                                "Du har även gjort bonus uppgiften ovan om att analysera data."
                            ]
                        },
                        {
                            "description": [
                                "Din kod har en mycket bra kodnings stil."
                            ]
                        },
                        {
                            "description": [
                                "Dina programmerings lösningar är mycket bra."
                            ]
                        }
                    ],
                    "comment": []
                }
            ]
        },
        {
            "level": 1,
            "title": [
                "Lycka till! 🍀"
            ],
            "description": [],
            "statments": [],
            "comment": []
        }
    ],
    "kind": "lab"
}