JavaScript med villkor och loopar
Jobba igenom grunderna i JavaScript med villkor och loopar.
#Förkunskaper
Du kan redan programmera i ett eller flera andra programmeringsspråk och du har satt dig in i grunderna med JavaScript.
Du har labbmiljön som krävs och du har ditt kursrepo.
Du kan finna stöd i videoserien Lär dig JavaScript.
#Hämta labben
Labben automatgenereras för dig. Gör så här för att checka ut din personliga labb.
Gå till din kurskatalog i terminalen.
# Ställ dig i kurskatalogen
dbwebb create lab2
Materialet till labben ligger nu i din kurskatalog, enligt följande.
Fil | Innehåll |
---|---|
instruction.html |
Beskrivning av labben och de uppgifter som skall göras. Öppna filen i din webbläsare. |
answer.js |
Här skall du skriva din kod för att lösa respektive uppgift i labben. Öppna filen i din texteditor. |
answer.html |
Här kan du testa din labb genom att provköra den i webbläsaren. |
Validera ofta, då slipper du bekymmer i slutet.
dbwebb validate lab2
Du kan vid behov skriva ut en hint till varje uppgift.
Om du hamnar i trubbel, till exempel om hela labben inte skrivs ut i webbläsaren, så kan du felsöka med hjälp av devtools, det kan komma felutskrifter i consolen.
Du kan använda console.log("hej")
för att skriva ut information, till devtools console, och på det sättet debugga och följa flödet i ditt program.
#Krav
Gör de uppgifter som finns i labben
instruction.html
.Skriv dina lösningar, på rätt plats, i filen
answer.js
.Testkör din labb genom att öppna filen
answer.html
i din webbläsare.Ladda upp, validera och publicera labben genom att göra följande kommando i kurskatalogen i terminalen.
# Ställ dig i kurskatalogen
dbwebb publish lab2
Rätta eventuella fel som dyker upp och publicera igen. När det ser grönt ut så är du klar.
#Tips från coachen
Validera ofta.
Skriv ut till consolen med console.log()
.
Lär dig den inbyggda debugger, det finns i varje webbläsare.
Lycka till och hojta till i forumet om du behöver hjälp!
#Revision history
- 2017-10-17: (B, mos) Uppdaterad med webgl.
- 2017-09-20: (A, lew) Ny version av javascript1, ny labb.