JavaScript med variabler och inbyggda funktioner
Jobba igenom grunderna i JavaScript med strängar, siffror, variabler och inbyggda funktioner.
#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 lab1
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 lab1
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.
Du behöver göra ett visst antal uppgifter för att bli godkänd på labben. Sedan finns extra uppgifter du kan utföra om du så väljer. Varför skall jag göra extrauppgiftena?
#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 lab1
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) Anpassad till webgl lab1.
- 2017-09-20: (A, lew) Ny version av javascript1, ny labb.