Kmom01: Utvecklingsmiljö

Låt oss komma i gång med en labbmiljö, och en miljö för kursen. För er som vill repetera eller inte har läst HTML/CSS innan kommer det finnas möjlighet att läsa på om det innan det används i den här kursen.

Detta kursmoment ger dig basen för resten av kursen, det hanterar grunderna som behövs så att vi i kommande kursmoment ska kunna dyka ned mer i JavaScript.

(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.)

#Labbmiljön

(ca: 2-4 studietimmar)

Det finns en längre beskrivning om kursens labbmiljö. Läs den om du är osäker på vad som skall göras, eller om detta är din första dbwebb-kurs.

Den korta varianten är att du behöver jobba igenom artiklarna för labbmiljön, uppdatera dbwebb-cli samt klona och initiera kursrepot.

# Gå till din katalog för dbwebb-kurser
$ dbwebb selfupdate
$ dbwebb clone js
$ cd js
$ dbwebb init

#Läsanvisningar

(ca: 6-10 studietimmar)

• Läs igenom kapitel 1-4 i exploringjs.

#MDN

I kursen används Mozilla Developers Network (MDN) som en resurs generellt för webbresurser och specifikt för referensmanual till programmeringsspråket JavaScript.

Vill du hamna på rätt manualsida så lägger du alltid till “mdn” till din googling. Det finns många versioner av JavaScript och du vill gå tillbaka till källan i referensmanualen för att veta vad som är rätt (eller fel).

Gör följande:

1. Bekanta dig kort med översikten på MDN: Web technology for developers. Där ser du generellt material om webbteknologier.

2. Bekanta dig specifikt med det som finns under rubriken “JavaScript”. Använd minst 10 minuter av din tid för att kika runt och läsa någon av de inledande artiklarna om JavaScript.

#Video

Senare i kursen behöver du ha en del baskunskaper i HTML och CSS. Om du känner att du behöver färska upp minnet eller rent av skaffa dig baskunskaperna bör du redan nu titta igenom följande:

• HTML
• CSS
• Snabbintro till HTML/CSS

#Övningar & Uppgifter

(ca: 4-10 studietimmar)

#Övningar

Jobba igenom följande.

1. Gå igenom artiklarna i kursrepot. Se även till så du har labbmiljön installerad.

2. Titta på videon för kmom01

#Uppgifter

Dessa uppgifter skall utföras och redovisas.

1. Gör uppgiften “Basics”. Spara dina filer i kmom01/.

2. Gör uppgiften “Me page”. Spara resultatet i me/public/.

#Testa din inlämning

Du kan köra vissa tester på din inlämning och se om de delarna uppfyller kraven. Rättningen kommer endast genomföras om testerna går igenom.

$ dbwebb test kmom01

#Validera koden

Du validerar kursmoment 01 med:

$ cd me
$ npm run eslint --what=kmom01
$ npm run eslint --what=public
$ npm run stylelint --what=public
$ npm run htmlhint --what=public

#Publicera din kod

Du lämnar in koden via dbwebbkommandot:

$ dbwebb publish kmom01
$ dbwebb publish public

#Resultat & Redovisning

Se till så koden är publicerad. Lämna sedan in på Canvas efter du genomfört quizzet.

#Revision history