{
    "path": "/home/krm/dev/mimer-academia/server/web/Tutorial/create-a-project-for-webserver.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Skapa ett projekt för en webbserver"
    ],
    "status": "alpha",
    "author": [
        "krm"
    ],
    "created": {
        "year": 2024,
        "month": 4,
        "day": 28
    },
    "description": [],
    "statments": [],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "title": [
                "# 👁️‍🗨️ Om detta avsnitt"
            ],
            "description": [
                "Vi utgår från ett deno projekt och gör om det för att fungera som en webbserver."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "📚 Teknologier som används"
            ],
            "description": [
                "Du behöver ha dessa program varor:"
            ],
            "statments": [
                {
                    "description": [
                        "Linux OS eller liknade system."
                    ]
                },
                {
                    "description": [
                        "Windows bör också gå men du kan behlva experimentera en del."
                    ]
                },
                {
                    "description": [
                        "deno"
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "🗄 Bakgrund"
            ],
            "description": [
                "Du behöver först ha startat projektet."
            ],
            "statments": [
                {
                    "link": "/a/server/web/deno/Tutorial/create-a-deno-project.sv.html",
                    "description": [
                        "Om att starta ett deno projekt"
                    ]
                },
                {
                    "link": "/a/server/web/deno/Tutorial/create-a-demo-of-deno.sv.html",
                    "description": [
                        "Om att starta ett deno demo"
                    ]
                },
                {
                    "link": "/a/server/web/deno/Tutorial/install-packages.sv.html",
                    "description": [
                        "Om att installera packet om det behvös"
                    ]
                }
            ],
            "comment": []
        },
        {
            "0": "t",
            "1": "a",
            "2": "g",
            "3": "s",
            "level": 1,
            "title": [
                "Namn som används"
            ],
            "description": [],
            "statments": [
                {
                    "0": "t",
                    "1": "a",
                    "2": "g",
                    "3": "s",
                    "description": [
                        "mitt_projekt Namnet på mitt projekt."
                    ]
                },
                {
                    "0": "t",
                    "1": "a",
                    "2": "g",
                    "3": "s",
                    "description": [
                        "editor Namnet på en editor för att editera små filer, t.ex. ",
                        [
                            {
                                "form": "important"
                            },
                            "geany"
                        ],
                        "."
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "type": "faq",
            "title": [
                "Vad är ett projekt?"
            ],
            "description": [
                "Vi skapa projekt för att kunna utveckla något. I detta fall är det en webbserver."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "type": "faq",
            "title": [
                "Vad är hono?"
            ],
            "description": [
                "Vi skapa projekt för att kunna utveckla något. I detta fall är det en webbserver."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 1,
            "title": [
                "Beskriv hur filen ska köras"
            ],
            "description": [
                "Ändra raden högst upp så den blir för en server."
            ],
            "lang": "js",
            "code": "#!/usr/bin/env -S deno serve -A",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 2,
            "title": [
                "Importera en webbserver ramverk"
            ],
            "description": [
                "Vi ska nu importera \"Hono\" server genom aatt skriva detta högst upp i main filen."
            ],
            "statments": [],
            "comment": [],
            "cards": [
                {
                    "level": 2,
                    "index": 1,
                    "title": [
                        "Om du använder en fil"
                    ],
                    "description": [],
                    "lang": "sh",
                    "code": "import { Hono } from \"jsr:@hono/hono@4\";",
                    "statments": [],
                    "comment": []
                },
                {
                    "level": 2,
                    "index": 2,
                    "title": [
                        "Om du har ett projekt"
                    ],
                    "description": [
                        "Installera först packettet \"jsr:hono\"."
                    ],
                    "lang": "sh",
                    "code": "import { Hono } from \"@hono/hono\";",
                    "statments": [],
                    "comment": []
                }
            ]
        },
        {
            "level": 1,
            "index": 3,
            "title": [
                "Skapa ett webbserver object"
            ],
            "description": [
                "Skap ny ett objekt för webbservern som vi kan manipulera."
            ],
            "lang": "js",
            "code": "const app = new Hono();",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 4,
            "title": [
                "Gör ett enkel respons"
            ],
            "description": [
                "Skap ny ett objekt för webbservern som vi kan manipulera."
            ],
            "lang": "js",
            "code": "app.get(\"/hello\", (c:any) => {\n\treturn c.html(\"<h1>Hello!</h1>\");\n});",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 5,
            "title": [
                "Sätt upp en server"
            ],
            "description": [
                "Vi exporterar nu servern så deno kan starta den."
            ],
            "lang": "js",
            "code": "export default app;",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 6,
            "title": [
                "✔️ Starta din server och se att den fungerar"
            ],
            "description": [
                "Starta servere och gå sedan in på URL:n som servern visar med en webbläsare."
            ],
            "lang": "sh",
            "code": "./src/main.ts",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 7,
            "title": [
                "✔️ Testa göra ett anrop till servern"
            ],
            "description": [
                "Öppna länken ",
                [
                    {
                        "link": " http://localhost:8000/hello"
                    },
                    "http://localhost:8000/hello"
                ],
                ". Du borde nu få se en webbsida som säger \"Hello!\"·"
            ],
            "statments": [],
            "comment": []
        }
    ]
}