From c985479769c3cd874fb56b5c895eb8cef05501ce Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Sun, 13 Dec 2020 21:43:58 +0330 Subject: [PATCH 01/16] Folder Amirhossein added --- Week1/{ => AmirHossein}/LESSONPLAN.md | 0 Week1/{ => AmirHossein}/MAKEME.md | 0 Week1/{ => AmirHossein}/README.md | 0 Week1/{ => AmirHossein}/assets/hyf-github-error.png | Bin Week1/{ => AmirHossein}/assets/hyf-github.png | Bin .../{ => AmirHossein}/traversy_ajax_crash/README.md | 0 .../traversy_ajax_crash/ajax1.html | 0 .../{ => AmirHossein}/traversy_ajax_crash/ajax1.js | 0 .../traversy_ajax_crash/ajax2.html | 0 .../{ => AmirHossein}/traversy_ajax_crash/ajax2.js | 0 .../traversy_ajax_crash/ajax3.html | 0 .../{ => AmirHossein}/traversy_ajax_crash/ajax3.js | 0 .../traversy_ajax_crash/sample.txt | 0 .../{ => AmirHossein}/traversy_ajax_crash/user.json | 0 .../traversy_ajax_crash/users.json | 0 Week2/{ => AmirHossein}/LESSONPLAN.md | 0 Week2/{ => AmirHossein}/MAKEME.md | 0 Week2/{ => AmirHossein}/README.md | 0 Week2/{ => AmirHossein}/assets/week2.png | Bin .../traversy_async_crash/README.md | 0 .../traversy_async_crash/callbacks.js | 0 .../traversy_async_crash/index.html | 0 .../traversy_async_crash/promises.js | 0 Week3/{ => AmirHossein}/LESSONPLAN.md | 0 Week3/{ => AmirHossein}/MAKEME.md | 0 Week3/{ => AmirHossein}/README.md | 0 .../assets/JavaScript3_classes.png | Bin Week3/{ => AmirHossein}/traversy_fetch_api/app.js | 0 .../{ => AmirHossein}/traversy_fetch_api/index.html | 0 .../{ => AmirHossein}/traversy_fetch_api/sample.txt | 0 .../{ => AmirHossein}/traversy_fetch_api/users.json | 0 .../traversy_oop_crash/1_basics_literals.js | 0 .../traversy_oop_crash/2_constructor.js | 0 .../traversy_oop_crash/3_prototypes.js | 0 .../traversy_oop_crash/4_inheritance.js | 0 .../traversy_oop_crash/5_object_create.js | 0 .../traversy_oop_crash/6_classes.js | 0 .../traversy_oop_crash/7_subclasses.js | 0 .../{ => AmirHossein}/traversy_oop_crash/README.md | 0 .../traversy_oop_crash/assets/2_constructor.png | Bin .../traversy_oop_crash/assets/3_prototypes.png | Bin .../traversy_oop_crash/assets/4_inheritance.png | Bin .../traversy_oop_crash/assets/6_classes.png | Bin .../traversy_oop_crash/assets/7_subclasses.png | Bin .../traversy_oop_crash/assets/function_proto.png | Bin .../traversy_oop_crash/index-all.html | 0 .../traversy_oop_crash/index-all.js | 0 .../{ => AmirHossein}/traversy_oop_crash/index.html | 0 48 files changed, 0 insertions(+), 0 deletions(-) rename Week1/{ => AmirHossein}/LESSONPLAN.md (100%) rename Week1/{ => AmirHossein}/MAKEME.md (100%) rename Week1/{ => AmirHossein}/README.md (100%) rename Week1/{ => AmirHossein}/assets/hyf-github-error.png (100%) rename Week1/{ => AmirHossein}/assets/hyf-github.png (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/README.md (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/ajax1.html (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/ajax1.js (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/ajax2.html (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/ajax2.js (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/ajax3.html (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/ajax3.js (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/sample.txt (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/user.json (100%) rename Week1/{ => AmirHossein}/traversy_ajax_crash/users.json (100%) rename Week2/{ => AmirHossein}/LESSONPLAN.md (100%) rename Week2/{ => AmirHossein}/MAKEME.md (100%) rename Week2/{ => AmirHossein}/README.md (100%) rename Week2/{ => AmirHossein}/assets/week2.png (100%) mode change 100755 => 100644 rename Week2/{ => AmirHossein}/traversy_async_crash/README.md (100%) rename Week2/{ => AmirHossein}/traversy_async_crash/callbacks.js (100%) rename Week2/{ => AmirHossein}/traversy_async_crash/index.html (100%) rename Week2/{ => AmirHossein}/traversy_async_crash/promises.js (100%) rename Week3/{ => AmirHossein}/LESSONPLAN.md (100%) rename Week3/{ => AmirHossein}/MAKEME.md (100%) rename Week3/{ => AmirHossein}/README.md (100%) rename Week3/{ => AmirHossein}/assets/JavaScript3_classes.png (100%) rename Week3/{ => AmirHossein}/traversy_fetch_api/app.js (100%) rename Week3/{ => AmirHossein}/traversy_fetch_api/index.html (100%) rename Week3/{ => AmirHossein}/traversy_fetch_api/sample.txt (100%) rename Week3/{ => AmirHossein}/traversy_fetch_api/users.json (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/1_basics_literals.js (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/2_constructor.js (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/3_prototypes.js (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/4_inheritance.js (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/5_object_create.js (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/6_classes.js (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/7_subclasses.js (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/README.md (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/assets/2_constructor.png (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/assets/3_prototypes.png (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/assets/4_inheritance.png (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/assets/6_classes.png (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/assets/7_subclasses.png (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/assets/function_proto.png (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/index-all.html (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/index-all.js (100%) rename Week3/{ => AmirHossein}/traversy_oop_crash/index.html (100%) diff --git a/Week1/LESSONPLAN.md b/Week1/AmirHossein/LESSONPLAN.md similarity index 100% rename from Week1/LESSONPLAN.md rename to Week1/AmirHossein/LESSONPLAN.md diff --git a/Week1/MAKEME.md b/Week1/AmirHossein/MAKEME.md similarity index 100% rename from Week1/MAKEME.md rename to Week1/AmirHossein/MAKEME.md diff --git a/Week1/README.md b/Week1/AmirHossein/README.md similarity index 100% rename from Week1/README.md rename to Week1/AmirHossein/README.md diff --git a/Week1/assets/hyf-github-error.png b/Week1/AmirHossein/assets/hyf-github-error.png similarity index 100% rename from Week1/assets/hyf-github-error.png rename to Week1/AmirHossein/assets/hyf-github-error.png diff --git a/Week1/assets/hyf-github.png b/Week1/AmirHossein/assets/hyf-github.png similarity index 100% rename from Week1/assets/hyf-github.png rename to Week1/AmirHossein/assets/hyf-github.png diff --git a/Week1/traversy_ajax_crash/README.md b/Week1/AmirHossein/traversy_ajax_crash/README.md similarity index 100% rename from Week1/traversy_ajax_crash/README.md rename to Week1/AmirHossein/traversy_ajax_crash/README.md diff --git a/Week1/traversy_ajax_crash/ajax1.html b/Week1/AmirHossein/traversy_ajax_crash/ajax1.html similarity index 100% rename from Week1/traversy_ajax_crash/ajax1.html rename to Week1/AmirHossein/traversy_ajax_crash/ajax1.html diff --git a/Week1/traversy_ajax_crash/ajax1.js b/Week1/AmirHossein/traversy_ajax_crash/ajax1.js similarity index 100% rename from Week1/traversy_ajax_crash/ajax1.js rename to Week1/AmirHossein/traversy_ajax_crash/ajax1.js diff --git a/Week1/traversy_ajax_crash/ajax2.html b/Week1/AmirHossein/traversy_ajax_crash/ajax2.html similarity index 100% rename from Week1/traversy_ajax_crash/ajax2.html rename to Week1/AmirHossein/traversy_ajax_crash/ajax2.html diff --git a/Week1/traversy_ajax_crash/ajax2.js b/Week1/AmirHossein/traversy_ajax_crash/ajax2.js similarity index 100% rename from Week1/traversy_ajax_crash/ajax2.js rename to Week1/AmirHossein/traversy_ajax_crash/ajax2.js diff --git a/Week1/traversy_ajax_crash/ajax3.html b/Week1/AmirHossein/traversy_ajax_crash/ajax3.html similarity index 100% rename from Week1/traversy_ajax_crash/ajax3.html rename to Week1/AmirHossein/traversy_ajax_crash/ajax3.html diff --git a/Week1/traversy_ajax_crash/ajax3.js b/Week1/AmirHossein/traversy_ajax_crash/ajax3.js similarity index 100% rename from Week1/traversy_ajax_crash/ajax3.js rename to Week1/AmirHossein/traversy_ajax_crash/ajax3.js diff --git a/Week1/traversy_ajax_crash/sample.txt b/Week1/AmirHossein/traversy_ajax_crash/sample.txt similarity index 100% rename from Week1/traversy_ajax_crash/sample.txt rename to Week1/AmirHossein/traversy_ajax_crash/sample.txt diff --git a/Week1/traversy_ajax_crash/user.json b/Week1/AmirHossein/traversy_ajax_crash/user.json similarity index 100% rename from Week1/traversy_ajax_crash/user.json rename to Week1/AmirHossein/traversy_ajax_crash/user.json diff --git a/Week1/traversy_ajax_crash/users.json b/Week1/AmirHossein/traversy_ajax_crash/users.json similarity index 100% rename from Week1/traversy_ajax_crash/users.json rename to Week1/AmirHossein/traversy_ajax_crash/users.json 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/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 From 7a6f20d6e590ebdd52957cf8fee501481e9d03ba Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Sun, 20 Dec 2020 16:45:01 +0330 Subject: [PATCH 02/16] This is test --- Week2/AmirHossein/homework/js-exercises/johnWho.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Week2/AmirHossein/homework/js-exercises/johnWho.js b/Week2/AmirHossein/homework/js-exercises/johnWho.js index a99b02cf4..cd3c32705 100644 --- a/Week2/AmirHossein/homework/js-exercises/johnWho.js +++ b/Week2/AmirHossein/homework/js-exercises/johnWho.js @@ -13,4 +13,5 @@ const getAnonName = (firstName) => { }; -getAnonName() \ No newline at end of file +getAnonName() +somthing new \ No newline at end of file From 102f0ef9242b2b164a6ad293c82328a8477067cc Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Sun, 20 Dec 2020 17:37:34 +0330 Subject: [PATCH 03/16] Ex1 finished --- .../homework/js-exercises/johnWho.js | 26 +++++++++++-------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/Week2/AmirHossein/homework/js-exercises/johnWho.js b/Week2/AmirHossein/homework/js-exercises/johnWho.js index cd3c32705..90d5ca82a 100644 --- a/Week2/AmirHossein/homework/js-exercises/johnWho.js +++ b/Week2/AmirHossein/homework/js-exercises/johnWho.js @@ -1,17 +1,21 @@ 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!")) + const fullName = `${firstName} Doe`; + if(firstName) { + resolve(fullName); + } else { + reject(new Error("You didn't pass in a first name!")); + } + }); +}; + getAnonName('Masood') + .then(response => { + console.log(response) + }) + .catch(error => { + console.log(error) + }) - }) -}; -getAnonName() -somthing new \ No newline at end of file From 01b520d2f4dfd0a6afee256acbf9b3cfae557c66 Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Tue, 22 Dec 2020 12:35:54 +0330 Subject: [PATCH 04/16] Ex2 is added --- .../AmirHossein/homework/js-exercises/doubleDigit.js | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 Week2/AmirHossein/homework/js-exercises/doubleDigit.js diff --git a/Week2/AmirHossein/homework/js-exercises/doubleDigit.js b/Week2/AmirHossein/homework/js-exercises/doubleDigit.js new file mode 100644 index 000000000..2a975f4f2 --- /dev/null +++ b/Week2/AmirHossein/homework/js-exercises/doubleDigit.js @@ -0,0 +1,11 @@ +function checkDoubleDigits(number) { + return new Promise((resolve, reject) => { + if(number > 10) { + resolve('The number is bigger than 10!'); + } else { + reject('Error! The number is smaller than 10'); + }; + }); + +} +checkDoubleDigits(30).then(response => console.log(response)); \ No newline at end of file From e31194daa57ef16c22a680802040938f90eb5ace Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Tue, 22 Dec 2020 13:55:19 +0330 Subject: [PATCH 05/16] Pokoman app added - folders moved --- .../homework/js-exercises/dogGallery.js | 0 .../homework/js-exercises/getandomUser.js | 0 .../homework/js-exercises/humor.js | 0 .../homework/js-exercises/index.html | 0 Week2/AmirHossein/homework/pokemon-app/index.html | 13 +++++++++++++ Week2/AmirHossein/homework/pokemon-app/script.js | 12 ++++++++++++ 6 files changed, 25 insertions(+) rename Week1/{ => AmirHossein}/homework/js-exercises/dogGallery.js (100%) rename Week1/{ => AmirHossein}/homework/js-exercises/getandomUser.js (100%) rename Week1/{ => AmirHossein}/homework/js-exercises/humor.js (100%) rename Week1/{ => AmirHossein}/homework/js-exercises/index.html (100%) create mode 100644 Week2/AmirHossein/homework/pokemon-app/index.html create mode 100644 Week2/AmirHossein/homework/pokemon-app/script.js diff --git a/Week1/homework/js-exercises/dogGallery.js b/Week1/AmirHossein/homework/js-exercises/dogGallery.js similarity index 100% rename from Week1/homework/js-exercises/dogGallery.js rename to Week1/AmirHossein/homework/js-exercises/dogGallery.js diff --git a/Week1/homework/js-exercises/getandomUser.js b/Week1/AmirHossein/homework/js-exercises/getandomUser.js similarity index 100% rename from Week1/homework/js-exercises/getandomUser.js rename to Week1/AmirHossein/homework/js-exercises/getandomUser.js diff --git a/Week1/homework/js-exercises/humor.js b/Week1/AmirHossein/homework/js-exercises/humor.js similarity index 100% rename from Week1/homework/js-exercises/humor.js rename to Week1/AmirHossein/homework/js-exercises/humor.js diff --git a/Week1/homework/js-exercises/index.html b/Week1/AmirHossein/homework/js-exercises/index.html similarity index 100% rename from Week1/homework/js-exercises/index.html rename to Week1/AmirHossein/homework/js-exercises/index.html diff --git a/Week2/AmirHossein/homework/pokemon-app/index.html b/Week2/AmirHossein/homework/pokemon-app/index.html new file mode 100644 index 000000000..66a0ced7d --- /dev/null +++ b/Week2/AmirHossein/homework/pokemon-app/index.html @@ -0,0 +1,13 @@ + + + + + + Pokemon-app + + + + + + + \ No newline at end of file diff --git a/Week2/AmirHossein/homework/pokemon-app/script.js b/Week2/AmirHossein/homework/pokemon-app/script.js new file mode 100644 index 000000000..055bd3a90 --- /dev/null +++ b/Week2/AmirHossein/homework/pokemon-app/script.js @@ -0,0 +1,12 @@ +function main(fetchData, addPokemonToDOM) { + +} + + +function fetchData() { + fetch('https://pokeapi.co/api/v2/pokemon/1') + .then(function(res){ + console.log(res) + }) + +} \ No newline at end of file From 0d074dda67d6b43a7eebd99f07fbb0f131b67894 Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Wed, 23 Dec 2020 00:25:49 +0330 Subject: [PATCH 06/16] Ex3 is finished and added --- .../homework/pokemon-app/index.html | 4 +- .../homework/pokemon-app/script.js | 56 ++++++++++++++++--- 2 files changed, 52 insertions(+), 8 deletions(-) diff --git a/Week2/AmirHossein/homework/pokemon-app/index.html b/Week2/AmirHossein/homework/pokemon-app/index.html index 66a0ced7d..b4614f847 100644 --- a/Week2/AmirHossein/homework/pokemon-app/index.html +++ b/Week2/AmirHossein/homework/pokemon-app/index.html @@ -6,7 +6,9 @@ Pokemon-app - + diff --git a/Week2/AmirHossein/homework/pokemon-app/script.js b/Week2/AmirHossein/homework/pokemon-app/script.js index 055bd3a90..01aaad543 100644 --- a/Week2/AmirHossein/homework/pokemon-app/script.js +++ b/Week2/AmirHossein/homework/pokemon-app/script.js @@ -1,12 +1,54 @@ -function main(fetchData, addPokemonToDOM) { +window.onload = main; +function main() { + const url = 'https://pokeapi.co/api/v2/pokemon/?limit=20&offset=20' + const btn = document.createElement('button'); + btn.innerHTML = 'Get Pokemon!' + document.body.appendChild(btn); + const select = document.createElement('select'); + document.body.appendChild(select); + btn.addEventListener('click', () => [ + fetchData(url, select) + ]); + + +} + + +function addPokemonToDOM(data, select) { + data.results.forEach(element => { + const option = document.createElement('option'); + option.innerHTML = element.name; + option.value = element.name; + select.appendChild(option); + + }); + let image = document.createElement('img'); + select.addEventListener('input', () => { + data.results.forEach(element => { + if(select.value == element.name) { + const pokUrl = element.url; + image.src = '' + fetch(pokUrl) + .then(response => response.json()) + .then(data => { + image.src = data.sprites.front_default; + document.body.appendChild(image); + }) + .catch(error => console.log(error)) + } + + + }) + } ) + } +function fetchData(url, select) { + fetch(url) + .then(res => res.json()) + .then(data => addPokemonToDOM(data, select)) + .catch(error => console.log(error)); -function fetchData() { - fetch('https://pokeapi.co/api/v2/pokemon/1') - .then(function(res){ - console.log(res) - }) +} -} \ No newline at end of file From 883ae1f86aa32f841f148030f01bc9da39bb3b9c Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Wed, 23 Dec 2020 00:36:02 +0330 Subject: [PATCH 07/16] Minor bugs fixed --- Week2/AmirHossein/homework/pokemon-app/script.js | 5 ----- 1 file changed, 5 deletions(-) diff --git a/Week2/AmirHossein/homework/pokemon-app/script.js b/Week2/AmirHossein/homework/pokemon-app/script.js index 01aaad543..fc5382c91 100644 --- a/Week2/AmirHossein/homework/pokemon-app/script.js +++ b/Week2/AmirHossein/homework/pokemon-app/script.js @@ -9,11 +9,8 @@ function main() { btn.addEventListener('click', () => [ fetchData(url, select) ]); - - } - function addPokemonToDOM(data, select) { data.results.forEach(element => { const option = document.createElement('option'); @@ -40,8 +37,6 @@ function addPokemonToDOM(data, select) { }) } ) - - } function fetchData(url, select) { From 2914a782d2c8347f465defa2df630dd981a377cf Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Wed, 23 Dec 2020 14:56:14 +0330 Subject: [PATCH 08/16] Add folder Amirhossein to hackyourrepo-app --- hackyourrepo-app/{ => AmirHossein}/hyf.png | Bin hackyourrepo-app/{ => AmirHossein}/index.html | 0 hackyourrepo-app/{ => AmirHossein}/script.js | 0 hackyourrepo-app/{ => AmirHossein}/style.css | 0 4 files changed, 0 insertions(+), 0 deletions(-) rename hackyourrepo-app/{ => AmirHossein}/hyf.png (100%) mode change 100755 => 100644 rename hackyourrepo-app/{ => AmirHossein}/index.html (100%) mode change 100755 => 100644 rename hackyourrepo-app/{ => AmirHossein}/script.js (100%) mode change 100755 => 100644 rename hackyourrepo-app/{ => AmirHossein}/style.css (100%) mode change 100755 => 100644 diff --git a/hackyourrepo-app/hyf.png b/hackyourrepo-app/AmirHossein/hyf.png old mode 100755 new mode 100644 similarity index 100% rename from hackyourrepo-app/hyf.png rename to hackyourrepo-app/AmirHossein/hyf.png diff --git a/hackyourrepo-app/index.html b/hackyourrepo-app/AmirHossein/index.html old mode 100755 new mode 100644 similarity index 100% rename from hackyourrepo-app/index.html rename to hackyourrepo-app/AmirHossein/index.html diff --git a/hackyourrepo-app/script.js b/hackyourrepo-app/AmirHossein/script.js old mode 100755 new mode 100644 similarity index 100% rename from hackyourrepo-app/script.js rename to hackyourrepo-app/AmirHossein/script.js diff --git a/hackyourrepo-app/style.css b/hackyourrepo-app/AmirHossein/style.css old mode 100755 new mode 100644 similarity index 100% rename from hackyourrepo-app/style.css rename to hackyourrepo-app/AmirHossein/style.css From 4a5c10a92f241dd1717701382955f90679fc45bd Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Wed, 23 Dec 2020 19:12:27 +0330 Subject: [PATCH 09/16] Week2 project started --- hackyourrepo-app/AmirHossein/index.html | 59 -------------------- hackyourrepo-app/AmirHossein/index2.html | 65 ++++++++++++++++++++++ hackyourrepo-app/AmirHossein/script.js | 71 +++++++++++++++++------- 3 files changed, 115 insertions(+), 80 deletions(-) create mode 100644 hackyourrepo-app/AmirHossein/index2.html diff --git a/hackyourrepo-app/AmirHossein/index.html b/hackyourrepo-app/AmirHossein/index.html index c17533242..654eee321 100644 --- a/hackyourrepo-app/AmirHossein/index.html +++ b/hackyourrepo-app/AmirHossein/index.html @@ -20,65 +20,6 @@ -
- -
-
-
- - - - - - - - - - - - - - - - - - -
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/AmirHossein/index2.html b/hackyourrepo-app/AmirHossein/index2.html new file mode 100644 index 000000000..15146aea6 --- /dev/null +++ b/hackyourrepo-app/AmirHossein/index2.html @@ -0,0 +1,65 @@ + +
+ +
+
+
+ + + + + + + + + + + + + + + + + + +
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
+
+ +
+
+
+ + + + + + \ No newline at end of file diff --git a/hackyourrepo-app/AmirHossein/script.js b/hackyourrepo-app/AmirHossein/script.js index 705924282..19788a495 100644 --- a/hackyourrepo-app/AmirHossein/script.js +++ b/hackyourrepo-app/AmirHossein/script.js @@ -3,24 +3,53 @@ /* 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 +const elFactory = (type, attributes, ...children) => { + const el = document.createElement(type) + let key; + for (key in attributes) { + el.setAttribute(key, attributes[key]) + } + + children.forEach(child => { + if (typeof child === 'string') { + el.appendChild(document.createTextNode(child)) + } else { + el.appendChild(child) + } + }) + + return el +} + +const container = elFactory('div', {calss: 'container'}, + elFactory('section', {id: 'header'}, + elFactory('p', {}, 'HYF Repositories'), + elFactory('select', {calss: 'selectMenu'}, + elFactory('option', {value: ''}, 'alumni')) + )); + +const select = container.querySelector('select') +const para = container.querySelector('p') +console.log(para) + + +const header = container.querySelector('p') + + +document.body.appendChild(container) + + + + + + + + + + +// const container = document.createElement('div'); +// container.classList.add('container'); +// const header = document.createElement('section'); +// const title = document.createElement('') +// const selectMenu = document.createElement('select'); + From 7fdf479c5e75935b5c408bd02eb05dc445323f96 Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Thu, 24 Dec 2020 00:09:05 +0330 Subject: [PATCH 10/16] Element factory function is added --- hackyourrepo-app/AmirHossein/script.js | 23 ++++++++++++++++++++--- 1 file changed, 20 insertions(+), 3 deletions(-) diff --git a/hackyourrepo-app/AmirHossein/script.js b/hackyourrepo-app/AmirHossein/script.js index 19788a495..a3f813d03 100644 --- a/hackyourrepo-app/AmirHossein/script.js +++ b/hackyourrepo-app/AmirHossein/script.js @@ -25,9 +25,26 @@ const container = elFactory('div', {calss: 'container'}, elFactory('section', {id: 'header'}, elFactory('p', {}, 'HYF Repositories'), elFactory('select', {calss: 'selectMenu'}, - elFactory('option', {value: ''}, 'alumni')) - )); - + elFactory('option', {value: ''}, 'alumni'))), + elFactory('div', {class: 'bottom-box'}, + elFactory('section', {id: 'left-side'}, + elFactory('div', {calss: 'card'}, + elFactory('table', {}, + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Repositories: '), + elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1')) ), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Description: '), + elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Forks: '), + elFactory('td', {class: 'col-right rep-fork'}, '5')), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Update: '), + elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))))) + ); + + console.log(container); const select = container.querySelector('select') const para = container.querySelector('p') console.log(para) From 6fc32987ac65b19db708b06fb18aba74970d96d3 Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Thu, 24 Dec 2020 01:45:31 +0330 Subject: [PATCH 11/16] Elements are added to project week2 --- hackyourrepo-app/AmirHossein/index2.html | 25 +++++- hackyourrepo-app/AmirHossein/script.js | 98 ++++++++++++++++-------- hackyourrepo-app/AmirHossein/style.css | 2 +- 3 files changed, 91 insertions(+), 34 deletions(-) diff --git a/hackyourrepo-app/AmirHossein/index2.html b/hackyourrepo-app/AmirHossein/index2.html index 15146aea6..c1690d406 100644 --- a/hackyourrepo-app/AmirHossein/index2.html +++ b/hackyourrepo-app/AmirHossein/index2.html @@ -1,3 +1,24 @@ + + + + + + + + + + + + HackYourRepo + + +
+
isalga @@ -61,5 +82,5 @@ - + \ No newline at end of file diff --git a/hackyourrepo-app/AmirHossein/script.js b/hackyourrepo-app/AmirHossein/script.js index a3f813d03..d89a8efae 100644 --- a/hackyourrepo-app/AmirHossein/script.js +++ b/hackyourrepo-app/AmirHossein/script.js @@ -20,40 +20,76 @@ const elFactory = (type, attributes, ...children) => { return el } +const container = elFactory('div', {calss: 'container'}); +const header = elFactory('section', {id: 'header'}, + elFactory('p', {}, 'HYF Repositories'), + elFactory('select', {calss: 'selectMenu'}), + elFactory('option', {value: ''}, 'alumni')); +const bottomBox = elFactory('div', {class: 'bottom-box'}); +const leftSide = elFactory('section', {id: 'left-side'}, + elFactory('div', {calss: 'card'}, + elFactory('table', {}), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Repositories: '), + elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1'))), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Description: '), + elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Forks: '), + elFactory('td', {class: 'col-right rep-fork'}, '5')), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Update: '), + elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))); + +const rightSide = elFactory('section', {id: 'right-side'}, + elFactory('div', {id: 'contributor'}, 'Contributors'), + elFactory('div', {class: 'card samll-card'}, + elFactory('img', {src: 'https://avatars3.githubusercontent.com/u/3985124?v=4', calss: 'userPhoto', width: '50px'}), + elFactory('a', {href: '', class: 'userName'}, 'Isabela'), + elFactory('div', {class: 'badge'}, '9'))) + +container.appendChild(header); +bottomBox.appendChild(leftSide); +bottomBox.appendChild(rightSide) +container.appendChild(bottomBox); +document.body.appendChild(container) +console.log(container) + + +// const container = elFactory('div', {calss: 'container'}, +// elFactory('section', {id: 'header'}, +// elFactory('p', {}, 'HYF Repositories'), +// elFactory('select', {calss: 'selectMenu'}, +// elFactory('option', {value: ''}, 'alumni'))), +// elFactory('div', {class: 'bottom-box'}, +// elFactory('section', {id: 'left-side'}, +// elFactory('div', {calss: 'card'}, +// elFactory('table', {}, +// elFactory('tr', {}, +// elFactory('td', {class: 'col-left'}, 'Repositories: '), +// elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1')) ), +// elFactory('tr', {}, +// elFactory('td', {class: 'col-left'}, 'Description: '), +// elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')), +// elFactory('tr', {}, +// elFactory('td', {class: 'col-left'}, 'Forks: '), +// elFactory('td', {class: 'col-right rep-fork'}, '5')), +// elFactory('tr', {}, +// elFactory('td', {class: 'col-left'}, 'Update: '), +// elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))))) +// ); + +// console.log(container); +// const select = container.querySelector('select') +// const para = container.querySelector('p') +// console.log(para) + + + -const container = elFactory('div', {calss: 'container'}, - elFactory('section', {id: 'header'}, - elFactory('p', {}, 'HYF Repositories'), - elFactory('select', {calss: 'selectMenu'}, - elFactory('option', {value: ''}, 'alumni'))), - elFactory('div', {class: 'bottom-box'}, - elFactory('section', {id: 'left-side'}, - elFactory('div', {calss: 'card'}, - elFactory('table', {}, - elFactory('tr', {}, - elFactory('td', {class: 'col-left'}, 'Repositories: '), - elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1')) ), - elFactory('tr', {}, - elFactory('td', {class: 'col-left'}, 'Description: '), - elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')), - elFactory('tr', {}, - elFactory('td', {class: 'col-left'}, 'Forks: '), - elFactory('td', {class: 'col-right rep-fork'}, '5')), - elFactory('tr', {}, - elFactory('td', {class: 'col-left'}, 'Update: '), - elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))))) - ); - - console.log(container); -const select = container.querySelector('select') -const para = container.querySelector('p') -console.log(para) - - -const header = container.querySelector('p') -document.body.appendChild(container) diff --git a/hackyourrepo-app/AmirHossein/style.css b/hackyourrepo-app/AmirHossein/style.css index 64627fdfd..bba6059cf 100644 --- a/hackyourrepo-app/AmirHossein/style.css +++ b/hackyourrepo-app/AmirHossein/style.css @@ -29,7 +29,6 @@ p { } .bottom-box { - display: flex; flex-direction: row; height: auto; @@ -76,6 +75,7 @@ p { } .small-card { display: flex; + border: 3px solid black; justify-content: flex-start; align-items: center; margin: 0.4rem; From da65b190887a03257fa97520e5d58261bf4f2f4a Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Thu, 24 Dec 2020 11:53:06 +0330 Subject: [PATCH 12/16] Projec's element is added --- hackyourrepo-app/AmirHossein/script.js | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/hackyourrepo-app/AmirHossein/script.js b/hackyourrepo-app/AmirHossein/script.js index d89a8efae..554b1fb80 100644 --- a/hackyourrepo-app/AmirHossein/script.js +++ b/hackyourrepo-app/AmirHossein/script.js @@ -26,9 +26,11 @@ const header = elFactory('section', {id: 'header'}, elFactory('select', {calss: 'selectMenu'}), elFactory('option', {value: ''}, 'alumni')); const bottomBox = elFactory('div', {class: 'bottom-box'}); -const leftSide = elFactory('section', {id: 'left-side'}, - elFactory('div', {calss: 'card'}, - elFactory('table', {}), +const leftSide = elFactory('section', {id: 'left-side'}) + + +const card = elFactory('div', {calss: 'card'}, + elFactory('table', {}, elFactory('tr', {}, elFactory('td', {class: 'col-left'}, 'Repositories: '), elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1'))), @@ -42,13 +44,16 @@ const leftSide = elFactory('section', {id: 'left-side'}, elFactory('td', {class: 'col-left'}, 'Update: '), elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))); + const rightSide = elFactory('section', {id: 'right-side'}, - elFactory('div', {id: 'contributor'}, 'Contributors'), - elFactory('div', {class: 'card samll-card'}, + elFactory('div', {id: 'contributor'}, 'Contributors')); +const smallCard = elFactory('div', {class: 'card samll-card'}, elFactory('img', {src: 'https://avatars3.githubusercontent.com/u/3985124?v=4', calss: 'userPhoto', width: '50px'}), elFactory('a', {href: '', class: 'userName'}, 'Isabela'), - elFactory('div', {class: 'badge'}, '9'))) + elFactory('div', {class: 'badge'}, '9')); +leftSide.appendChild(card) +rightSide.appendChild(smallCard) container.appendChild(header); bottomBox.appendChild(leftSide); bottomBox.appendChild(rightSide) From dead44aeb59babee7cd47e5f7c5a7521304dfc38 Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Thu, 24 Dec 2020 17:45:53 +0330 Subject: [PATCH 13/16] LEft box is finished --- hackyourrepo-app/AmirHossein/script.js | 129 +++++++++++++++---------- 1 file changed, 76 insertions(+), 53 deletions(-) diff --git a/hackyourrepo-app/AmirHossein/script.js b/hackyourrepo-app/AmirHossein/script.js index 554b1fb80..609d966dc 100644 --- a/hackyourrepo-app/AmirHossein/script.js +++ b/hackyourrepo-app/AmirHossein/script.js @@ -3,37 +3,42 @@ /* Write here your JavaScript for HackYourRepo! */ +window.onload = main; + +function main() { + +} +const url = 'https://api.github.com/orgs/HackYourFuture/repos?per_page=100'; const elFactory = (type, attributes, ...children) => { - const el = document.createElement(type) + const el = document.createElement(type); let key; for (key in attributes) { - el.setAttribute(key, attributes[key]) - } + el.setAttribute(key, attributes[key]); + }; children.forEach(child => { if (typeof child === 'string') { - el.appendChild(document.createTextNode(child)) + el.appendChild(document.createTextNode(child)); } else { - el.appendChild(child) + el.appendChild(child); } - }) + }); return el -} +}; + const container = elFactory('div', {calss: 'container'}); -const header = elFactory('section', {id: 'header'}, +const header = elFactory('section', {id: 'header'}, //Header section elFactory('p', {}, 'HYF Repositories'), - elFactory('select', {calss: 'selectMenu'}), - elFactory('option', {value: ''}, 'alumni')); + elFactory('select', {calss: 'selectMenu'} + )); const bottomBox = elFactory('div', {class: 'bottom-box'}); -const leftSide = elFactory('section', {id: 'left-side'}) - - -const card = elFactory('div', {calss: 'card'}, +const leftSide = elFactory('section', {id: 'left-side'}); +const card = elFactory('div', {calss: 'card'}, // Leftside table elFactory('table', {}, elFactory('tr', {}, elFactory('td', {class: 'col-left'}, 'Repositories: '), - elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1'))), + elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, ))), elFactory('tr', {}, elFactory('td', {class: 'col-left'}, 'Description: '), elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')), @@ -44,7 +49,6 @@ const card = elFactory('div', {calss: 'card'}, elFactory('td', {class: 'col-left'}, 'Update: '), elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))); - const rightSide = elFactory('section', {id: 'right-side'}, elFactory('div', {id: 'contributor'}, 'Contributors')); const smallCard = elFactory('div', {class: 'card samll-card'}, @@ -52,49 +56,73 @@ const smallCard = elFactory('div', {class: 'card samll-card'}, elFactory('a', {href: '', class: 'userName'}, 'Isabela'), elFactory('div', {class: 'badge'}, '9')); -leftSide.appendChild(card) -rightSide.appendChild(smallCard) +leftSide.appendChild(card); +rightSide.appendChild(smallCard); container.appendChild(header); bottomBox.appendChild(leftSide); bottomBox.appendChild(rightSide) container.appendChild(bottomBox); document.body.appendChild(container) -console.log(container) - - -// const container = elFactory('div', {calss: 'container'}, -// elFactory('section', {id: 'header'}, -// elFactory('p', {}, 'HYF Repositories'), -// elFactory('select', {calss: 'selectMenu'}, -// elFactory('option', {value: ''}, 'alumni'))), -// elFactory('div', {class: 'bottom-box'}, -// elFactory('section', {id: 'left-side'}, -// elFactory('div', {calss: 'card'}, -// elFactory('table', {}, -// elFactory('tr', {}, -// elFactory('td', {class: 'col-left'}, 'Repositories: '), -// elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1')) ), -// elFactory('tr', {}, -// elFactory('td', {class: 'col-left'}, 'Description: '), -// elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')), -// elFactory('tr', {}, -// elFactory('td', {class: 'col-left'}, 'Forks: '), -// elFactory('td', {class: 'col-right rep-fork'}, '5')), -// elFactory('tr', {}, -// elFactory('td', {class: 'col-left'}, 'Update: '), -// elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))))) -// ); - -// console.log(container); -// const select = container.querySelector('select') -// const para = container.querySelector('p') -// console.log(para) +const select = header.querySelector('select'); + + + + +function addrepoNames(data) { + + data.forEach(element => { + const option = elFactory('option', {value: ''}) + option.innerHTML = element.name; + option.value = element.name; + select.appendChild(option); + }); + + select.addEventListener('input', () => { + data.forEach(element => { + if(select.value === element.name) { + const repoDescription = card.querySelector('.rep-description'); + repoDescription.innerHTML = element.description; + const repoName = card.querySelector('.repo-link'); + repoName.innerHTML = element.name; + repoName.href = element.html_url; + const forks = card.querySelector('.rep-fork'); + forks.innerHTML = element.forks; + const update = card.querySelector('.rep-update'); + update.innerHTML = element.updated_at; + const smallCard = elFactory('div', {class: 'card samll-card'}, + elFactory('img', {src: 'https://avatars3.githubusercontent.com/u/3985124?v=4', calss: 'userPhoto', width: '50px'}), + elFactory('a', {href: '', class: 'userName'}, 'Isabela'), + elFactory('div', {class: 'badge'}, '9')); + const contributorsUrl = element.contributors_url; + fetch(contributorsUrl) + .then(response => response.json()) + .then(data2 => console.log(data2)) + // image.src = '' + // fetch(pokUrl) + // .then(response => response.json()) + // .then(data => { + // image.src = data.sprites.front_default; + // document.body.appendChild(image); + // }) + // .catch(error => console.log(error)) + } + + + }) + }) +}; +function fetchData(url) { + fetch(url) + .then(res => res.json()) + .then(data => addrepoNames(data)) +} +fetchData(url); @@ -105,9 +133,4 @@ console.log(container) -// const container = document.createElement('div'); -// container.classList.add('container'); -// const header = document.createElement('section'); -// const title = document.createElement('') -// const selectMenu = document.createElement('select'); From 777ae24362df9d3c00433401e9fa4e9237b098fd Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Sat, 26 Dec 2020 21:54:27 +0330 Subject: [PATCH 14/16] Some major bugs of project is fixed --- .../pokemon-app/.vscode/settings.json | 3 + hackyourrepo-app/AmirHossein/script.js | 100 ++++++++++++------ hackyourrepo-app/AmirHossein/style.css | 16 +-- 3 files changed, 78 insertions(+), 41 deletions(-) create mode 100644 Week2/AmirHossein/homework/pokemon-app/.vscode/settings.json diff --git a/Week2/AmirHossein/homework/pokemon-app/.vscode/settings.json b/Week2/AmirHossein/homework/pokemon-app/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/Week2/AmirHossein/homework/pokemon-app/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/hackyourrepo-app/AmirHossein/script.js b/hackyourrepo-app/AmirHossein/script.js index 609d966dc..d7239da5c 100644 --- a/hackyourrepo-app/AmirHossein/script.js +++ b/hackyourrepo-app/AmirHossein/script.js @@ -49,15 +49,20 @@ const card = elFactory('div', {calss: 'card'}, // Leftside table elFactory('td', {class: 'col-left'}, 'Update: '), elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))); -const rightSide = elFactory('section', {id: 'right-side'}, - elFactory('div', {id: 'contributor'}, 'Contributors')); -const smallCard = elFactory('div', {class: 'card samll-card'}, - elFactory('img', {src: 'https://avatars3.githubusercontent.com/u/3985124?v=4', calss: 'userPhoto', width: '50px'}), - elFactory('a', {href: '', class: 'userName'}, 'Isabela'), - elFactory('div', {class: 'badge'}, '9')); + + const rightSide = elFactory('section', {id: 'right-side'}, + elFactory('div', {id: 'contributor'}, 'Contributors')); + +// const smallCard = elFactory('div', {class: 'card samll-card'}, +// elFactory('img', {src: '', calss: 'userPhoto', width: '50px'}), +// elFactory('a', {href: '', class: 'userName'}, ''), +// elFactory('div', {class: 'badge'}, '')); + + + leftSide.appendChild(card); -rightSide.appendChild(smallCard); +// rightSide.appendChild(smallCard); container.appendChild(header); bottomBox.appendChild(leftSide); bottomBox.appendChild(rightSide) @@ -68,7 +73,6 @@ const select = header.querySelector('select'); - function addrepoNames(data) { data.forEach(element => { @@ -78,35 +82,59 @@ function addrepoNames(data) { select.appendChild(option); }); + + + select.addEventListener('input', () => { + + rightSide.innerHTML = '' + data.forEach(element => { - if(select.value === element.name) { - const repoDescription = card.querySelector('.rep-description'); - repoDescription.innerHTML = element.description; - const repoName = card.querySelector('.repo-link'); - repoName.innerHTML = element.name; - repoName.href = element.html_url; - const forks = card.querySelector('.rep-fork'); - forks.innerHTML = element.forks; - const update = card.querySelector('.rep-update'); - update.innerHTML = element.updated_at; - const smallCard = elFactory('div', {class: 'card samll-card'}, - elFactory('img', {src: 'https://avatars3.githubusercontent.com/u/3985124?v=4', calss: 'userPhoto', width: '50px'}), - elFactory('a', {href: '', class: 'userName'}, 'Isabela'), - elFactory('div', {class: 'badge'}, '9')); - const contributorsUrl = element.contributors_url; - fetch(contributorsUrl) - .then(response => response.json()) - .then(data2 => console.log(data2)) - // image.src = '' - // fetch(pokUrl) - // .then(response => response.json()) - // .then(data => { - // image.src = data.sprites.front_default; - // document.body.appendChild(image); - // }) - // .catch(error => console.log(error)) - } + + if(select.value === element.name) { + const repoDescription = card.querySelector('.rep-description'); + const repoName = card.querySelector('.repo-link'); + const forks = card.querySelector('.rep-fork'); + const update = card.querySelector('.rep-update'); + repoDescription.innerHTML = element.description; + repoName.innerHTML = element.name; + repoName.href = element.html_url; + forks.innerHTML = element.forks; + update.innerHTML = element.updated_at; + + + + const contributorsUrl = element.contributors_url; + console.log(contributorsUrl); + + fetch(contributorsUrl) + .then(response => response.json()) + .then(data2 => { + console.log(data2) + data2.forEach(element2 => { + + const smallCard = elFactory('div', {class: 'card samll-card'}, + elFactory('img', {src: '', calss: 'userPhoto', width: '50px'}), + elFactory('a', {href: '', class: 'userName'}, ''), + elFactory('div', {class: 'badge'}, '')); + + const userName = smallCard.querySelector('.userName'); + const image = smallCard.querySelector('img'); + const badge = smallCard.querySelector('.badge'); + image.src = element2.avatar_url; + userName.innerHTML = element2.login; + userName.href = element2.html_url; + badge.innerHTML = element2.contributions; + + rightSide.appendChild(smallCard) + + }) + + + }) + + // .catch(error => console.log(error)) + } }) @@ -114,6 +142,8 @@ function addrepoNames(data) { }; + + function fetchData(url) { fetch(url) diff --git a/hackyourrepo-app/AmirHossein/style.css b/hackyourrepo-app/AmirHossein/style.css index bba6059cf..7c4b46c3a 100644 --- a/hackyourrepo-app/AmirHossein/style.css +++ b/hackyourrepo-app/AmirHossein/style.css @@ -6,6 +6,11 @@ padding: 0; box-sizing: border-box; +} +.container { + width: 80%; + margin: 0 auto; + } #header { @@ -17,15 +22,12 @@ padding: 20px; } -p { - margin-right: 30px; -} -.container { - width: 80%; - margin: 0 auto; + +p { + margin-right: 30px; } .bottom-box { @@ -62,6 +64,7 @@ p { width: 50%; } + #contributor { margin-top: 10px; margin-left:0.4rem; @@ -73,6 +76,7 @@ p { border-bottom: none; height: 3em; } + .small-card { display: flex; border: 3px solid black; From c65245a3c78d18e1e3a72ac1618d96fa846d2d01 Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Sun, 27 Dec 2020 10:17:57 +0330 Subject: [PATCH 15/16] Hackyourepo project - insert items to DOM is done --- hackyourrepo-app/AmirHossein/script.js | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/hackyourrepo-app/AmirHossein/script.js b/hackyourrepo-app/AmirHossein/script.js index d7239da5c..110b83f0e 100644 --- a/hackyourrepo-app/AmirHossein/script.js +++ b/hackyourrepo-app/AmirHossein/script.js @@ -49,9 +49,11 @@ const card = elFactory('div', {calss: 'card'}, // Leftside table elFactory('td', {class: 'col-left'}, 'Update: '), elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))); +const rightSide = elFactory('section', {id: 'right-side'}, + elFactory('div', {id: 'contributor'}, 'Contributors')); + +const cardName = elFactory('div', {id: 'cardNameBox'}); - const rightSide = elFactory('section', {id: 'right-side'}, - elFactory('div', {id: 'contributor'}, 'Contributors')); // const smallCard = elFactory('div', {class: 'card samll-card'}, // elFactory('img', {src: '', calss: 'userPhoto', width: '50px'}), @@ -61,20 +63,19 @@ const card = elFactory('div', {calss: 'card'}, // Leftside table -leftSide.appendChild(card); -// rightSide.appendChild(smallCard); + container.appendChild(header); bottomBox.appendChild(leftSide); -bottomBox.appendChild(rightSide) +bottomBox.appendChild(rightSide); +leftSide.appendChild(card); +rightSide.appendChild(cardName); container.appendChild(bottomBox); document.body.appendChild(container) const select = header.querySelector('select'); - function addrepoNames(data) { - data.forEach(element => { const option = elFactory('option', {value: ''}) option.innerHTML = element.name; @@ -86,8 +87,9 @@ function addrepoNames(data) { select.addEventListener('input', () => { - - rightSide.innerHTML = '' + // let rightSide = elFactory('section', {id: 'right-side'}, + // elFactory('div', {id: 'contributor'}, 'Contributors')); + cardName.innerHTML = '' data.forEach(element => { @@ -126,7 +128,7 @@ function addrepoNames(data) { userName.href = element2.html_url; badge.innerHTML = element2.contributions; - rightSide.appendChild(smallCard) + cardName.appendChild(smallCard) }) From 5f72ae795fbcc3e2ae722e3acd51aa5b307d5963 Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Sun, 27 Dec 2020 12:43:59 +0330 Subject: [PATCH 16/16] Hackyourrepo project is finish and added --- hackyourrepo-app/AmirHossein/script.js | 263 ++++++++++++------------- hackyourrepo-app/AmirHossein/style.css | 36 +++- 2 files changed, 152 insertions(+), 147 deletions(-) diff --git a/hackyourrepo-app/AmirHossein/script.js b/hackyourrepo-app/AmirHossein/script.js index 110b83f0e..a283717af 100644 --- a/hackyourrepo-app/AmirHossein/script.js +++ b/hackyourrepo-app/AmirHossein/script.js @@ -6,155 +6,136 @@ window.onload = main; function main() { + const url = 'https://api.github.com/orgs/HackYourFuture/repos?per_page=100'; // The repositories API + const elFactory = (type, attributes, ...children) => { // Function for creating elements + const el = document.createElement(type); + let key; + for (key in attributes) { + el.setAttribute(key, attributes[key]); + }; + + children.forEach(child => { + if (typeof child === 'string') { + el.appendChild(document.createTextNode(child)); + } else { + el.appendChild(child); + } + }); -} -const url = 'https://api.github.com/orgs/HackYourFuture/repos?per_page=100'; -const elFactory = (type, attributes, ...children) => { - const el = document.createElement(type); - let key; - for (key in attributes) { - el.setAttribute(key, attributes[key]); + return el }; - children.forEach(child => { - if (typeof child === 'string') { - el.appendChild(document.createTextNode(child)); - } else { - el.appendChild(child); - } - }); - - return el -}; - -const container = elFactory('div', {calss: 'container'}); -const header = elFactory('section', {id: 'header'}, //Header section - elFactory('p', {}, 'HYF Repositories'), - elFactory('select', {calss: 'selectMenu'} - )); -const bottomBox = elFactory('div', {class: 'bottom-box'}); -const leftSide = elFactory('section', {id: 'left-side'}); -const card = elFactory('div', {calss: 'card'}, // Leftside table - elFactory('table', {}, - elFactory('tr', {}, - elFactory('td', {class: 'col-left'}, 'Repositories: '), - elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, ))), - elFactory('tr', {}, - elFactory('td', {class: 'col-left'}, 'Description: '), - elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')), - elFactory('tr', {}, - elFactory('td', {class: 'col-left'}, 'Forks: '), - elFactory('td', {class: 'col-right rep-fork'}, '5')), - elFactory('tr', {}, - elFactory('td', {class: 'col-left'}, 'Update: '), - elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00')))); - -const rightSide = elFactory('section', {id: 'right-side'}, - elFactory('div', {id: 'contributor'}, 'Contributors')); - -const cardName = elFactory('div', {id: 'cardNameBox'}); - - -// const smallCard = elFactory('div', {class: 'card samll-card'}, -// elFactory('img', {src: '', calss: 'userPhoto', width: '50px'}), -// elFactory('a', {href: '', class: 'userName'}, ''), -// elFactory('div', {class: 'badge'}, '')); - - - - - -container.appendChild(header); -bottomBox.appendChild(leftSide); -bottomBox.appendChild(rightSide); -leftSide.appendChild(card); -rightSide.appendChild(cardName); -container.appendChild(bottomBox); -document.body.appendChild(container) - -const select = header.querySelector('select'); - - -function addrepoNames(data) { - data.forEach(element => { - const option = elFactory('option', {value: ''}) - option.innerHTML = element.name; - option.value = element.name; - select.appendChild(option); - }); - - - - - select.addEventListener('input', () => { - // let rightSide = elFactory('section', {id: 'right-side'}, - // elFactory('div', {id: 'contributor'}, 'Contributors')); - cardName.innerHTML = '' - + const container = elFactory('div', {class: 'container'}); + const header = elFactory('section', {id: 'header'}, + elFactory('p', {}, 'HYF Repositories'), + elFactory('select', {class: 'selectMenu'} + )); + const bottomBox = elFactory('div', {class: 'bottom-box'}); + const errorBox = elFactory('div', {id: 'error'}); + const leftSide = elFactory('section', {id: 'left-side'}); + const card = elFactory('div', {class: 'card'}, // Cards that inserted to the left box. + elFactory('table', {}, + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Repositories: '), + elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, ))), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Description: '), + elFactory('td', {class: 'col-right rep-description'}, '')), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Forks: '), + elFactory('td', {class: 'col-right rep-fork'}, '')), + elFactory('tr', {}, + elFactory('td', {class: 'col-left'}, 'Update: '), + elFactory('td', {class: 'col-right rep-update'}, '')))); + + const rightSide = elFactory('section', {id: 'right-side'}, + elFactory('div', {id: 'contributor'}, 'Contributors')); + const select = header.querySelector('select'); + const cardName = elFactory('div', {id: 'cardNameBox'}); // Box to add small cards of contributors + container.appendChild(header); + container.appendChild(errorBox); + bottomBox.appendChild(leftSide); + bottomBox.appendChild(rightSide); + leftSide.appendChild(card); + rightSide.appendChild(cardName); + container.appendChild(bottomBox); + document.body.appendChild(container) + + // Adding repository names to the select element. + function addrepoNames(data) { data.forEach(element => { - - if(select.value === element.name) { - const repoDescription = card.querySelector('.rep-description'); - const repoName = card.querySelector('.repo-link'); - const forks = card.querySelector('.rep-fork'); - const update = card.querySelector('.rep-update'); - repoDescription.innerHTML = element.description; - repoName.innerHTML = element.name; - repoName.href = element.html_url; - forks.innerHTML = element.forks; - update.innerHTML = element.updated_at; - - - - const contributorsUrl = element.contributors_url; - console.log(contributorsUrl); - - fetch(contributorsUrl) - .then(response => response.json()) - .then(data2 => { - console.log(data2) - data2.forEach(element2 => { - - const smallCard = elFactory('div', {class: 'card samll-card'}, - elFactory('img', {src: '', calss: 'userPhoto', width: '50px'}), - elFactory('a', {href: '', class: 'userName'}, ''), - elFactory('div', {class: 'badge'}, '')); - - const userName = smallCard.querySelector('.userName'); - const image = smallCard.querySelector('img'); - const badge = smallCard.querySelector('.badge'); - image.src = element2.avatar_url; - userName.innerHTML = element2.login; - userName.href = element2.html_url; - badge.innerHTML = element2.contributions; - - cardName.appendChild(smallCard) - - }) - - - }) - - // .catch(error => console.log(error)) - } - - + const option = elFactory('option', {value: ''}) + option.innerHTML = element.name; + option.value = element.name; + + select.appendChild(option); + }); + + // Function to fetch data for items in select elemen. + select.addEventListener('input', () => { + document.querySelector('#left-side').style.display = 'block'; + document.querySelector('#contributor').style.display = 'block'; + cardName.innerHTML = '' + // IF the value of option is equal to element name this function will work. + // Despite showing error this section still works! I don't know how should I fix it. + data.forEach(element => { + if(select.value == element.name) { + // Adding items to description part + const repoDescription = card.querySelector('.rep-description'); + const repoName = card.querySelector('.repo-link'); + const forks = card.querySelector('.rep-fork'); + const update = card.querySelector('.rep-update'); + repoDescription.innerHTML = element.description; + repoName.innerHTML = element.name; + repoName.href = element.html_url; + forks.innerHTML = element.forks; + update.innerHTML = element.updated_at; + + const contributorsUrl = element.contributors_url; // URL of contributors + fetch(contributorsUrl) + .then(response => response.json()) + + // Creat and adding contributors name to the right side of the page. + .then(data2 => { + data2.forEach(element2 => { + const smallCard = elFactory('div', {class: 'card small-card'}, + elFactory('img', {src: '', class: 'userPhoto', width: '50px'}), + elFactory('a', {href: '', class: 'userName'}, ''), + elFactory('div', {class: 'badge'}, '')); + const userName = smallCard.querySelector('.userName'); + const image = smallCard.querySelector('img'); + const badge = smallCard.querySelector('.badge'); + image.src = element2.avatar_url; + userName.innerHTML = element2.login; + userName.href = element2.html_url; + badge.innerHTML = element2.contributions; + document.getElementById('error').style.display = 'none'; + cardName.appendChild(smallCard) + }) + }) + .catch(error => { + errorBox.innerHTML = error; + document.getElementById('error').style.display = 'block'; + }) + console.log(container) + } + }) }) - }) - -}; - - - -function fetchData(url) { - - fetch(url) - .then(res => res.json()) - .then(data => addrepoNames(data)) + }; + function fetchData() { + fetch(url) + .then(res => res.json()) + .then(data => addrepoNames(data)) + .catch(error => { + errorBox.innerHTML = error; + document.getElementById('error').style.display = 'block'; + }) + } + fetchData(); } -fetchData(url); + diff --git a/hackyourrepo-app/AmirHossein/style.css b/hackyourrepo-app/AmirHossein/style.css index 7c4b46c3a..2cf35bd15 100644 --- a/hackyourrepo-app/AmirHossein/style.css +++ b/hackyourrepo-app/AmirHossein/style.css @@ -11,6 +11,7 @@ width: 80%; margin: 0 auto; + } #header { @@ -23,7 +24,18 @@ } - +#error { + width: auto; + margin-top: 5px; + padding: 10px; + 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); + background-color: lightpink; + color: black; + display: none; +} p { @@ -34,31 +46,41 @@ p { display: flex; flex-direction: row; height: auto; + } #left-side { margin-top: 10px; width: 50%; + display: none; } + .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); + 0px 0px 4px 0px rgba(0, 0, 0, .15), + 1px 2px 2px 0px rgba(0, 0, 0, .2); font-size: 2vmin; } + .card .col-right { padding-left: 30px; padding-right: 25px; + font-size: 0.9rem; } -.col-left { + +.col-left { + font-weight: bold; + font-size: 0.9rem; padding: 5px 0 0 5px; } + + #right-side { width: 50%; @@ -75,14 +97,16 @@ p { border: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; height: 3em; + display: none; + } .small-card { display: flex; - border: 3px solid black; justify-content: flex-start; align-items: center; margin: 0.4rem; + font-size: 0.9rem; } img { margin: 1rem; @@ -96,5 +120,5 @@ img { border-radius: 4px; margin-right: 1rem; margin-top: 1.3rem; - padding: 0.1rem 0.8rem; + padding: 0.2rem 0.4rem; }