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.``` 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. diff --git a/Week2/README.md b/Week2/README.md index d7f6c5c4c..78fa718e3 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! @@ -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. diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index fc6d346c2..7e1046f70 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. @@ -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. 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; } ```