Kmom02: Bygg ut din mobila webapp

By . Latest revision .

Kursutveckling pågår.

Vi tar en titt på vilka begränsningar och utmaningar man står inför som användare av en mobil enhet. Vi brytar ut CSS koden från kmom01 till ett GUI komponentbaserad ramverk och lägger till fler GUI komponenter till vårt ramverk.

Vi fortsätter med vår applikation från kmom01 och använder tekniker för att strukturera JavaScript koden på ett bättre sätt.

Innan vi gör detta tittar vi på ett verktyg som hjälper oss att söka och visa information i JSON-filer.

Det kan se ut så här när vi har gjort klart Lager appen del 2.

Nobelappen i kursmoment 2.

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

#Kurslitteratur

Läs följande:

  1. Mobile HTML5.
    • Ch 6: Other HTML5 APIs

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

#Video

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

#Lästips

#Ö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 installera “Utvecklingsverktyg för REST tjänster”.

  2. Installera och testa verktyget jq via artikeln “Installera verktyget jq för att söka i JSON-filer”.

  3. Gör övningen “Knappar för mobilen”.

  4. Gör övningen “Struktur i vår JavaScript”.

#Uppgifter

Dessa uppgifter skall utföras och redovisas.

  1. Gör uppgiften “Sökverktyg för JSON filer”.

  2. Gör uppgiften “Lager appen del 2”.

#Extra

Det finns inga extra uppgifter.

#Resultat & Redovisning

(ca: 1-2 studietimmar)

Läs instruktionen om hur du skall redovisa.

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

  • Hur känns det att jobba med modeller och hämta data från api’er med m.request?
  • Hur känns det att jobba i mithril, fördelar och nackdelar?
  • Så här långt, känner du att du har koll på koden? Är det något särskilt du funderar på?
  • Var det något som krånglade eller tog extra mycket tid?
  • Vilken är din TIL för detta kmom?

#Revision history

  • 2017-03-09: (C, efo) Gjorde om för webapp-v2.
  • 2016-02-08: (B, mos) Lade till extrauppgift om detect-swipe-event.
  • 2015-10-26: (A, mos) Första utgåvan för kursen.

Document source.