Async await (Javascript) | Volunteering

Task

Learning objectives:

Most students should:

Know how to write code using async/await
Understand how the async/await keywords makes working with promises simpler
Demonstrate how to convert from .then()/.catch functions to using async await

Students will already:

Have had roughly 65 hours of tuition and practise with javascript
Understand how to use promises using the .then()/.catch() functions

Resources you can use:

You can use these resources to help build your lesson plan

Detailed Notes:

We recommend you use visual studio code as your IDE. This is the IDE students are familiar with.

Explain what async is and show an async function

async function returnNumber()
{
  return 5;
}

returnNumber().then(console.log);

Explain the await keyword and how to use in an async function

async function getDataFromAPI()
{ 
  data = await fetch('http://example.com/movies.json') 
}

Show how to rewrite a function using async await instead of then/catch