diff --git a/Week1/homework/js-exercises/dogGallery.js b/Week1/homework/js-exercises/dogGallery.js new file mode 100644 index 000000000..f1f888259 --- /dev/null +++ b/Week1/homework/js-exercises/dogGallery.js @@ -0,0 +1,59 @@ +const XMLBtn = document.getElementById('btn1'); +const AxiosBtn = document.getElementById('btn2'); + +function xhrMethod() { + const xhr = new XMLHttpRequest(); + const li = document.createElement('li'); + const image = document.createElement('img'); + const ul = document.getElementById('list'); + const url = 'https://dog.ceo/api/breeds/image/random' + xhr.open('GET', url); + xhr.send(); + xhr.onreadystatechange = processRequest; + + ul.appendChild(li.appendChild(image)) + + function processRequest(e) { + if(xhr.readyState == 4 && xhr.status == 200) { + let response = JSON.parse(xhr.responseText); + image.src = response.message; + image.style.width = '300px' + image.style.height = '300px' + image.style.margin = '5px' + + }; + }; + xhr.onerror = function() { + if (xhr.status != 200) { + alert (`Error ${xhr.status}: ${xhr.statusText}`); + }; + }; + + }; + +XMLBtn.addEventListener('click', xhrMethod); + + + +function axiosMethod() { + const li = document.createElement('li'); + const image = document.createElement('img'); + const ul = document.getElementById('list'); + ul.appendChild(li.appendChild(image)) + axios + .get('https://dog.ceo/api/breeds/image/random') + .then(function(response) { + + image.src = response.data.message; + image.style.width = '300px' + image.style.height = '300px' + image.style.margin = '5px' + + }) + .catch(function(error) { + console.log(error) + }); +} + + +AxiosBtn.addEventListener('click', axiosMethod); diff --git a/Week1/homework/js-exercises/getandomUser.js b/Week1/homework/js-exercises/getandomUser.js new file mode 100644 index 000000000..b365902ad --- /dev/null +++ b/Week1/homework/js-exercises/getandomUser.js @@ -0,0 +1,40 @@ +function xhrMethod() { +const xhr = new XMLHttpRequest(); +const url = 'https://www.randomuser.me/api' + +xhr.open('GET', url); +xhr.send(); + +xhr.onreadystatechange = processRequest; + +function processRequest(e) { + if(xhr.readyState == 4 && xhr.status == 200) { + let respons = JSON.parse(xhr.responseText); + console.log(respons) + } +} + +xhr.onerror = function() { + if (xhr.status != 200) { + alert (`Error ${xhr.status}: ${xhr.statusText}`) + } +} + +} + + +const axios = require('axios'); +function axiosMethod() { + axios + .get('https://www.randomuser.me/api') + .then(function(response) { + console.log(response.data); + }) + .catch(function(error) { + console.log(error) + }); +} + + +axiosMethod(); +xhrMethod(); \ No newline at end of file diff --git a/Week1/homework/js-exercises/humor.js b/Week1/homework/js-exercises/humor.js new file mode 100644 index 000000000..55857e01c --- /dev/null +++ b/Week1/homework/js-exercises/humor.js @@ -0,0 +1,42 @@ + + +function xhrMethod() { + const xhr = new XMLHttpRequest(); + const url = 'https://xkcd.now.sh/?comic=latest' + xhr.open('GET', url); + xhr.send(); + xhr.onreadystatechange = processRequest; + function processRequest(e) { + if(xhr.readyState == 4 && xhr.status == 200) { + let response = JSON.parse(xhr.responseText); + document.getElementsByTagName('img').src = response.img; + console.log(response); + }; + }; + xhr.onerror = function() { + if (xhr.status != 200) { + alert (`Error ${xhr.status}: ${xhr.statusText}`); + }; + }; + }; + + xhrMethod(); + + + + + +function axiosMethod() { + axios + .get('https://xkcd.now.sh/?comic=latest') + .then(function(response) { + console.log(response.data); + document.getElementsByTagName('img').src = response.data.img; + }) + .catch(function(error) { + console.log(error) + }); +} + + +axiosMethod(); diff --git a/Week1/homework/js-exercises/index.html b/Week1/homework/js-exercises/index.html new file mode 100644 index 000000000..7337b551a --- /dev/null +++ b/Week1/homework/js-exercises/index.html @@ -0,0 +1,20 @@ + + + + + + Dog Gallery + + +
+ + + + +
+ + + + + + \ No newline at end of file diff --git a/Week2/LESSONPLAN.md b/Week2/AmirHossein/LESSONPLAN.md similarity index 100% rename from Week2/LESSONPLAN.md rename to Week2/AmirHossein/LESSONPLAN.md diff --git a/Week2/MAKEME.md b/Week2/AmirHossein/MAKEME.md similarity index 100% rename from Week2/MAKEME.md rename to Week2/AmirHossein/MAKEME.md diff --git a/Week2/README.md b/Week2/AmirHossein/README.md similarity index 100% rename from Week2/README.md rename to Week2/AmirHossein/README.md diff --git a/Week2/assets/week2.png b/Week2/AmirHossein/assets/week2.png old mode 100755 new mode 100644 similarity index 100% rename from Week2/assets/week2.png rename to Week2/AmirHossein/assets/week2.png diff --git a/Week2/AmirHossein/homework/js-exercises/johnWho.js b/Week2/AmirHossein/homework/js-exercises/johnWho.js new file mode 100644 index 000000000..a99b02cf4 --- /dev/null +++ b/Week2/AmirHossein/homework/js-exercises/johnWho.js @@ -0,0 +1,16 @@ +const getAnonName = (firstName) => { + return new Promise((resolve, reject) => { + const fullName = `${firstName} Doe` + resolve(fullName) + console.log(fullName) + + + + reject(new Error("You didn't pass in a first name!")) + + }) + + +}; + +getAnonName() \ No newline at end of file diff --git a/Week2/traversy_async_crash/README.md b/Week2/AmirHossein/traversy_async_crash/README.md similarity index 100% rename from Week2/traversy_async_crash/README.md rename to Week2/AmirHossein/traversy_async_crash/README.md diff --git a/Week2/traversy_async_crash/callbacks.js b/Week2/AmirHossein/traversy_async_crash/callbacks.js similarity index 100% rename from Week2/traversy_async_crash/callbacks.js rename to Week2/AmirHossein/traversy_async_crash/callbacks.js diff --git a/Week2/traversy_async_crash/index.html b/Week2/AmirHossein/traversy_async_crash/index.html similarity index 100% rename from Week2/traversy_async_crash/index.html rename to Week2/AmirHossein/traversy_async_crash/index.html diff --git a/Week2/traversy_async_crash/promises.js b/Week2/AmirHossein/traversy_async_crash/promises.js similarity index 100% rename from Week2/traversy_async_crash/promises.js rename to Week2/AmirHossein/traversy_async_crash/promises.js diff --git a/Week3/LESSONPLAN.md b/Week3/AmirHossein/LESSONPLAN.md similarity index 100% rename from Week3/LESSONPLAN.md rename to Week3/AmirHossein/LESSONPLAN.md diff --git a/Week3/MAKEME.md b/Week3/AmirHossein/MAKEME.md similarity index 100% rename from Week3/MAKEME.md rename to Week3/AmirHossein/MAKEME.md diff --git a/Week3/README.md b/Week3/AmirHossein/README.md similarity index 100% rename from Week3/README.md rename to Week3/AmirHossein/README.md diff --git a/Week3/assets/JavaScript3_classes.png b/Week3/AmirHossein/assets/JavaScript3_classes.png similarity index 100% rename from Week3/assets/JavaScript3_classes.png rename to Week3/AmirHossein/assets/JavaScript3_classes.png diff --git a/Week3/traversy_fetch_api/app.js b/Week3/AmirHossein/traversy_fetch_api/app.js similarity index 100% rename from Week3/traversy_fetch_api/app.js rename to Week3/AmirHossein/traversy_fetch_api/app.js diff --git a/Week3/traversy_fetch_api/index.html b/Week3/AmirHossein/traversy_fetch_api/index.html similarity index 100% rename from Week3/traversy_fetch_api/index.html rename to Week3/AmirHossein/traversy_fetch_api/index.html diff --git a/Week3/traversy_fetch_api/sample.txt b/Week3/AmirHossein/traversy_fetch_api/sample.txt similarity index 100% rename from Week3/traversy_fetch_api/sample.txt rename to Week3/AmirHossein/traversy_fetch_api/sample.txt diff --git a/Week3/traversy_fetch_api/users.json b/Week3/AmirHossein/traversy_fetch_api/users.json similarity index 100% rename from Week3/traversy_fetch_api/users.json rename to Week3/AmirHossein/traversy_fetch_api/users.json diff --git a/Week3/traversy_oop_crash/1_basics_literals.js b/Week3/AmirHossein/traversy_oop_crash/1_basics_literals.js similarity index 100% rename from Week3/traversy_oop_crash/1_basics_literals.js rename to Week3/AmirHossein/traversy_oop_crash/1_basics_literals.js diff --git a/Week3/traversy_oop_crash/2_constructor.js b/Week3/AmirHossein/traversy_oop_crash/2_constructor.js similarity index 100% rename from Week3/traversy_oop_crash/2_constructor.js rename to Week3/AmirHossein/traversy_oop_crash/2_constructor.js diff --git a/Week3/traversy_oop_crash/3_prototypes.js b/Week3/AmirHossein/traversy_oop_crash/3_prototypes.js similarity index 100% rename from Week3/traversy_oop_crash/3_prototypes.js rename to Week3/AmirHossein/traversy_oop_crash/3_prototypes.js diff --git a/Week3/traversy_oop_crash/4_inheritance.js b/Week3/AmirHossein/traversy_oop_crash/4_inheritance.js similarity index 100% rename from Week3/traversy_oop_crash/4_inheritance.js rename to Week3/AmirHossein/traversy_oop_crash/4_inheritance.js diff --git a/Week3/traversy_oop_crash/5_object_create.js b/Week3/AmirHossein/traversy_oop_crash/5_object_create.js similarity index 100% rename from Week3/traversy_oop_crash/5_object_create.js rename to Week3/AmirHossein/traversy_oop_crash/5_object_create.js diff --git a/Week3/traversy_oop_crash/6_classes.js b/Week3/AmirHossein/traversy_oop_crash/6_classes.js similarity index 100% rename from Week3/traversy_oop_crash/6_classes.js rename to Week3/AmirHossein/traversy_oop_crash/6_classes.js diff --git a/Week3/traversy_oop_crash/7_subclasses.js b/Week3/AmirHossein/traversy_oop_crash/7_subclasses.js similarity index 100% rename from Week3/traversy_oop_crash/7_subclasses.js rename to Week3/AmirHossein/traversy_oop_crash/7_subclasses.js diff --git a/Week3/traversy_oop_crash/README.md b/Week3/AmirHossein/traversy_oop_crash/README.md similarity index 100% rename from Week3/traversy_oop_crash/README.md rename to Week3/AmirHossein/traversy_oop_crash/README.md diff --git a/Week3/traversy_oop_crash/assets/2_constructor.png b/Week3/AmirHossein/traversy_oop_crash/assets/2_constructor.png similarity index 100% rename from Week3/traversy_oop_crash/assets/2_constructor.png rename to Week3/AmirHossein/traversy_oop_crash/assets/2_constructor.png diff --git a/Week3/traversy_oop_crash/assets/3_prototypes.png b/Week3/AmirHossein/traversy_oop_crash/assets/3_prototypes.png similarity index 100% rename from Week3/traversy_oop_crash/assets/3_prototypes.png rename to Week3/AmirHossein/traversy_oop_crash/assets/3_prototypes.png diff --git a/Week3/traversy_oop_crash/assets/4_inheritance.png b/Week3/AmirHossein/traversy_oop_crash/assets/4_inheritance.png similarity index 100% rename from Week3/traversy_oop_crash/assets/4_inheritance.png rename to Week3/AmirHossein/traversy_oop_crash/assets/4_inheritance.png diff --git a/Week3/traversy_oop_crash/assets/6_classes.png b/Week3/AmirHossein/traversy_oop_crash/assets/6_classes.png similarity index 100% rename from Week3/traversy_oop_crash/assets/6_classes.png rename to Week3/AmirHossein/traversy_oop_crash/assets/6_classes.png diff --git a/Week3/traversy_oop_crash/assets/7_subclasses.png b/Week3/AmirHossein/traversy_oop_crash/assets/7_subclasses.png similarity index 100% rename from Week3/traversy_oop_crash/assets/7_subclasses.png rename to Week3/AmirHossein/traversy_oop_crash/assets/7_subclasses.png diff --git a/Week3/traversy_oop_crash/assets/function_proto.png b/Week3/AmirHossein/traversy_oop_crash/assets/function_proto.png similarity index 100% rename from Week3/traversy_oop_crash/assets/function_proto.png rename to Week3/AmirHossein/traversy_oop_crash/assets/function_proto.png diff --git a/Week3/traversy_oop_crash/index-all.html b/Week3/AmirHossein/traversy_oop_crash/index-all.html similarity index 100% rename from Week3/traversy_oop_crash/index-all.html rename to Week3/AmirHossein/traversy_oop_crash/index-all.html diff --git a/Week3/traversy_oop_crash/index-all.js b/Week3/AmirHossein/traversy_oop_crash/index-all.js similarity index 100% rename from Week3/traversy_oop_crash/index-all.js rename to Week3/AmirHossein/traversy_oop_crash/index-all.js diff --git a/Week3/traversy_oop_crash/index.html b/Week3/AmirHossein/traversy_oop_crash/index.html similarity index 100% rename from Week3/traversy_oop_crash/index.html rename to Week3/AmirHossein/traversy_oop_crash/index.html diff --git a/hackyourrepo-app/index.html b/hackyourrepo-app/index.html index 2b202e708..c17533242 100755 --- a/hackyourrepo-app/index.html +++ b/hackyourrepo-app/index.html @@ -20,6 +20,68 @@ +
+ +
+
+
+ + + + + + + + + + + + + + + + + + +
Repositories:SampleRepo1
Description: Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum, iure ipsum? Consequatur sequi esse veritatis in exercitationem quos repellat doloribus earum tempora cumque!
Forks: 5
Update: 2020-05-27 12:00:00
+
+ +
+
+
Contributors
+
+ + isalga +
9
+
+
+ + isalga +
9
+
+ +
+
+
+ + + + diff --git a/hackyourrepo-app/script.js b/hackyourrepo-app/script.js index a2206d1ed..705924282 100755 --- a/hackyourrepo-app/script.js +++ b/hackyourrepo-app/script.js @@ -3,3 +3,24 @@ /* Write here your JavaScript for HackYourRepo! */ +const placeholderRepos = [ + { + name: 'SampleRepo1', + description: 'This repository is meant to be a sample', + forks: 5, + updated: '2020-05-27 12:00:00', + }, + { + name: 'AndAnotherOne', + description: 'Another sample repo! Can you believe it?', + forks: 9, + updated: '2020-05-27 12:00:00', + }, + { + name: 'HYF-Is-The-Best', + description: + "This repository contains all things HackYourFuture. That's because HYF is amazing!!!!", + forks: 130, + updated: '2020-05-27 12:00:00', + }, +]; \ No newline at end of file diff --git a/hackyourrepo-app/style.css b/hackyourrepo-app/style.css index 5b3acae8a..64627fdfd 100755 --- a/hackyourrepo-app/style.css +++ b/hackyourrepo-app/style.css @@ -1,3 +1,96 @@ -/* +/* Write here your CSS rules for HackYourRepo! */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + +} + +#header { + color: white; + height: 50px; + background-color: #3f51b5; + display: flex; + align-items: center; + padding: 20px; + +} +p { + margin-right: 30px; +} + +.container { + width: 80%; + margin: 0 auto; + + +} + +.bottom-box { + + display: flex; + flex-direction: row; + height: auto; +} + +#left-side { + margin-top: 10px; + width: 50%; + +} +.card { + margin-left: 5px; + margin-top: 5px; + box-shadow: + 0px 20px 30px 0px rgba(0, 0, 0, 0.05), + 0px 4px 4px 0 rgba(0, 0, 0, .15), + 1px 2px 2px 0 rgba(0, 0, 0, .2); + font-size: 2vmin; +} +.card .col-right { + padding-left: 30px; + padding-right: 25px; + +} +.col-left { + + padding: 5px 0 0 5px; +} +#right-side { + + width: 50%; +} + +#contributor { + margin-top: 10px; + margin-left:0.4rem; + color: darkgray; + box-shadow: none; + padding-top: 1rem; + padding-left: 0.3rem; + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + height: 3em; +} +.small-card { + display: flex; + justify-content: flex-start; + align-items: center; + margin: 0.4rem; +} +img { + margin: 1rem; +} + + +.badge { + margin-left: auto; + background-color: #a9a9a9; + color: white; + border-radius: 4px; + margin-right: 1rem; + margin-top: 1.3rem; + padding: 0.1rem 0.8rem; +}