Skip to content

ahmedsauce7/lab-es6-promises

Repository files navigation

logo_ironhack_blue 7

LAB | #Promise Me Dinner

Introduction

Due to the asynchronous nature of Javascript promises & callbacks are very important.

Requirements

  • Fork this repo
  • Clone this repo

Submission

Upon completion, run the following commands:

$ git add .
$ git commit -m "done"
$ git push origin master

Create Pull Request so your TAs can check up your work. Write your JavaScript in the provided script.js file.

Out of Sync

Notice how the steps to cooking the food are out of order, and all the images are already on the table

Deliverables

** First construct three arrays that place the following steps in the correct order: **

Steak

  1. Season steak generously with salt, pepper and garlic powder
  2. Place in ziplock bag
  3. Cook in sous vide at 120 F for 1-2 hours
  4. Remove from bag and pat dry
  5. Heat pan with grapeseed oil and a quarter stick of butter
  6. Cook steak for 30-60 seconds per side using a spoon to baste with butter
  7. Rest for 10 mintutes
  8. Enjoy

Mash Potatoes

  1. Boil water
  2. Tear open bag of of instant potato mix and pour into bowl
  3. Pour in water
  4. Mix
  5. Enjoy

Brussel Sprouts

  1. Wash burussel srouts
  2. Cut off base and chop in half
  3. Toss in bowl with olive oil, balsamic vinger and salt
  4. Preheat oven to 500
  5. Coat baking sheet with olive oil
  6. Place in flat side down
  7. Cook for 20 minutes
  8. Place back in bowl and add salt and pepper
  9. Enjoy

Iteration #1:

Using callbacks print the directions to make Steak in the console in the correct order as shown above.

makeFood(steak)

Iteration #2:

Using promises and the then statement print the directions to make Mash Potatoes in the correct order

makeFood(mashPotatoes)

Iteration #3

Using promises with the async and await syntax print the directions to make Brussel Sprouts in the correct order makeFood(brusselSprouts)

BONUS 1

When each food item's steps such as steak is complete then add that specific food to the #table div.

BONUS 2

Using promise.all when Steak, Mash Potatoes, and Brussel Sprouts are all finished being made and added to the table, alert Dinner is Served!

Final should look like this

All the steps in the correct order

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 76.1%
  • HTML 13.5%
  • CSS 10.4%