jsramverk.se

jsramverk.se / Specifikation

Specifikation

Skriven av: Emil Folino. Uppdaterad: 2024-09-04

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 ladda ner appen emilfolino/ssr-editor, som en zip-fil. Skapa sedan ett eget Git och GitHub repo utifrån den koden. Till exempel utifrån Git guides.

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.

Redovisning

Svara på nedanstående frågor individuellt och lämna in på Canvas tillsammans med länken till ert gemensamma GitHub-repo.

  • 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?