From 56d42ffa8d446160e4849302d9b3bfca70534bc8 Mon Sep 17 00:00:00 2001 From: robvk Date: Thu, 5 Nov 2020 09:43:01 +0100 Subject: [PATCH 1/7] Update MAKEME.md Fixed broken image (pagination) --- Week3/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index fc6d346c2..53a8adaba 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -136,7 +136,7 @@ You might have noticed that when a user selects a repository that has many contr What is pagination? Take a look at this: -![Pagination Example](https://lorisleiva.com/assets/img/pagination_1.1785fc69.png) +![Pagination Example](https://lorisleiva.com/content/images/2020/10/laravel-pagination-with-tailwindcss.png) In the illustration, each number represents a page. You might have seen it before on websites like Amazon, when you're browsing through different products. From d151bff8b7be9cff1b318a705d174b63c73738f0 Mon Sep 17 00:00:00 2001 From: Martijn Arts Date: Fri, 6 Nov 2020 11:57:02 +0100 Subject: [PATCH 2/7] Fix Async/Await callback example As caught by @shenshin --- Week3/README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Week3/README.md b/Week3/README.md index 269b36504..03d8d09ab 100644 --- a/Week3/README.md +++ b/Week3/README.md @@ -253,9 +253,9 @@ Last week you learned about Promises. To recap, here's what we learned: in order At first we learned about callbacks, as a way to do this: ```js -const someFunc(param1, callback) { - const callback(param1); - return; +function someFunc(param1, callback) { + const result = callback(param1); + return result; } ``` From b8430d11c650619185b4362c31c8b21153776e3a Mon Sep 17 00:00:00 2001 From: Martijn Arts Date: Sat, 7 Nov 2020 13:41:04 +0100 Subject: [PATCH 3/7] Fix explanation saying you can do `=> 5` in JS This claimed you can leave out the parentheses if you have _no_ parameters, which is false. You cannot do `const x = => 5;` --- Week2/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week2/README.md b/Week2/README.md index d7f6c5c4c..83dc0525a 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -143,7 +143,7 @@ const addNum = (num1, num2) => { If you've done some research, you may come to the following conclusions: 1. First of all, the Arrow Function is anonymous by design. If we want to refer to it, we should store it into a variable. -2. Secondly, the way Arrow Functions can be written can differ (while still working the same way). Sometimes you don't need the `()` if there's a single or no parameters. Sometimes you can `return` a value without use for the `return` keyword. +2. Secondly, the way Arrow Functions can be written can differ (while still working the same way). Sometimes you don't need the `()` if there's a single parameter. Sometimes you can `return` a value without use for the `return` keyword. Another big important feature of Arrow Functions (and difference with ES5 functions) is the way they relate to the `this` keyword: instead of creating a new `this` object, it actually inherits it from the parent scope! From 32ae03a7a304e7f2257cc82ec9c09948243f3e67 Mon Sep 17 00:00:00 2001 From: Martijn Arts Date: Sat, 7 Nov 2020 13:43:48 +0100 Subject: [PATCH 4/7] Forgotten `()` in function call --- Week2/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week2/README.md b/Week2/README.md index d7f6c5c4c..dbbec37c1 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -180,7 +180,7 @@ const wouter = { In this example `this` refers to the complete `wouter` object. If we execute `wouter.getFullName()`, we get back the value of `wouter.firstName` and `wouter.lastName`. ```js -wouter.getFullName; // Result: Wouter Kleijn +wouter.getFullName(); // Result: Wouter Kleijn ``` As you can imagine, this means that there can be multiple `this` keywords at play: the global `this` keyword (which refers to the `window` object) and a `this` keyword for every object that is created within the application. From d610094f01adcefc442e4a4204c90bd93ce9a9f5 Mon Sep 17 00:00:00 2001 From: robvk Date: Sat, 19 Dec 2020 14:17:19 +0100 Subject: [PATCH 5/7] Update MAKEME.md --- Week1/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md index f4eaae7d2..6f040f6bc 100644 --- a/Week1/MAKEME.md +++ b/Week1/MAKEME.md @@ -127,7 +127,7 @@ After you've finished your todo list it's time to show us what you got! The home 1. JavaScript exercises 2. PROJECT: HackYourRepo I -Upload both to your forked JavaScript3 repository in GitHub. Make a pull request to your teacher's forked repository. +Upload both to your forked JavaScript3 repository in GitHub. Make a pull request to the HackYourHomework forked repository. > Forgotten how to upload your homework? Go through the [guide](../hand-in-homework-guide.md) to learn how to do this again. From 56cc3887c9338e28b1a14189fd6f4a7388de1c61 Mon Sep 17 00:00:00 2001 From: robvk Date: Sun, 27 Dec 2020 18:59:57 +0100 Subject: [PATCH 6/7] Update MAKEME.md --- Week3/MAKEME.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 53a8adaba..7e1046f70 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -154,6 +154,8 @@ Good luck! After you've finished your todo list it's time to show us what you got! The homework that needs to be submitted is the following: +1. PROJECT: HackYourRepo III + Upload your homework to your forked JavaScript3 repository in GitHub. Make a pull request to the teacher's forked repository. > Forgotten how to upload your homework? Go through the [guide](../hand-in-homework-guide.md) to learn how to do this again. From b4abc6240353b503ff08bf9b4b000634a36a2622 Mon Sep 17 00:00:00 2001 From: robvk Date: Tue, 26 Jan 2021 13:10:23 +0100 Subject: [PATCH 7/7] Update README.md Deprecation notice --- README.md | 24 ++++++++++-------------- 1 file changed, 10 insertions(+), 14 deletions(-) diff --git a/README.md b/README.md index 9f39b4538..55310b364 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,7 @@ -> Please help us improve and share your feedback! If you find better tutorials -> or links, please share them by [opening a pull request](https://github.com/HackYourFuture/JavaScript3/pulls). +# DEPRECATED - JavaScript 3 +This module has been replace with the Using API's module, find it [here](https://github.com/HackYourFuture/UsingAPIs) -# Module #4 - JavaScript 3: Object-Oriented Programming and working with APIs (Frontend) - -![JavaScript3](./assets/javascript3.png) - -Welcome to JavaScript3! Congratulations on making it this far. You're well on your way to the top! +```Welcome to JavaScript3! Congratulations on making it this far. You're well on your way to the top! A big part of being a programmer means moving data from one place to another. It also means working with other people's software. In this module you'll be learning about one of the core things of what makes a web developer: working with APIs! @@ -31,30 +27,30 @@ We also have tools that can automatically check whether your code is correctly f The required packages you need to install before you write code according to the style guide are the following: -```json +`json "eslint" "eslint-config-airbnb-base" "eslint-config-prettier" "eslint-plugin-import" "eslint-plugin-prettier" "prettier" -``` +` They are already in this repository's `package.json` so all you have to do now to prepare is to execute the following command at the root of this module directory: -```md +`md npm install -``` +` ### Forking the right repository Before you start with the homework, make sure you've made a fork of the right repository: [HackYourHomework/JavaScript3](https://www.github.com/hackyourhomework/javascript3)). Once you've cloned it to your computer you can proceed by making GIT branches for each week. Start at the `master` branch and execute the following (note that they're 3 different commands): -```bash +`bash foo@bar:~$ git branch week1-YOURNAME foo@bar:~$ git branch week2-YOURNAME foo@bar:~$ git branch week3-YOURNAME -``` +` Then execute `git checkout week1-YOURNAME` and you can get started! @@ -132,4 +128,4 @@ If you feel ready for the next challenge, click [here](https://www.github.com/Ha _The HackYourFuture curriculum is subject to CC BY copyright. This means you can freely use our materials, but just make sure to give us credit for it :)_ -Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License. +Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.```