JavaScript med variabler och inbyggda funktioner

By . Latest revision .

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?

Kenneth visar hur man kommer igång med labbarna.

#Krav

  1. Gör de uppgifter som finns i labben instruction.html.

  2. Skriv dina lösningar, på rätt plats, i filen answer.js.

  3. Testkör din labb genom att öppna filen answer.html i din webbläsare.

  4. 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.

Document source.

Category: javascript, kursen javascript1, kursen webgl, kursen dbjs.