Kursen Del 2

Första versionen som fungerar

Nu beskriver vi något. Målet med den här delen är inte en färdig app — det är den minsta möjliga version där du kan fylla i ett namn och se det dyka upp i en lista. Den kommer att glömma allt när du laddar om sidan, och det är helt i sin ordning. Den versionen är fundamentet, och den ska vara på plats innan något annat läggs till.

27 jul 2026

Del 1, Bestäm vad appen ska göra, gav dig projektbeskrivningen som den här beställningen bygger på. Har du inte den — gå tillbaka, det tar tjugo minuter.

Målet med del 2

Ett formulär med två fält och en knapp. När du trycker på knappen syns namnet i en lista under formuläret. Ingen databas, ingen inloggning, ingen design. Klart betyder: du har provat det med egna händer och det fungerade.

Den första beställningen

Klistra in projektbeskrivningen från del 1, och sedan det här. Ordagrant — den är skriven för att ge ett resultat du kan kontrollera.

Beställning 1

Bygg den minsta möjliga version av anmälningsformuläret: ett fält för namn, ett fält för mejladress och en knapp som heter Anmäl. Under formuläret en lista som visar de namn som anmälts under den här sessionen.

Spara ingenting i någon databas i det här steget — det räcker att listan fylls på medan sidan är öppen. Vi lägger till lagring senare.

Ingen design utöver att det ska vara läsbart på telefon. Inga extra funktioner.

Beskriv först vad du tänker göra och i vilka filer. Bygg ingenting förrän jag godkänner planen.

Meningen om att inte spara i databas är viktig. Utan den får du ofta en databas i steg ett, och då har du två saker att felsöka i stället för en när något inte fungerar.


Läsa planen du får tillbaka

Du får en punktlista. Läs den mot tre frågor, och godkänn först när alla tre får rätt svar.

Handlar planen om det du bad om? Två fält, en knapp, en lista. Inget mer.
Nämner den något du inte bett om? En databas, ett konto, ett bibliotek, en inloggning. Fråga varför innan du säger ja.
Är den kortare än tio punkter? Är den längre är steget för stort. Be om bara formuläret först, och listan som ett andra steg.

Ser planen rätt ut: svara "Ja, bygg det." Ser den fel ut: säg vad som är fel och be om en ny plan. Bygg inte vidare på en plan du är osäker på — det är billigare att fråga en gång till.


Provet: fyra klick

Nu är appen byggd. Att modellen skriver "klart, formuläret fungerar nu" är inte ett bevis. Det här är beviset.

1
Fyll i ditt eget namn och din mejladress. Tryck Anmäl. Syns namnet i listan? Om ingenting händer — se guide 4, det vanligaste är att knappen inte är kopplad.
2
Lägg till ett andra namn. Ligger båda i listan, i rätt ordning? Ersatte det andra det första? Det är ett vanligt fel och lätt att missa om man bara provar en gång.
3
Tryck Anmäl med tomma fält. Vad händer? Antingen ett begripligt meddelande eller en tom rad i listan. Blev det en tom rad — bra, du har hittat nästa steg.
4
Ladda om sidan. Listan ska bli tom. Det är väntat i den här delen. Blev den inte tom sparas data någonstans — fråga var, så du vet.
Spara punkten innan du går vidare

De fyra klicken fungerade? Spara en version med ett namn du förstår: "Formuläret fyller listan". Det här är punkten du backar till om något går sönder i del 3, och den är värd tio minuters felsökning senare.


Det andra steget: tomma fält

Om tomma fält gick igenom är det nästa beställning. Notera hur liten den är — det är avsiktligt.

Beställning 2

Om namn eller mejladress är tomt ska formuläret inte skickas. Visa i stället texten Fyll i ditt namn respektive Fyll i din mejladress direkt under det fält som saknas.

Ändra ingenting annat. Listan och formuläret i övrigt ska fungera precis som nu.

Prova igen efteråt: tomt formulär, bara namn, bara mejladress, båda ifyllda. Fyra prov, en minut. Spara punkten.


Om det gick fel i stället

Det gör det ofta i första steget, och det betyder ingenting om projektets utsikter. Två regler räcker.

Vid fel


Innan du går vidare

Du kan fylla i två namn och se båda i listan.
Tomma fält ger ett begripligt meddelande i stället för en tom rad.
Du har provat på en telefon, inte bara i ett smalt fönster.
Du har sparat en punkt som du vet fungerar, med ett namn du förstår.
Nästa del
Spara data så att den finns kvar i morgon