← Alla kurser Webbutveckling 1 · WEUWEB01 · 100 p Kom igång

Läsåret 2026/27

Webbutveckling 1

Här ligger guiderna och uppgifterna du behöver under kursen. Planeringen, deadlines och din återkoppling finns i itslearning – det är också där du lämnar in.

Närmast

  • 4 sept Inlämning kl 23:59 Område 1 – Så fungerar webben. Länken till ditt publika repo lämnas i itslearning.
  • 2 okt Inlämning kl 23:59 Område 2 – Projekt 1 – flersidig ostilad webbplats. Länken till ditt nya publika repo lämnas i itslearning.
  • 5 okt Prov 1 – kodprov HTML Område 2 – Skriftligt prov utan dator. Bygger på det du arbetat med i området.
  • 6 nov Inlämning kl 23:59 Område 3 – Projekt 2 – stilsatt webbplats. Samma repo som Projekt 1.
  • 9 nov Prov 2 – kodprov CSS Område 3 – Skriftligt prov utan dator.
  • 11 dec Inlämning kl 23:59 Område 4 – Projekt 3 – repo-länken och Figma-länken lämnas i itslearning.
  • 14 dec Prov 3 – responsivt, UX och tillgänglighet Område 4 – Skriftligt prov utan dator.
  • 22 dec Inlämning kl 23:59 Område 5 – Projekt 4 – länken till den publicerade Google Sites-sajten lämnas i itslearning. Inget prov.
  • 5 feb Inlämning kl 23:59 Område 6 – Projekt 5 – repo-länken lämnas i itslearning.
  • 8 feb Prov 4 – läsa och anpassa kod Område 6 – Skriftligt prov utan dator.
  • 12 mars Inlämning kl 23:59 Område 7 – Projekt 6 – repo-länken lämnas i itslearning.
  • 15 mars Prov 5 – optimering och diskret funktionalitet Område 7 – Skriftligt prov utan dator.
  • 19 mars Delinlämning kl 23:59 Område 8 – Kravspecifikation, projektplan och wireframes – länken till projektdokumentet lämnas i itslearning.
  • 7 juni Slutinlämning kl 23:59 Område 8 – Sajten och hela projektdokumentet – repo-länken lämnas i itslearning.
  • 8 juni Prov 6 – slutprov över hela kursen Område 8 – Skriftligt prov utan dator, följt av kursutvärdering.

Kursens åtta områden

Område 1 · v.34–36 Igång med webben

Verktygskedjan och en mental modell av webben. GitHub, Codespaces och inlämningsflödet.

 Område 2 · v.37–41 HTML – innehåll och struktur

Semantisk och validerad HTML, helt utan CSS. Guiden, Projekt 1 och bedömningsmatrisen.

 Område 3 · v.41–46 CSS – form, layout och designsystem

Formge sajten med ett eget designsystem, Flexbox och Grid. Guiden, Projekt 2 och bedömningsmatrisen.

 Område 4 · v.46–51 UX, design och mobilanpassning

Rita sajten innan du bygger den, och bygg den så att den fungerar i en telefon och för den som inte använder mus. Designguiden, Projekt 3 och bedömningsmatrisen.

 Område 5 · v.51–52 Publicering, juridik och säkerhet

GDPR, upphovsrätt och säkerhet, förklarade på en sajt du bygger i Google Sites. Tre guider med myndigheterna som källor, och Projekt 4.

 Område 6 · v.2–6 Interaktivitet med moduler

JavaScript genom färdig kod som läses, kopplas in och anpassas. JS-guiden, sex moduler att bygga in, och Projekt 5.

 Område 7 · v.6–11 Optimering och diskret funktionalitet

Sajten görs lättare och tåligare: bilder, laddtid, och kod som håller när JavaScript inte gör det. Två guider och Projekt 6.

 Område 8 · v.11 + v.20–23 Slutprojekt

En webbplats åt en kund, från kravspec till publicerad och testad sajt. Projektguiden, fem kunder, repetitionen och Projekt 7.

Var ligger vad?

Tre verktyg med tre olika jobb. Blandar du ihop dem är det lätt att tro att du lämnat in när du inte har det.

VerktygVad ligger där
itslearningUppgifterna, planeringen, deadlines och din återkoppling. Här lämnar du in.
GitHubDin kod. Ditt repo, dina commits och senare din publicerade sajt.
CodespacesDär du skriver koden. VS Code som körs i webbläsaren.
Kom ihåg

Koden till GitHub, länken till itslearning. Ditt repo måste vara publikt – annars går det inte att rätta.

E, C och A

NivåVad som krävs
EDet fungerar och det validerar. Inget JavaScript krävs.
CGenomarbetat och konsekvent. Egna anpassningar som du kan motivera.
ADiskret funktionalitet. Sidan fungerar utan JavaScript – skripten förbättrar. Handlar inte om mängden kod.