Skip to content
WEBAPP

kmom03 - Autentisering med JWT

I detta kursmoment fortsätter vi med att utveckla våra GUI komponenter från tidigare kursmoment. Vi skapar lättanvända formulärfält med hjälp av HTML5 och kopplar ihop fälten i formulär som är lätta att använda på små skärmar där kontext och möjligheten att skriva snabbt och enkelt saknas. I vår applikation lägger vi till möjligheten att skapa data via formulär.

Så här kan det se ut när vi är klara.

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

Starta igång veckan

Section titled “Starta igång veckan”

Starta igång veckan genom att skapa en branch för att jobba med kmom03 genom följande kommandon.

Terminal window
cd $HOME/dbwebb-kurser/webapp/webapp-lager
git checkout -b kmom03

Veckans genomgång

Section titled “Veckans genomgång”

Emil har genomgånger måndagar kl 13:15, efter genomgången uppdateras denna delen av sidan med veckans genomgång.

Play

Veckans föreläsning

Section titled “Veckans föreläsning”

Emil har föreläsningar onsdagar kl 10:15, efter föreläsningen uppdateras denna delen av sidan med veckans föreläsning.

Play

Läsanvisningar

Section titled “Läsanvisningar”

(ca: 6-10 studietimmar)

Artiklar

Section titled “Artiklar”

Läs och använd artiklarna Website Forms Usability: Top 10 Recommendations och A Checklist for Registration and Login Forms on Mobile för att skapa användbara formulär.

Video

Section titled “Video”
  1. Det finns en videoserie kopplat till kursen, titta på videos som börjar på 3.

Övningar & Uppgifter

Section titled “Övningar & Uppgifter”

(ca: 6-10 studietimmar)

Övningar

Section titled “Övningar”

Gör följande övning för att träna inför uppgifterna.

  1. Läs igenom artikeln och gör övningarna i “Ett mobilanpassad formulär”. Skriv koden i webapp-lager repot för återanvändning i uppgiften.

Uppgifter

Section titled “Uppgifter”

Dessa uppgifter skall utföras och redovisas.

  1. Gör uppgiften “Lager appen del 3”. Spara resultatet i webapp-lager repot.

Resultat & Redovisning

Section titled “Resultat & Redovisning”

(ca: 1-2 studietimmar)

Se till att följande frågor besvaras i redovisningstexten i din inlämning.

  • Vilka faktorer spelar in när du ska designa ett formulär för mobila enheter?
  • Vad tyckte du om den inbyggda formulär validering i webbläsaren?
  • Vilka lärdomar gjorde du kring hantering av formulär i JavaScript?
  • Vilken är din TIL för detta kmom?