Översikt

Asynkron programmering är centralt i modern webbutveckling med JavaScript. Vi tittar här på vad det innebär och tillämpar där det är som viktigast, vid nätverksanrop.

“Stand up”-vlogg

Förra årets vlogg för den som vill få en extra introduktion till veckan.

Stödjande inspelningar

JSON

32m | Presentation

• Introduktion
• RFC
• Formatet
• parse() och stringify()

Kommunikation från Webbläsaren

20m | Presentation

• Kommunikation i webbläsaren
• HTTP - Verb, metoder
• HTTP - Statuskoder
• HTTP - GET
• HTTP - POST
• Ajax

Asynkron programmering - Introduktion

15m | Presentation

• Introduktion
• Synkron programmering (blockerande kod)
• Asynkron programmering (Icke blockerande kod)
• Asynkront vs. Synkront

Asynkron programmering - Promises och Async/Await

42m | Presentation

Felhantering med fetch

Felhantering Det kan vara värt att nämna att fetch inte kastar undantag för annat än om servern inte kan nås etc. För att även kontrollera att vi fått ett godkänt resultat från servern rekommenderar vi att du lägger till en test för detta:

const res = await window.fetch(`http://tv-api.se/shows/?q=${str}`)
if (!res.ok) {
  const error = new Error('Fetch error')
  error.status = res.status
  throw error
}
const data = await res.json()

• Introduktion
• Arbeta med formulär i webbläsaren (Best practices)
• Fetch API (window.fetch)
• Fetch utan async/await
• Fetch med async/await
• Exempel: TV-seriesök
• Avslutning

Cross Origin Resource Charing (CORS)

5m | Presentation

• CORS
• Lösningar (CORS headers och Proxy)

Läsanvisningar

Under läsanvisningar hittar du veckans kapitel som ska läsas i kurslitteraturen. Planera upp och dela upp läsningen under veckan.

Övningar

Under Övningsuppgifter hittar du övningsuppgifter som det är lämpligt att du arbetar med under veckan.

Handledning

Skicka gärna in frågor på förhand via vårt formulär som du når här:

• Frågor inför handledning

Examinationsuppgift B2

Dags att påbörja kursens andra quiz-baserade examinationsuppgift B2.

Just nätverksanrop som vi går igenom denna vecka är centralt i uppgiften!

Studiefrågor

Här är ett antal frågor som du kan försöka besvara och diskutera tillsammans med din AI-assistent. Tveka inte att lyfta någon av frågorna till handledningen för att fortsätta diskussionen med lärare och studiekamrater.

1. Ge mig en kort förklaring av JSON och vilka datatype som formatet har.
2. Är JSON användbart tillsammans med REST API:er?
3. Hur fungerar ett REST API?
4. Är Postman ett rimligt verktyg när man vill undersöka ett REST API?
5. Kan man prata med ett REST API från JavaScript i en webbläsare?
6. Hur ställer man in CORS på webbservern?
7. Visa hur man använder fetch i webbläsaren tillsammans med async/await.

Här är en utskrift från hur det såg ut när jag diskuterade ovan frågor med min AI-assistent Ajj.

Tips

Här följer tips till hur du kan prioritera bland kursmaterialet för att komma igång med veckan.

1. Titta igenom föreläsningarna. Fokusera på hur fetch fungerar tillsammans med async/await.
2. Utför övningsuppgiften för att träna på fetch.
3. Se till att komma igång med examinationsuppgiften B2.