Lager appen del 1

By . Latest revision .

I denna uppgift skapar du grunden för en lager-app, du använder dina kunskaper från övningar och kurslitteratur för att skapa en SPA som är tillgängliga och användbar. Du hämtar JSON data från ett befintligt REST API och i denna första del ligger fokus på navigation och en enkel listning av produkter.

#Förkunskaper

Du har jobbat igenom övningarna “Web Components”, “Introduktion till Lager-API:t” och “Typografi i mobila enheter”.

#Introduktion

Du har blivit kontaktat av företaget Infinity Warehouses då ryktet går på stan att du har koll på mobila applikationer. Infinity Warehouses vill ta steget in i 2000-talet och automatisera deras gamla omoderna lagerhanteringssystem. Infinity Warehouses har tidigare anställd en backend programmerare, men när hen hörde orden design, användbarhet och tillgänglighet sprang hen skrikande bort. Backend programmeraren hade dock hunnit skapa ett REST API innan hen försvann ner i serverrummet. Dokumentationen för API:t hjälper dig en bit på vägen.

I “Introduktion till Lager-API:t” har du skapat en API-nyckel och kopierat, alternativt skapat egna produkter.

#Krav

  1. Skapa en webbapplikation anpassad för mobilen.

  2. Appen ska innehålla en lagerförteckningslista där produkterna listas med namn (name), lagersaldo (stock) och lagerplats (location).

  3. Validera och publicera din kod enligt följande.

# Ställ dig i kurskatalogen
dbwebb validate lager
dbwebb publish lager

Rätta eventuella fel som dyker upp och publicera igen. När det ser grönt ut så är du klar.

#Extrauppgift

Det finns inga extrauppgifter.

#Tips från coachen

Validera och publicera ofta. Så slipper du en massa validerings- och publiceringsfel i slutet av övningen.

När du gör publish så körs även validate. Blir det för mycket fel när du kör publish så kan det bli enklare att bara göra validate till att börja med.

Lycka till och hojta till i forumet om du behöver hjälp!

#Revision history

  • 2023-03-02: (B, efo) Första utgåvan i samband med kursen webapp v5.
  • 2018-01-10: (A, efo) Första utgåvan i samband med kursen webapp v3.

Document source.

Category: javascript.