Webbteknik 2

Organisation

Till varje uppgift finns det en mapp med arbetsmaterial, som du laddar ner som en zip-fil på uppgiftens sida. Mappen innehåller filer med HTML- och CSS-kod för det program som ska skapas. Den innehåller också en JS-fil som du ska arbeta vidare med, genom att lägga in din egen kod för lösning av uppgiften.

Vid redovisning kan du redovisa en eller flera uppgifter samtidigt, men du ska endast skicka in en url. Det innebär att du måste strukturera upp ditt material, så att du lägger uppgiftsmapparna i en gemensam mapp, som du förslagsvis kallar wt2uppgifter. Utöver uppgifternas mappar skapar du en ingångssida, kallad index.html, med länkar till startsidan för respektive uppgift. Ingångssidan behöver inte innehålla mer än ditt namn och länkarna. Den behöver inte stilsättas på något sätt. Den sidan är endast till för att vi lätt ska komma åt dina resultat i de olika uppgifterna.

Denna mappstruktur och kopplingarna mellan mappen på din dator, GitHub och Netlify skapar du innan du börjar arbeta med uppgifterna. Då behöver du endast göra det en gång. Då du sedan genomför uppgifterna och vill publicera dem gör du endast en commit och push, för att skicka upp dem till webbservern. Observera att du måste ha öppnat mappen wt2uppgifter i Visual Studio Code, innan du gör commit och push.

Krav och bedömningskriterier

Detta är allmänna krav som gäller samtliga uppgifter. Det primära syftet med uppgifterna är att examinera att du tagit till dig den teknik som tas upp i kursen och kan tillämpa den. Så i varje uppgift måste du använda de moment och kommandon som tas upp i uppgiftens område. Uppgifterna bedöms utifrån funktion, kod och stil:

• Funktion
  • Programmet ska i alla delar fungera utifrån vad som beskrivs i uppgiften. Se även demo i de introducerande filmerna, för att se hur det ska fungera.
• Kod
  • HTML- och CSS-filerna som finns i uppgiftens arbetsmaterial får inte ändras.
  • All JavaScript-kod ska skrivas i den separata JS-filen som medföljer arbetsmaterialet.
  • Endast JavaScript får användas. Andra programspråk eller bibliotek, ramverk, etc. är ej tillåtna.
  • Bedömning sker av kodens struktur, att ingen onödig kod finns med (det behöver dock inte vara den mest optimala koden) och hur koden är sammansatt utifrån vad som tas upp i kursen.
• Stil
  • Använd indrag (indentering) av kodrader i funktioner, loopar och if-satser samt utnyttjande av "white space" för ökad läsbarhet.
    • Formatera med tangenterna shift alt F i Visual Studio Code.
  • Använd beskrivande och väl genomtänkta namn på variabler och funktioner samt kamelnotation (camelCase) för namn som består av flera ord. Använd namn på engelska.
  • Alla globala variabler och funktioner ska förklaras med korta kommentarer i js-filen. Lägg in en kort kommentar efter varje variabeldeklaration och före varje funktion. Kommentarerna ska förklara vad variablen eller funktionen är till för. De får skrivas på svenska eller engelska.

Utöver ovanstående krav gäller också följande:

• Egna lösningar
  • Alla uppgifter är individuella, vilket innebär att de ska lösas och redovisas självständigt. Du får gärna diskutera uppgifternas krav, arbetssätt, etc. med dina kurskamrater, men lösningar ska du ta fram på egen hand.
  • All kod ska vara kod som skrivs på egen hand, dvs ej genererad av något program, kopierad från någon annan källa, skriven av en kompis, framtagen med hjälp av AI-verktyg, etc. Du får heller inte använda mallar eller bibliotek från program eller annan resurs, om det inte uttryckligen anges i uppgiften. En editor som hjälper till med stavning och förslag (så som Visual Studio Code) är tillåten.
  • Kod från kursens exempel och övningar får användas och modifieras till vad du behöver i dina lösningar.
• Webbläsare och publicering
  • Vi använder Firefox, då vi kontrollerar dina redovisningar, så du måste själv också ha testat att allting fungerar där.
  • Använd en privat repository på GitHub, så att ingen annan kommer åt den.
  • URL:en till de sidor du skapar i uppgifterna får inte lämnas ut till någon annan än kursens lärare. Ändra heller inte den URL som du får från Netlify till något som är lätt att gissa, utan behåll URL:en med den slumpmässiga texten som du får från Netlify.

Redovisning

Samtliga uppgifter redovisas genom publicering av programmen på Netlify och inskickning av URL till din publicering. I Moodle går du in på länken för aktuell deadline. Där lägger du in url till din mapp och skapar den som en länk. Ange också vilka uppgifter du redovisar vid det aktuella tillfället.

Uppgift U3 ska också redovisas genom en individuell muntlig examination. Bokning av tid görs i Moodle. Bokningen öppnar en vecka innan examinationstillfället.

Se även mer info om deadlines och redovisning på sidan Examination.