Kmom01: Utvecklingsmiljö

By . Latest revision .

Låt oss komma i gång med en labbmiljö, och en miljö för kursen, tillsammans med en introduktion i HTML, CSS och JavaScript.

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

En aningen gulare sandbox för mina testprogram.

En aningen gulare sandbox för mina testprogram.

(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 installera labbmiljön, uppdatera dbwebb-cli samt klona och initiera kursrepot.

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

#Läsanvisningar

(ca: 6-10 studietimmar)

#Kurslitteratur

Läs följande:

  1. Bekanta dig med kurslitteraturen Speaking JavaScript: An In-Depth Guide for Programmers genom att läsa igenom det första kapitlet Ch1 Basic JavaScript (läs till och med stycket om “Strict Mode”) som ger dig en introduktion till grundkonstruktioner i programmeringsspråket JavaScript.

#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

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: 4-10 studietimmar)

#Övningar

Jobba igenom följande.

  1. Du behöver ha grundläggande koll på HTML och CSS. Som en uppfräschning av dina kunskaper, eller som en kort intro, så jobbar du igenom materialet i tipset “Kom igång (snabbt) med HTML, CSS och JavaScript”. Jobba igenom materialet grundligt eller översiktligt, beroende på ditt eget behov.

  2. Jobba igenom artikeln “Kom i gång med HTML, CSS och JavaScript” som visar dig hur du gör ditt första program i JavaScript och ger dig en grundstruktur för kursens övningar.

  3. Gå igenom guiden som följer kursens moment. För kursmoment 1 gäller delarna:

#Uppgifter

Dessa uppgifter skall utföras och redovisas.

  1. Gör laborationen “JavaScript med variabler och inbyggda funktioner”. Labben genereras i me/kmom01/lab1.

  2. Gör uppgiften “Sandbox steg 1”. Spara resultatet i me/kmom01/sandbox.

  3. Gör uppgiften “Skapa en me-sida för redovisning i dbwebb-kurs”. Spara resultatet i me/redovisa.

#Resultat & Redovisning

(ca: 1-2 studietimmar)

Läs instruktionen om hur du skall redovisa.

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

  • Vilken utvecklingsmiljö använder du (berätta om något förändrats sen sist, om du svarat på frågan i tidigare kurser)?
  • Är du bekant med HTML och CSS tillsammans med JavaScript sedan tidigare?
  • Gick det bra med JSFiddle/CodePen, några funderingar kring verktygen?
  • Gick det bra att komma i gång med kursmomentet, var det lagom, för litet, för stort, något som var svårt eller saknades?
  • Vilken är din TIL för detta kmom?

#Revision history

  • 2019-10-31: (L, lew) Uppdatering inför ht19.
  • 2018-10-22: (K, lew) Uppdatering inför ht18.
  • 2017-12-27: (J, mos) Enhetlig mall för me-sida.
  • 2017-10-09: (I, mos) Genomgång inför ht17, ny struktur labbmiljö, redovisa, uppgradering dbwebb-cli v2.
  • 2017-09-27: (H, lew) Ny kurslitteratur.
  • 2016-03-15: (G, mos) Lade till videoserie med “Lär dig JavaScript”.
  • 2015-08-26: (F, mos) Ny struktur på inledning och installaiton av labbmiljö.
  • 2015-01-19: (E, mos) Bort ruta om kursutveckling och bort länk till youtube-serie.
  • 2014-10-01: (D, mos) Ändrade länken till redovisa-instruktionen.
  • 2014-08-30: (C, mos) Första officiella releasen.
  • 2014-08-19: (B, mos) Felaktig länk till uppgift för me-sidan.
  • 2014-08-11: (A, mos) Första utgåvan för javascript1 kursen.

Document source.