Om uppgiften

Vad som använts:

Än en gång har det varit svårt: först att få en fungerande server och därefter försöka koppla det till en frontend.

Det ska erkännas att det har blivit mycket googlande och håret har blivit tunnare efter att ha kliat sig i huvudet så mycket som denna gång: personligen önskar jag att guider kunde använda lite mer vardagligt/simpelt språk istället för tekniskt tal då jag har lättare att förstå nya saker när man använder metaforer.

"POST är metoden där du POSTAR något: du skickar information!"

Men det ska också sägas att det kändes lite, lite lättare än första uppgiften: om så bara att det kändes tryggare att kunna dela upp arbetet.

Vad jag lärt mig:

Jag har lärt mig att frukta error 500!

Skämt åsido så har det faktikst känts lite lättare att göra på detta vis än i föregående uppgift: server delen, i alla fall. Jag saknar faktiskt EJS lite grann.

Det kändes som att det var mindre som behövdes tryckas in (både bland koderna och i hjärnan), och varje del - PUT, DELETE, GET, POST kändes lite mer överskådliga.

Det var lite svårt att få grepp om hur Postman egentligen fungerar. Hade problem med att ladda ner desktop versionen (försökte öppna, stängdes på en gång), så testade ett tillägg i VS Code - fungerade men visade inte särskilt tydligt om/hur/varför det fungerade. Fick ordning på Postman till slut - mycket tacksamt att man kan skriva in exempel data där vid t.ex. test av PUT och DELETE.

Den verkliga skurken

Egentligen hade jag mest problem med JavaScript i frontend delen. Fick testa mycket nytt där också denna gång och jag fick ofta kolla upp: hur gör jag för att detta ska fungera? Hur har andra gjort?

Lustigt egentligen, nu när jag ser tillbaka på det: för vissa av de saker jag hade problem med hade vi gått igenom i JavaScript kursen. Men troligtvis beror det på att det är ett halvår (?!) sedan jag använde vissa av dessa.

Exempelvis datum fungerade utan problem att få synligt i UI - men det var JavaScript "grund datum" så det var inte särskilt vackert.

Hittade att man kunde göra en funktion för att lösa det:


        function formatDate(dateString) {
          if (!dateString){
            return "- - -";
          }
          return new Date(dateString).toLocaleDateString("sv-SE");
        }

Hittade exempel hur hos bland annat:

Tänkte att jag sparar dem här, ifall jag behöver bra källor i framtiden.

Det var vidare lite knepigt att få kläm på hur man skriver method + headers, för att koppla till webbserver. Det tog ett par omgångar och flera googlingar innan det slutligen landade i något som verkar fungera (hoppas jag).