Kmom03: Formulär och CRUD

By , . Latest revision .

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.

Lager-appen i kursmoment 3.

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

#Veckans genomgång

Nedan berättar Andreas om veckans övningar och uppgifter och visar lite tips och trix.

Veckans genomgång

#Läsanvisningar

(ca: 6-10 studietimmar)

#Video

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

#Övningar & Uppgifter

(ca: 6-10 studietimmar)

#Ö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 me/lager för återanvändning i uppgiften.

#Uppgifter

Dessa uppgifter skall utföras och redovisas.

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

#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?
  • 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?

#Revision history

  • 2023-03-24: (E, efo) Första utgåvan för webapp-v5.
  • 2018-01-30: (C, efo) Första utgåvan för webapp-v3.
  • 2017-03-13: (B, efo) Första utgåvan för webapp-v2.
  • 2015-11-23: (A, mos) Första utgåvan för kursen.

Document source.