Kurshandbok för

Responsiv webbdesign

Studietips från Pär

Min pedagogiska grundidé bygger på att lära sig programmering är som ett hantverk som kräver en kombination av teoretisk input och praktisk muskelminne. För att bygga en solid grund rekommenderar jag följande metodik: Avsätt 2–4 timmar dagligen. Varva läsning i kurslitteraturen med att se de inspelade föreläsningarna för att få olika perspektiv på samma koncept. Börja med att 'skriva av' befintliga kodexempel. Det kan låta enkelt, men det tränar ögat att se detaljer och syntax som man annars missar. Gör små, kontrollerade förändringar i koden och testkör direkt. Vad händer om du ändrar en loop eller en variabeltyp? Det är i felsökningen den verkliga förståelsen föds. Skapa ett eget 'projekt' som följer dig genom kursen. Det kan vara ett system för en bilfirma, ett register för en idrottsförening eller en personlig boklista. Genom att applicera det du lärt dig på en 'verkligt' projekt får du en praktisk kompetens.

Veckoplanering


Vecka 36

Kursmaterial

  • Jennifer Niederst Robbins, Learning Web Design, 6 upplagan 2025, O'Reilly.
  • Skumma över kapitel 1-3 för att få en överblick
  • Läs kapitel 4 - Creating a simple webpage
  • Läs kapitel 5 - Marking up text
  • Läs kapitel 6 - Adding links
  • Läs kapitel 7 - Adding images
  • Fixa git på VS code
Live server i VS code Installera Live server och komma igång med den.
VS code och git Komma igång med VS code och git.
VS code och git Längre video om VS code och git.

Att göra

  • Ladda ner VS Code för att kunna koda och editera dina HTML-, CSS- och JSfiler.
  • I VS code installer 'Live server' via extentions ikonen till vänster. Komma igång med Live server i VS code
  • Fixa git i VS code Versionhantering med git i VS code
  • Sist i kapitel 1-7 finns 'Test Yourself'- frågor. Besvara dem.
  • Gör en första webbsida för att presentera ditt själv. Använd de taggar som gåtts igenom i kapitel 4,5,6 och 7. Validera din HTML-kod på Markup Validation Service samt din CSS kod på CSS validator
  • Examination: Se kursrummet

Instuderingsfrågor

Vecka 37

Kursmaterial

  • Läs kapitel 8 - Table markup
  • Läs kapitel 9 - Forms
  • Läs kapitel 10 - Embedded Media

Att göra

  • Sist i kapitel 8-10 finns 'Test Yourself'- frågor. Besvara dem.
  • Examination:

Instuderingsfrågor

Vecka 38

Att göra

  • Examination: Final Thesis Report on 20th May at 23:00.

Instuderingsfrågor

Robert Pilstål

Lärarerpi@du.se

Pär Eriksson

Lärarepei@du.se

Charlie Lindgren

Lärareclg@du.se
PROGRAM Systemvetenskapliga programmet
SYFTE Kursen behandlar grundläggande HTML och CSS, så som element, attribut, nästling, dokumentdisposition, sektionering, länkning, deklarationer, egenskaper, värden och kaskaden..
KURSPLAN Gå till kursplan hos DU