Hämta från ett API

API är ett kraftfullt sätt att hämta extern data till din hemsida, på så vis slipper du att skapa den själv. I denna kodutmaning kommer du att att hämta recept från en receptbank 🥬. Ta det steget längre och testa från ett egenvalt API – kom igen, nu kör vi!

Det här behöver du

Du behöver en kodeditor, vi rekommenderar Visual Studio code som är helt gratis att använda och går att ladda ned här.

Få hjälp

Gå med i vår Slack kanal och få hjälp av hela vårt community och hjälp coacher. Gå med här.

1. Så här startar du

Ladda ned kodfilerna här till din email och öppna i din kodeditor. Inuti filerna hittar du vidare instruktioner och kommentarer om hur du går tillväga för att lösa utmaningen, och i nästa stycke hittar du dessutom grymma tips och trix!

2. Tips & trix

Läs på om vad JSON är för någonting innan du kickar igång.
Info om fetch() hittar du här, även i denna steg-för-steg-förklaring.
API:et vi använder i denna övning är Edamam Recipe API. Kika på dokumentationen för att bekanta dig med hur det uppbyggt.
Här kan du läsa om hur du sätter ihop strängar med hjälp av template literals.
Här kan du läsa mer om .then() och om .json()
Djupdykning: Lär dig vad skillnaden mellan Query Parameters och Path Parameters är, och mer om promises (löften).

3. Inspiration

Lär dig övervinna och förstå bluffsyndromet tillsammans med Cissi

Cissi var nästan färdig med sin programmerings-utbildning när hon plötsligt bestämde sig för att avbryta studierna. Tankar om att hon inte alls kunde så mycket som alla trodde, att någon snart skulle upptäcka henne som en bluff blev för stor. Cissi fortsatte studierna när hon förstod att det handlade om bluffsyndromet, och nu delar hon med sig av sina tips för att övervinna det.

👉 Se Cissis webinar om bluffsyndromet här

4. Dela din lösning

Självklart vill vi se din lösning, dela den gärna på vår Instagram under hashtaggen #kodutmaningen. Och du, passa på att utmana din vän – dela kodutmaningen 💪.