Keywords

Asynchronous programming, JSON, Ajax, await/async, promises, fetch.

Content

How to work with JavaScript in the browser and fetching data from external servers using asynchronous HTTP requests.

Resources

The session for L07 and L08 was combined in a 2 hour lecture held on Zoom. An example repo was used with code samples and a slide presentation was held. There were 2 recordings of 50 + 48 minutes.

In L07 Mikael talks about A02 part 2 and shows how to build JavaScript applications using Snowpack and how to create ES modules and ES6 classes.

In L08 Mikael shows how to do requests to a REST server and deal with the responses. It deals with the Fetch API, asynchronous programming and JSON.

The videos L07 and L08 are found in this playlist on YouTube.

The slides L07-08-JavaScript-module.html is available in its repo.

The slides can be viewed online.

The example repo can be cloned from its origin.

1. In the (free online) book "JavaScript for impatient programmers", review the following chapters.

   • Ch 36 Asynchronous programming in JavaScript
   • Ch 37 Promises for asynchronous programming
   • Ch 38 Async functions
   • Ch 42 Creating and parsing JSON (JSON)

Resources from previous course rounds

• HTML-presentation
• Recording 2019-11-26, 13-15 (Youtube, Swedish)
• Recording 2017-09-27, 10-12 (Youtube, English)

External resources

• Google developers: Introduction to Fetch

• MDN

  • Fetch
  • Using Fetch
  • XMLHttpRequest
  • Async await

• JSON

  • JSON.org
  • MDN Global object JSON

• Exploring ES6

  • Arrow functions
  • Promises for asynchronous programming

• Exploring ES2016 and ES2017

  • Async functions

• Google Chrome: Advanced REST client

• CORS

• More
  • Watch: What the heck is the event loop anyway?
  • Read: Promises (Skip "Bonus round: Promises and Generators")
  • Watch: Autocomplete
  • Watch: Autocomplete + Promises extended demo
  • Watch: Fun fun functions - Await Async