För att refresh:a minnet efter jul och nyår så gjorde vi en sista async-app där vi hämtade nuvarande väder för en ort ifrån OpenWeatherMap’s API.
Skaffa gratis konto och skapa en egen API-nyckel eller kolla i 03-JavaScript 1-kanalen i Teams för min API-nyckel.
Workshop
Fortsätt på vår väder-app och börja med att skriva ut luftfuktigheten för staden användaren sökt på.
Därefter skriv ut nuvarande väderförhållanden (t.ex. ”light clouds”), komma-separerat.
När du fått det på plats så ge dig på att visa ikoner för de olika väderförhållandena. Tips: kolla dokumentationen för ikoner m.m.
Länka sedan in moment.js och se om du kan visa (i ett mänskligt format) när väderleksrapporten är ifrån (tips: kolla på nyckeln dt i API-responsen).
Som avslutande grej kan du klura på att visa olika cover-bilder baserat på om det är dag eller natt (dvs om solen gått ner eller ej) i staden. Här är två cover-bilder om man inte vill hitta egna (högerklicka och välj ”Spara”):
Till nästa lektion
Gör samtliga delar i ovan workshop.