Objectives

At the end of this module, you should be able to:

• understand and utilize asynchronous Javascript and Promises.
• understand HTTP requests and get data from a server using axios.
• iterate over a list of data received from a server, creating a set of components and adding them to the DOM.

Starter Code

We will use CodePen for this guided project. The Starter Code

Solution Code

Solution

Links in lecture:

Visualizing the event loop- https://bit.ly/1Btu0Iy

Asynchronous code animation- https://codepen.io/cgorton/pen/d31043253bff3300369df271e87644f2

Dog API: https://dog.ceo/dog-api/

Axios documentation-https://github.com/axios/axios

accessible color palette site for projects: https://www.colorbook.io/hexcolors/view/187793

Questions: What is the callstack?

What workaround do we have that allows us to make asynchronous calls in JavaScript?

What is an API?