<aside> 🎤 Welcome to Le Wagon's full day Javascript API workshop. Today we'll learn how to interact with an API, use forEach loops, practice some DOM manipulation and use template literals to create an end product like this.

</aside>

<aside> 💡 Before we get started follow the steps in the TODO: Setup below. Any questions, ask either Ben or Michael.

</aside>

TODO: Setup

1. Download a text editor (if you don't already have one) - VS Code here
2. Apply for an OMDB API Key
   1. Today we will use OMDB's API. We need a key to access it.
      1. Go to this website
      2. Enter your email address
      3. Check your emails to get your API key
3. Download the code for today
   1. Go to this repository on github
   2. clone or download the repository
   3. Open it in your text editor.

<aside> ☝ Before continuing, make sure you have all 3 steps above complete. Grab Ben or Michael if you need help.

</aside>

Goal

This is our end goal for today: https://wizardly-davinci-5f4d47.netlify.app

Exercises

• Looping through Data with .forEach()
• DOM Manipulation
• Creating strings of HTML with template literals
• Using the fetch API
• Taking user input

Resources

Below are resources that will help further your learning on todays exercises, including some Javascript courses and a complete solution to todays exercises.