jsramverk.se

jsramverk.se / Specifikation

Specifikation

Skriven av: Emil Folino. Uppdaterad: 2025-09-02

Beskrivning

I denna delen av kursen börjar vi med att ta en titt på den befintliga koden och utvärderar frontend ramverk. Målet med denna delen är att ha en applikation som fungerar enligt specifikation och vi samtidigt tagit några beslut kring vägval inför kommande delar.

Börja därför med att skapa en fork av repot dbwebb-jsramverk/ssr-editor. Och sedan en branch kallat specification med kommandot git checkout -b specification.

I videorna nedan visar Emil hur man blir inbjudan till organisationen dbwebb-jsramverk på GitHub. Hur du Accepterar inbjudan och autentiserar ditt konto.

Sedan skapar Emil en fork av repot och en branch för detta kurmoment.

Läsa och titta

Läs dokumentationen för kommandot npm audit som utför en säkerhets genomgång av de installerade npm-moduler.

Läs introduktionen till GitHub Flow, som är en strategi för att samarbeta kring koden i ett repo.

Artikeln Frontend introducerar frontend ramverk och går igenom olika kodexempel och jämför kodbaserna.

Kravspecifikation

  1. Skapa er en överblick över applikationen vi ska arbeta med under kursens gång. Se till att ni kan köra den med hjälp av kommandot node app.mjs.

  2. Skapa ett gemensamt Git-repo med koden för repot. I inlämningen på Canvas länka till repot på GitHub.

  3. Försök att under kursens gång jobba enligt GitHub Flow.

  4. Se till att ha åtgärdat alla säkerhetshål enligt npm audit.

  5. Skapa en README.md fil i repot. I denna filen kommer ni under hela kursen dokumentera olika val.

  6. Beskriv i README.md vilka steg ni fick gå igenom för att få applikationen att fungera.

  7. Implementera en POST /update route för att uppdatera innehåll istället för att skapa nya documents hela tiden.

  8. Uppdatera vyerna så det är möjligt att uppdatera ett dokument och att skapa nya.

  9. Gör ett val av frontend ramverk och dokumentera det i README.md. Ni behöver inte implementera något, men kan vara bra att börja titta på hur implementationen av ett frontend-ramverk kan gå till.

  10. Skapa en Pull Request mot ditt egna repos main-branch. Se till att inte stänga denna Pull Request då vi som lärare gör det vid rättning.

Redovisning

Svara på nedanstående frågor individuellt i en markdown fil i repot döpt till din akronym.md. Har du akronymen abcd24, blir alltså filen abcd24.md.

  • Vilka lärdomar gjorde du dig kring ditt sätt att ta dig an kod som du inte själv skrivit?

  • Var det enkelt att ta till dig information om de olika frontend-ramverken? Vilken är din uppfattning om ramverkens dokumentation?

  • Vilka fördelar och nackdelar ser du med arbetssättet GitHub Flow?