promises challange completed

StevanCakic · Aug 1, 2018 · 9b72bf9 · 9b72bf9
1 parent 4fa2ce1
commit 9b72bf9
Show file tree

Hide file tree

Showing 4 changed files with 142 additions and 0 deletions.
diff --git a/5. Promises/index.html b/5. Promises/index.html
@@ -0,0 +1,8 @@
+<html>
+  <head>
+
+  </head>
+  <body>
+    <script src="index.js"></script>
+  </body>
+</html>
diff --git a/5. Promises/index.js b/5. Promises/index.js
@@ -0,0 +1,126 @@
+// http://csbin.io/promises
+
+// Challenge 1
+/**
+ * Let's start by reviewing asynchronous functions! Using setTimeout, print the string 'Hello!' after 1000ms.
+ */
+function sayHello() {
+  setTimeout(function() {
+    console.log("1. Hello!");
+  }, 1000);
+}
+
+// Uncomment the line below when ready
+sayHello(); // should log "Hello" after 1000ms
+
+// Challenge 2
+/**
+ * Create a promise. Have it resolve with a value of 'Resolved!' in resolve after a delay of 1000ms, using setTimeout.
+ * Print the contents of the promise after it has been resolved by passing console.log to .then
+ */
+var promise = new Promise(function(resolve, reject) {
+  // ADD CODE HERE
+  setTimeout(() => resolve("2. Resolved!"), 1000);
+});
+
+// Should print out "Resolved!"
+// ADD CODE HERE
+
+promise.then(data => console.log(data));
+
+// Challenge 3
+/**
+ * Create another promise. Now have it reject with a value of "Rejected!" without using setTimeout.
+ * Print the contents of the promise after it has been rejected by passing console.log to .catch
+ */
+promise = new Promise(function(resolve, reject) {
+  // ADD CODE HERE
+  reject("3. Rejected!");
+});
+
+// Should print out "Reject!"
+// ADD CODE HERE
+promise.catch(data => console.log(data));
+
+// Challenge 4
+/**
+ * Promises are asynchronous and we're now going to prove that they indeed are!
+ * Create a promise and have it resolve with the value of "Promise has been resolved!"
+ * Then uncomment the code at bottom of Challenge 4.
+ * What order do we expect "Promise has been resolved!" and "I'm not the promise!" to print? Why?
+ */
+
+promise = new Promise(function(resolve, reject) {
+  // ADD CODE HERE
+  resolve("4. Promise has been resolved");
+});
+
+// Uncomment the lines below when ready
+promise.then(data => console.log(data));
+console.log("4. I'm not the promise!");
+
+// Challenge 5
+/**
+ * Write a function delay that returns a promise. And that promise should return a setTimeout that calls resolve after 1000ms
+ */
+function delay() {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => resolve("5. Hello"), 1000);
+  });
+}
+
+// Uncomment the code below to test
+// This code should log "Hello" after 1000ms
+function sayHello(data) {
+  console.log(data);
+}
+
+delay().then(sayHello);
+
+// Challenge 6
+/**
+ * This challenge we'll chain promises together using ".then" Create two variables: firstPromise and secondPromise
+ * Set secondPromise to be a promise that resolves to "Second!" Set firstPromise to be a promise that resolves to secondPromise
+ * Call the firstPromise with a ".then", which will return the secondPromise> promise.
+ * Then print the contents of the promise after it has been resolved by passing console.log to .then
+ */
+//
+// ADD CODE BELOW
+var secondPromise = new Promise((resolve, reject) => {
+  resolve("6. Second");
+});
+
+var firstPromise = new Promise((resolve, reject) => {
+  resolve(secondPromise);
+});
+
+firstPromise.then(data => console.log(data));
+
+// Challenge 7
+/**
+ * We have a API that gets data from a database, it takes an index parameter and returns a promise
+ * Your challenge is to use Promise.all to make 3 API calls and return all the data when the calls are complete
+ */
+const fakePeople = [
+  { name: "Rudolph", hasPets: false, currentTemp: 98.6 },
+  { name: "Zebulon", hasPets: true, currentTemp: 22.6 },
+  { name: "Harold", hasPets: true, currentTemp: 98.3 }
+];
+
+const fakeAPICall = i => {
+  const returnTime = Math.floor(Math.random() * 1000);
+  return new Promise((resolve, reject) => {
+    if (i >= 0 && i < fakePeople.length) {
+      setTimeout(() => resolve(fakePeople[i]), returnTime);
+    } else {
+      reject({ message: "index out of range" });
+    }
+  });
+};
+
+function getAllData() {
+  // CODE GOES HERE
+  Promise.all([fakeAPICall(0), fakeAPICall(1), fakeAPICall(2)]).then(data => console.log(data));
+}
+
+getAllData();
diff --git a/6. Iterators/index.html b/6. Iterators/index.html
@@ -0,0 +1,8 @@
+<html>
+  <head>
+
+  </head>
+  <body>
+    <script src="index.js"></script>
+  </body>
+</html>
diff --git a/6. Iterators/index.js b/6. Iterators/index.js