kmom01 - kom igång

Vi ska i detta kursmoment starta igång kursen. Målet är att ha en snygg och fungerande förstasida till vår musik-webbshop i slutet av veckan.

Så här kan de se ut när du är klar med kmom01.

Läsa & titta

(Ungefär 6 studietimmar)

Kurslitteratur

I kursen används Designing interfaces: patterns for effective interaction design skriven av Tidwell J, Brewer C, Valencia A som kurslitteratur. Boken är tillgänglig som e-bok via biblioteket.

Läs kapitlarna:

1. Designing for People
1. Organizing the Content: Information Architecture and Application Structure

Dokumentation och referenser

MDN Flexbox är bra referensdokumentation för Flexbox.
Bra översikt över flexbox och de attribut som kan användas för att hantera element på en webbplats finns i CSS-tricks: CSS Flexbox Layout Guide .

Veckans genomgång

Tisdag eftermiddag har Emil genomgång av veckans material och uppgifter, efter genomgången laddas videon upp och finns här.

Veckans föreläsning

Onsdag eftermiddag håller Kenneth, Mattias och Emil en gemensam föreläsning, efter föreläsningen laddas videon upp och finns här.

Hållbarhet

Som en del av BTH’s uppdrag har 5 perspektiv på utbildning definierats: Hållbarhet, forskningsanknytning, samverkan, internationalisering och jämställdhet. Perspektiven integreras i undervisningen för att belysa dessa viktiga områden.

I jsux kommer vi fokusera på perspektivet hållbarhet och vilken roll vi som programmerare har i den sammanhangen.

Senare i kursen kommer vi se några praktiska exempel på hur vi som programmerare kan skapa en mer hållbar webb. För att vi har tillräcklig förståelse för vad hållbarhet innebär kommer vi under kursmoment 01-03 skapa oss en grundförståelse om hållbarhet och vad det innebär.

I följande video beskriver professor Johan Rockström jordklotets nuvarande status och hur vi påverkar det.

En plats att koda på

(Ungefär 1 studietimme)

Emil berätter i videoerna nedan hur du kommer igång med kursen.

Lämna in uppgiften GitHub Konto på Canvas

Acceptera inbjudan till organisationen dbwebb-jsux på GitHub

Skapa din fork av repot dbwebb-jsux/webshop

En branch för kmom01

Börja kmom01 med att skapa branchen kmom01.

# stå i ditt repo
git checkout -b kmom01

Öva

(Ungefär 6 studietimmar)

Gör övningen “Lager API:t” där du skaffar dig en API-nyckel och kopierar produkter till din webbshop.
Gör sedan övningen “Förstasidan för en webbshop” där vi tittar på design för en förstasida.

Uppgifter

(Ungefär 6 studietimmar)

Gör uppgiften “Typsnitt och färg” enligt kravspecifikationen och lämna in enligt nedan.
Gör uppgiften “Webbshoppen del 1” enligt kravspecifikationen och lämna in enligt nedan.

Nedan förklarar Emil hur du gör en inlämning i jsux.

Reflektera

(Ungefär 1 studietimme)

Som en del av din inlämning via GitHub svara på nedanstående frågor. Se till att du skriver 5-8 meningar per fråga om dina lärdomar och reflektioner. Vi vill inte läsa vad ChatGPT, Claude eller Copilot har för reflektioner, men vad ni har lärt er under veckan.

Vad är din största lärdom om “Designing for People” från kurslitteraturen?
Vad tar du med dig av lärdomar kopplat till design från att inspireras av en befintlig webbshop?

TIL är en akronym för “Today I Learned” vilket leksamt anspelar på att det finns alltid nya saker att lära sig, varje dag. Man brukar lyfta upp saker man lärt sig och där man kanske hajade till lite extra över dess nyttighet eller enkelhet, eller så var det bara en ny lärdom för dagen som man vill notera.

Vilken är din TIL för detta kmom?

Vilken återkoppling kan du förvänta dig?

I videon nedan berättar Emil om vilken sorts återkoppling du kan förvänta dig i kursen och om hur du som student kan få mer återkoppling.