kmom02 - Formulär och crud

I detta kursmoment skapar vi 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.

Nedan finns en liten video som visar hur det kan se ut när man är klar med Lager appen del 2.

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

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

cd $HOME/dbwebb-kurser/webapp/webapp-lager
git checkout -b kmom02

Veckans genomgång

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

Play

Veckans föreläsning

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

Play

Läsanvisningar

(ca: 6-10 studietimmar)

Artiklar

Läs följande artiklar för att få bakgrunden till övningarna.

1. Titta igenom jsonapi.org för att få en uppfattning om vad ett JSON-API är. Speciellt specification, recommendation, examples och FAQ är relevanta.

2. Till mobil operativsystemen iOS och Android ger Apple respektive Google ut guidelines för hur man ska designa på de två plattformarna. Detta är ett viktigt verktyg inte minst när vi designar med hjälp av HTML och CSS istället för de inbyggda native elementen. Skumma igenom de två guides och spara de som bokmärken.

3. 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.

Övningar & Uppgifter

(ca: 6-10 studietimmar)

Övningar

Gör följande övningar 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

Dessa uppgifter skall utföras och redovisas.

1. Gör uppgiften “Lager appen del 2”. Spara resultatet i ditt webapp-lager repo.

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?