Skapa din egen Sandbox för JavaScript testprogram

By . Latest revision .

Skapa en mall för dina testprogram med HTML, CSS och JavaScript. Så det blir enkelt att skapa många nya testprogram.

#Förkunskaper

Du har jobbat igenom artikeln “Kom i gång med HTML, CSS och JavaScript” och därmed har du denna uppgiften så gott som redan löst.

#Krav

I din kurskatalog (repot) för kursen, skall du ta en kopia av exempelkatalogen example/sandbox och lägga i din me-katalog under me/kmom01/sandbox.

# Gå till kurskatalogen
cp -ri example/sandbox me/kmom01
  1. Modifiera filerna så att de fungerar för dig som din egen personliga miljö för alla dina kommande exempelprogram i kursen.

  2. I din testsida, skapa en footer-sektion med länkar till valideringsverktygen för HTML, CSS och Unicorn.

  3. Se till att filerna validerar som HTML och CSS.

  4. Testa din JavaScript kod så att den validerar i onlineverktyget för JSHint.

  5. Använd din sandbox och lägg upp som ett exempel i JSFiddle eller CodePen. I din footer, länka till din fiddle/codepen.

  6. Gör en dbwebb publish för att kolla att allt validerar och fungerar.

dbwebb publish me

#Extrauppgift

Det finns ingen extra uppgift.

#Tips från coachen

Lycka till och hojta till i forumet om du behöver hjälp!

#Revision history

  • 2017-01-04: (E, mos) Generaliserar och använder uppgiften i dbjs-kursen.
  • 2016-10-26: (D, mos) Bytte länkar i förkunskaper.
  • 2015-08-27: (C, mos) Uppgraderad till dbwebb-cli version 2.
  • 2014-08-11: (B, mos) Genomgången och uppdaterade hur kopieringen görs.
  • 2014-06-26: (A, mos) Första utgåvan i samband med javascript1.

Document source.

Category: javascript, kursen javascript1, kursen dbjs.