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.
Läs & Studera
Section titled “Läs & Studera”Här kan du på egen hand studera och förbereda dig inför övningar och uppgifter.
Föreläsning / Genomgång
Section titled “Föreläsning / Genomgång”Det finns inga inspelade föreläsningar till detta kursmomentet.
Det hålls genomgångar under kursveckan och delar av dem kan spelas in och publiceras i kursens spellista.
Video för orientering
Section titled “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.
- Arrayer
- Funktioner
- DOM
- Events
Videorna ovan finner du i spellistan “Kom igång med js”.
Instuderingsfrågor
Section titled “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
-
Vad är en array i JavaScript?
-
Vad är DOM i JavaScript?
-
På vilka sätt kan jag nå ett html element från JavaScript?
-
Vad är en funktion i JavaScript?
-
Vad menas med callback i en eventlyssnare i JavaScript?
Övningar & Uppgifter
Section titled “Övningar & Uppgifter”Ö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
Section titled “Övningar”Jobba igenom övningarna, de förbereder dig inför uppgifterna.
-
Jobba igenom artiklarna i guiden “Mera JavaScript” som hjälper dig med vilka konstruktioner vi har att använda när vi hanterar DOM tillsammans med introduktion till arrayer och funktioner.
-
Optionell: Om du vill kan du i artikeln Från Python till JavaScript se hur Python och JavaScript både liknar varandra och skiljer sig åt i de vanligaste konstruktionerna.
Uppgifter
Section titled “Uppgifter”Följande uppgifter skall utföras och resultatet skall redovisas.
-
Utför laborationen “Lab 4: Arrayer”.
-
Gör uppgiften “Manipulera DOM”.
Resultat & Redovisning
Section titled “Resultat & Redovisning”Läs instruktionen om hur du skall redovisa.
Se till att följande frågor besvaras i din redovisningstext.
-
Förstår du hur HTML/CSS/JavaScript hänger ihop när vi utvecklar för webben?
-
Känner du att du har koll på hur vi kan manipulera HTML elementen med hjälp av JavaScript?
-
Hur tycker du att din kodstruktur blev över uppgiften?
-
Vilken är din TIL för detta kmom?