Skip to content
Kursen webtec

Kmom04: Kom igång med DOM ⚠️

I den här uppgiften tränar vi mer på manipuleringen av DOM. Vi ska bygga en sida där vi tränar på att manipulera element och hantera eventlyssnare.

(Detta är instruktionen för kursmomentet och omfattar det som skall göras inom ramen för kursmomentet. Momentet omfattar cirka 20 studietimmar inklusive läsning, arbete med övningar och uppgifter, felsökning, problemlösning, redovisning och eftertanke. Läs igenom hela kursmomentet innan du börjar jobba. Om möjligt – planera och prioritera var du vill lägga tiden.)

Läs & Studera

(2-4 studietimmar)

Här kan du på egen hand studera och förbereda dig inför övningar och uppgifter.

Föreläsning / Genomgång

Följande video är en genomgång av kursmomentet med lite tips och trix för hur du kan ta dig igenom det.

  1. TBD (Kommer efter genomgången hållts.)

Video för orientering

Titta på följande videor/filmer. Filmerna är tänkta att ge dig en allmän orientering i det område som behandlas i kursmomentet.

  • XXX (spellistan “kom igång med js”?)

Videorna ovan finner du även i spellistan “Kursen webtec: Om webbteknologier HTML, CSS och JavaScript sat att bygga webbplatser och webbtjänster”.

Instuderingsfrågor

Här finns ett antal instuderingsfrågor som hjälper dig att finna information på egen hand för att träna på de koncept som är relevanta för detta kmom.

Instuderingsfrågor om JavaScript

  1. Var är en array i JavaScript?

  2. Vad är DOM i JavaScript?

  3. På vilka sätt kan jag nå ett html element från JavaScript?

Övningar & Uppgifter

(8-12 studietimmar)

Övningar är träning inför uppgifterna, det är ofta klokt att jobba igenom övningarna då de förbereder dig inför uppgifterna. Uppgifter skall utföras och redovisas.

Övningar

Jobba igenom övningarna, de förbereder dig inför uppgifterna.

  1. Koda igenom artiklen Introduktion till arrayer.

  2. Koda igenom artiklen Introduktion till funktioner.

  3. Jobba igenom artiklarna i “Kom igång med DOM” som hjälper dig med vilka konstruktioner vi har att använda när vi hanterar DOM.

  4. Om du vill kan du i artikeln Från Python till JavaScript se hur Python och JavaScript både liknar varandra och skijler sig åt i de vanligaste konstruktionerna.

Uppgifter

Följande uppgifter skall utföras och resultatet skall redovisas.

  1. Utför laborationen “Lab 4: Arrayer”.

  2. Gör uppgiften “Manipulera DOM”.

Resultat & Redovisning

(1-2 studietimmar)

Läs instruktionen om hur du skall redovisa.

Se till att följande frågor besvaras i din redovisningstext.

  • Vilken är din TIL för detta kmom?