kmom03: Formulär och CRUD

I detta kursmoment skapar lättanvända formulärfält med hjälp av först HTML5 och sedan tittar vi på hur vi gör i React Native. Vi 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, uppdatera och ta bort data via formulär.

Så här kan det se ut när man är klar med kmom03.

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

#Läsanvisningar

(ca: 6-10 studietimmar)

#Artiklar

Nielsen Norman Group är världsledande inom forskningsbaserad User Experience (UX). Följande två artiklar introducerar bra råd för att skapa användbara formulär:

• Website Forms Usability: Top 10 Recommendations

• A Checklist for Registration and Login Forms on Mobile

#Video

1. Det finns en videoserie kopplat till kursen, titta på videos som börjar på 3.

#Lästips

Ta en titt på dokumentationen för Core Component TextInput, som vi ska använda som grund för våra 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 i “Ett mobilanpassad formulär”. Spara eventuella testfiler i me/kmom03/formular.

#Uppgifter

Dessa uppgifter skall utföras och redovisas.

1. Gör uppgiften “Lager appen del 3”. Spara resultatet i me/kmom03/lager3.

#Kontrollera din inlämning

Se till så att en länk till ditt GitHub-repo ingår som en del av din inlämning på Canvas. Länken ska vara på formen: https://github.com/emilfolino/lager-v4.git

Se dessutom till att du har gjort expo publish i din lager katalog.

#Resultat & Redovisning

(ca: 1-2 studietimmar)

Läs instruktionen om hur du skall redovisa.

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

• Vilka faktorer spelar in när du ska designa ett formulär för mobila enheter?
• Hur känns utvecklingsmiljön med Expo och React Native så här långt i kursen?
• Vilken är din TIL för detta kmom?

#Revision history