diff --git a/Week1/Images/dog.png b/Week1/Images/dog.png new file mode 100644 index 000000000..fb1a571a2 Binary files /dev/null and b/Week1/Images/dog.png differ diff --git a/Week1/homework/js-exercises/Exercise1/getRandomUser.js b/Week1/homework/js-exercises/Exercise1/getRandomUser.js new file mode 100644 index 000000000..846bfdc6c --- /dev/null +++ b/Week1/homework/js-exercises/Exercise1/getRandomUser.js @@ -0,0 +1,21 @@ +const Http = new XMLHttpRequest(); + +const url = 'https://www.randomuser.me/api'; +Http.open('GET', url); +Http.send(); + +const axios = require('axios').default; + +axios + .get('https://www.randomuser.me/api') + .then((resp) => { + console.log(resp.data); + }) + .catch((err) => { + // Handle Error Here + console.error(err); + }); + +Http.onreadystatechange = (e) => { + console.log(Http.responseText); +}; diff --git a/Week1/homework/js-exercises/Exercise2/getRandomUser2.js b/Week1/homework/js-exercises/Exercise2/getRandomUser2.js new file mode 100644 index 000000000..e8c58e3f9 --- /dev/null +++ b/Week1/homework/js-exercises/Exercise2/getRandomUser2.js @@ -0,0 +1,23 @@ +const Http = new XMLHttpRequest(); + +const url = 'https://xkcd.now.sh/?comic=latest'; +Http.open('GET', url); +Http.send(); + +const axios = require('axios').default; + +axios + .get('https://xkcd.now.sh/?comic=latest') + .then((resp) => { + console.log(resp.data); + }) + .catch((err) => { + // Handle Error Here + console.error(err); + }); +const image = document.createElement('img'); +var x = document.getElementById('img'); + +Http.onreadystatechange = (e) => { + console.log(Http.responseText); +}; diff --git a/Week1/homework/js-exercises/Exercise3/index.html b/Week1/homework/js-exercises/Exercise3/index.html new file mode 100644 index 000000000..f0e077570 --- /dev/null +++ b/Week1/homework/js-exercises/Exercise3/index.html @@ -0,0 +1,38 @@ + + + + + Document + + + + + + + diff --git a/Week2/homework/js-exercises/getName.js b/Week2/homework/js-exercises/getName.js new file mode 100644 index 000000000..f69d69596 --- /dev/null +++ b/Week2/homework/js-exercises/getName.js @@ -0,0 +1,20 @@ +const getAnonName = (firstName, newPromise) => { + setTimeout(() => { + if (!firstName) + return Promise(new Error("You didn't pass in a first name!")); + + const fullName = `${firstName} Doe`; + + return newPromise(fullName); + }, 2000); +}; + +getAnonName('John', console.log); + +const checkDoubleDigits = (number, newPromise) => { + setTimeout(() => { + if (number > 10) return 'The number is bigger than 10!'; + else if (number < 10) return 'Error! The number is smaller than 10...'; + else return '10'; + }); +}; diff --git a/Week2/homework/pokemon-app/index.html b/Week2/homework/pokemon-app/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/Week2/homework/pokemon-app/script.js b/Week2/homework/pokemon-app/script.js new file mode 100644 index 000000000..1862b5f65 --- /dev/null +++ b/Week2/homework/pokemon-app/script.js @@ -0,0 +1,9 @@ +function main() { + function fetchData() { + const fetchPromise = fetch('https://ghibliapi.herokuapp.com/people'); + fetchPromise.then((response) => { + console.log(response); + }); + } + function addPokemonToDOM() {} +} diff --git a/hackyourrepo-app/index.html b/hackyourrepo-app/index.html index 2b202e708..aa8f331f8 100755 --- a/hackyourrepo-app/index.html +++ b/hackyourrepo-app/index.html @@ -20,6 +20,14 @@ - +
+
+
+ + diff --git a/hackyourrepo-app/style.css b/hackyourrepo-app/style.css index 5b3acae8a..8b0a2c859 100755 --- a/hackyourrepo-app/style.css +++ b/hackyourrepo-app/style.css @@ -1,3 +1,12 @@ /* Write here your CSS rules for HackYourRepo! */ +* { + flex: 1px; + width: calc(100% - 8px); +} +@media screen and (min-width: 900px) { + head { + margin: 10rem 30rem; + } +}