Kmom02: Villkor och loopar

Vi skall nu koda mer JavaScript. Vi bekantar oss med fler konstruktioner i språket och använder variabler och loopar tillsammans med en del inbyggda funktioner.

Samtidigt gör vi ett par enklare program som övar oss i hur HTML, CSS och JavaScript kan samarbeta för att bygga upp en webbsida.

(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äsanvisningar

(ca: 4-6 studietimmar)

#Kurslitteratur

Läs följande:

1. Läs i kurslitteraturen Speaking JavaScript: An In-Depth Guide for Programmers om villkor och loopar.
   • Ch1 Basic JavaScript (läs endast om conditionals och loops)
   • Ch13 Statements (hoppa över with)

#MDN

Läs igenom följande.

1. I dokumentet “MDN JavaScript Guide” läs om konstruktioner för villkor och loopar.

   • Control flow and error handling
   • Loops and iteration

2. Bekanta dig med referensmanualen JavaScript reference. Som en introduktion kan du kika på konstruktioner för villkor och loopar.

   • Statements and declarations
   • if…else
   • for

#Artiklar

Läs följande.

1. På MDN finns en längre artikel om grunderna i JavaScript, som en översiktlig introduktion till grundläggande begrepp i JavaScript. Du kan kika i artikeln “A re-introduction to JavaScript (JS tutorial)” och läsa översiktligt. Kanske vill du komma tillbaka till artikeln i senare kursmoment. Artikeln ger en bra översikt till den som redan kan andra programmeringsspråk.

#Video

Titta på följande:

1. Videoserien Lär dig JavaScript är tätt kopplat till kursmaterialet. Kika igenom serien under kursens gång.

#Övningar & Uppgifter

(ca: 12-16 studietimmar)

#Övningar

1. Gå igenom guiden som följer kursens moment. För kursmoment 2 gäller delarna:
   • Loopar och villkor
   • Hantera DOM
   • Eventlyssnare

#Uppgifter

Dessa uppgifter skall utföras och redovisas.

1. Gör laborationen “JavaScript med villkor och loopar”. Spara arbetet i me/kmom02/lab2.

2. Gör uppgiften “Rita flaggor med HTML och CSS”. Spara resultatet i me/kmom02/flag1.

3. Gör uppgiften “Sandbox steg 2”. Spara resultatet i me/kmom02/sandbox2.

#Resultat & Redovisning

(ca: 1-2 studietimmar)

Läs instruktionen om hur du skall redovisa.

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

• Har du programmerat i JavaScript tidigare, eller kan du relatera till andra språk du har programmerat i?
• Vad tycker du är det svåraste, mest utmanande i utveckling med HTML, CSS och JavaScript - så här långt?
• Hur gick det att utföra respektive uppgift, vilken tog mest tid och vilken var mest lärorik?
• Vilken är din TIL för det här kursmomentet?

#Revision history