From c724db9562ade27dfa5558ef1f2798fac90f76a6 Mon Sep 17 00:00:00 2001 From: Yasen Vasilev <52400967+jason-vasilev@users.noreply.github.com> Date: Tue, 6 May 2025 16:05:37 +0200 Subject: [PATCH 1/4] Spelling corrections in new files --- contributing/meetings/2025 27th April.md | 6 ++-- .../intro-to-javascript/week1/README.md | 4 +-- .../intro-to-javascript/week1/assignment.md | 8 ++--- .../intro-to-javascript/week1/lesson-plan.md | 2 +- .../intro-to-javascript/week2/assignment.md | 36 +++++++++---------- .../intro-to-javascript/week3/README.md | 2 +- .../intro-to-javascript/week3/assignment.md | 16 ++++----- .../intro-to-javascript/week3/lesson-plan.md | 10 +++--- .../intro-to-javascript/week4/assignment.md | 6 ++-- .../intro-to-javascript/week4/lesson-plan.md | 10 +++--- courses/Pre-Course/Self-Study/README.md | 2 +- 11 files changed, 51 insertions(+), 51 deletions(-) diff --git a/contributing/meetings/2025 27th April.md b/contributing/meetings/2025 27th April.md index 89536e28..e917d7e6 100644 --- a/contributing/meetings/2025 27th April.md +++ b/contributing/meetings/2025 27th April.md @@ -12,14 +12,14 @@ ### 1. Thanks Mega thanks to Rachel for setting _so_ much good stuff in the new repo, linting, link checking, and moving ALL of our legacy modules over into the monorepo. -Also mega thanks to Natlia for putting together the proposal for splitting js/node - the biggest remaining puzzle piece in the curriculum. +Also mega thanks to Natalia for putting together the proposal for splitting js/node - the biggest remaining puzzle piece in the curriculum. ### 2. Reflection #### Things that didn't work so well - Review requires on PRs to 1? Yes. -- Bit unclear where to have discussions (some slack, pr, issue). Finding it is hard. Keep slack discussions linked/sumarised into PRs. +- Bit unclear where to have discussions (some slack, pr, issue). Finding it is hard. Keep slack discussions linked/summarised into PRs. - Tasks were quite broad at this point, difficult to estimate, hard to take a task because of this - Some felt like they couldn't contribute much recently. **Important note:** Being engaged, following conversations, replying with feedback, is all really helpful too and super appreciated, even if you're week is too busy to take a task on your own. @@ -35,7 +35,7 @@ Also mega thanks to Natlia for putting together the proposal for splitting js/no #### Actions -1. Switch to one required reviewer (update contributing readme, share in slack. note that more reviewers should often be requested when necessray (give examples) it's just not enforced in github). Reminder that all staff can merge stuff, if it's fully approved, ping anyone if something is blocked. +1. Switch to one required reviewer (update contributing readme, share in slack. note that more reviewers should often be requested when necessary (give examples) it's just not enforced in github). Reminder that all staff can merge stuff, if it's fully approved, ping anyone if something is blocked. 2. Keep meeting agendas/notes in github, link to them from other places (invites, slack reminders). 3. Continue to consider how to best keep conversations in the right/organised places, it feels disjointed right now. diff --git a/courses/Foundation/intro-to-javascript/week1/README.md b/courses/Foundation/intro-to-javascript/week1/README.md index 3e374321..80b656a1 100644 --- a/courses/Foundation/intro-to-javascript/week1/README.md +++ b/courses/Foundation/intro-to-javascript/week1/README.md @@ -7,7 +7,7 @@ - [ ] Console.log - [ ] [Variables: var, let, const](#variables) - [ ] [Types](#types): [String](#string), [number](#number), boolean, [null, undefined](#null--undefined), [array](#array) -- [ ] [Operators](#comparison-operators): Comparision, addition, subtraction, multiplication, division, modulus, increment, decrement +- [ ] [Operators](#comparison-operators): Comparison, addition, subtraction, multiplication, division, modulus, increment, decrement - [ ] Errors: How to read and fix errors Focus on how to read documentation, google answers and google errors @@ -22,7 +22,7 @@ Focus on how to read documentation, google answers and google errors A "variable" is a place where you can store information, such as a string, or a number. New variables in JavaScript are declared using one of three keywords: let, const, or var. -> Think of variables names like **labels** on boxes, while the value of the variable are the **contents** of the box - you could change the contents of a box and leave the label intact, the contents of the boxes can have different types, the boxes should have good labels (a box of books being labeled pens would be very confusing), +> Think of variables names like **labels** on boxes, while the value of the variable are the **contents** of the box - you could change the contents of a box and leave the label intact, the contents of the boxes can have different types, the boxes should have good labels (a box of books being labelled pens would be very confusing), > > ![Variables are like boxes](./assets/box.png) > Photo from [Khan Academy](https://cs-blog.khanacademy.org/2013/09/teaching-variables-analogies-and.html) diff --git a/courses/Foundation/intro-to-javascript/week1/assignment.md b/courses/Foundation/intro-to-javascript/week1/assignment.md index cbe09f65..74b0b460 100644 --- a/courses/Foundation/intro-to-javascript/week1/assignment.md +++ b/courses/Foundation/intro-to-javascript/week1/assignment.md @@ -45,7 +45,7 @@ If you struggle to do this weeks assignment there are a couple of things to do: Lets get started with some warm up exercises: On freeCodeCamp.com do the [Basic JavaScript](https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript) exercises up and until the **"Manipulate Arrays With push()"** exercise (there are some topics we did not cover but you can do it). -Please add your freecodecamp username as answer for this exercise! +Please add your freeCodeCamp username as answer for this exercise! You have finished the warmup exercises, well done! @@ -65,7 +65,7 @@ Cool now lets venture into the world and see which problems we can solve with so ### Age-ify (A future age calculator) -> You are talking to a friend who suddently looks at you and asks: "How old will you be in 2045?" Hmm you remember the year you were born and try to do some calculation: Born in 1987 + 3 that's 1990. 90 - 40 is 50 + 5 thats 58. I will be 58! Wow that was painful! Let's fix that by making some code that automatically does this! +> You are talking to a friend who suddenly looks at you and asks: "How old will you be in 2045?" Hmm you remember the year you were born and try to do some calculation: Born in 1987 + 3 that's 1990. 90 - 40 is 50 + 5 that's 58. I will be 58! Wow that was painful! Let's fix that by making some code that automatically does this! Create two variables called `yearOfBirth` and `yearFuture`. Assign these your birth year and a future year. What type will these two variables be? Using `yearOfBirth` and `yearFuture` calculate the age and store that in a variable called `age`. @@ -118,7 +118,7 @@ const randomNumber = Math.floor(Math.random() * 10); --- -4 projects from one startup, thats incredible! Lets hope one or more of these projects actually becomes popular! +4 projects from one startup, that's incredible! Lets hope one or more of these projects actually becomes popular! To be continued... @@ -140,7 +140,7 @@ Using the branch called `javascript-javascript1-week1` --- -To add your files go to the folder `javascript/javascript1/week1`. Here you **add all the files relevant for the assignment**. Remember to **seperate the code into meaningful commits**. You can now push the commits +To add your files go to the folder `javascript/javascript1/week1`. Here you **add all the files relevant for the assignment**. Remember to **separate the code into meaningful commits**. You can now push the commits ```shell git add diff --git a/courses/Foundation/intro-to-javascript/week1/lesson-plan.md b/courses/Foundation/intro-to-javascript/week1/lesson-plan.md index 59f83e23..960d5f78 100644 --- a/courses/Foundation/intro-to-javascript/week1/lesson-plan.md +++ b/courses/Foundation/intro-to-javascript/week1/lesson-plan.md @@ -256,7 +256,7 @@ Now we will modify the program so that you can order multiple pizzas and also de 3. Now write a formula to calculate the total price of your pizza order, and save it in a variable called totalPrice (if the pizza is family size the prize of the pizza is doubled. -4. Modify the log statement for the pizza man so it includes wether or not the pizza is family size, and now show the total price of the order +4. Modify the log statement for the pizza man so it includes whether or not the pizza is family size, and now show the total price of the order `New pizza order: . Total cost for the order is: ` 5. Try to change the price of the pizza and if the pizza should be family size, and then check if the total price is calculated correctly. diff --git a/courses/Foundation/intro-to-javascript/week2/assignment.md b/courses/Foundation/intro-to-javascript/week2/assignment.md index caa00b09..485ed2ed 100644 --- a/courses/Foundation/intro-to-javascript/week2/assignment.md +++ b/courses/Foundation/intro-to-javascript/week2/assignment.md @@ -37,7 +37,7 @@ If you struggle to do this weeks assignment there are a couple of things to do: Just like last the last assignment, lets **warmup our brain**! -Do these freecodecamp challenges. We know this seems like a lot, but the tasks are not so big, so hang in there! If you get stuck on one of the tasks, just go to the next and then return to the difficult task later on. +Do these freeCodeCamp challenges. We know this seems like a lot, but the tasks are not so big, so hang in there! If you get stuck on one of the tasks, just go to the next and then return to the difficult task later on. - [ ] [Passing values to functions with arguments](https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments/) - [ ] [Return a value from a function with return](https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return/) @@ -49,7 +49,7 @@ Do these freecodecamp challenges. We know this seems like a lot, but the tasks a - [ ] [Iterate with javascript for loops](https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops/) - [ ] [Iterate through an array with a for loop](https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop/) -Please add your freecodecamp username as answer for this exercise! +Please add your freeCodeCamp username as answer for this exercise! ## Step 3: Smart-ease - Goes Global! @@ -61,37 +61,37 @@ BUT people are asking: What will be the next product that truly defines Smart-ea Even for a startup as successful as Smart-ease there needs to be money in the bank. A customer from a flight booking website has asked for our help creating a specific part of their application: -When a user books a flight they **write their firstname and surname**, but when the ticket is printed a **fullname should be displayed**. It is our responsibility to create that. +When a user books a flight they **write their firstName and surname**, but when the ticket is printed a **fullname should be displayed**. It is our responsibility to create that. -Create a function called `getFullname` that returns a fullname. -It should have two parameters: `firstname` and `surname`. +Create a function called `getFullName` that returns a fullname. +It should have two parameters: `firstName` and `surname`. ```js -getFullname("Benjamin", "Hughes"); // returns "Benjamin Hughes" +getFullName("Benjamin", "Hughes"); // returns "Benjamin Hughes" ``` -Now try to create two variables `fullname1` and `fullname2` these two variables should be assigned to calling the `getFullname` function. +Now try to create two variables `fullName1` and `fullName2` these two variables should be assigned to calling the `getFullName` function. Log out the two fullname variables. #### Formal fullname -On the flight website the user has the possibility to **check a checkbox** that **indicates** if the user wants to be **adressed formally**. Lets also change `getFullname` to include support for formal name. +On the flight website the user has the possibility to **check a checkbox** that **indicates** if the user wants to be **addressed formally**. Lets also change `getFullName` to include support for formal name. Create an extra parameter `useFormalName` that is a boolean. If it is true the function should add a `Lord` in front of the name. ```js -getFullname("Benjamin", "Hughes", true); // returns "Lord Benjamin Hughes"` -getFullname("Benjamin", "Hughes", false); // returns "Benjamin Hughes" +getFullName("Benjamin", "Hughes", true); // returns "Lord Benjamin Hughes"` +getFullName("Benjamin", "Hughes", false); // returns "Benjamin Hughes" ``` What do we do if `useFormalName` is not given as an argument? -Remember to consider someone calling the function with an empty string as firstname and lastname. +Remember to consider someone calling the function with an empty string as `firstName` and `lastName`. -Try out your code by pasting your `getFullname` function in the javascript part of this codepen: +Try out your code by pasting your `getFullName` function in the javascript part of this codePen: -But what if the person is a woman? Describe how you would fix the `getFullname` so it also works for women +But what if the person is a woman? Describe how you would fix the `getFullName` so it also works for women ### Event application @@ -99,13 +99,13 @@ Another customer has contacted us. He works for a secret company that rimes with You specify how many days from today an event is being held. The function then figures out what weekday the event is being held. Here is an example: -Today is Sunday and the event is in 5 days. Therefore the event will be held on a friday. +Today is Sunday and the event is in 5 days. Therefore the event will be held on a Friday. ```js -// With todays weekday a tuesday +// With today's weekday a tuesday console.log(getEventWeekday(9)); // Logs out "Thursday" -// With todays weekday a Friday +// With today's weekday a Friday console.log(getEventWeekday(2)); // Logs out "Sunday" ``` @@ -174,7 +174,7 @@ To see your code applied on a webapp, go here: We are at the candystore. We have taken some shovels of the **caramel-strawberry-cola-lemon-gravy winegums**, a few of the **banana chocolate diesel-motors** and a handful of the **salmon-potato covered toffee encrusted pizzas**. But what is all this worth? And can you even afford it? +> We are at the candy store. We have taken some shovels of the **caramel-strawberry-cola-lemon-gravy wine gums**, a few of the **banana chocolate diesel-motors** and a handful of the **salmon-potato covered toffee encrusted pizzas**. But what is all this worth? And can you even afford it? Let's solve this problem with some functions. @@ -183,7 +183,7 @@ Let's solve this problem with some functions. Create a function called `addCandy`. It has two parameters: - `candyType` - specifies the candy type. Could be 'sweet, chocolate, toffee or chewing-gum' -- `weight` - specifies the weigth of the candy in grams +- `weight` - specifies the weight of the candy in grams The function should **add the price of the candy** to an array called `boughtCandyPrices` using [push](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push) diff --git a/courses/Foundation/intro-to-javascript/week3/README.md b/courses/Foundation/intro-to-javascript/week3/README.md index 0880b231..17dfa461 100644 --- a/courses/Foundation/intro-to-javascript/week3/README.md +++ b/courses/Foundation/intro-to-javascript/week3/README.md @@ -3,7 +3,7 @@ ## Learning goals - [ ] Arrays continued: pop, push, shift, unshift, length, indexOf. No map, filter or reduce -- [ ] [Objects](#objects): Access properties two ways, key value. Array of objects. Use real world examples (users, products, houselistings) +- [ ] [Objects](#objects): Access properties two ways, key value. Array of objects. Use real world examples (users, products, house listings) - [ ] [Call stack](#call-stack) ## Relevant links diff --git a/courses/Foundation/intro-to-javascript/week3/assignment.md b/courses/Foundation/intro-to-javascript/week3/assignment.md index e47be507..0f14eb97 100644 --- a/courses/Foundation/intro-to-javascript/week3/assignment.md +++ b/courses/Foundation/intro-to-javascript/week3/assignment.md @@ -4,7 +4,7 @@ Array's has lots of helper functions, that is used all the time when developing js applications. It is super helpful to be able to **manipulate an array** like **removing elements** or **adding elements** at specific indexes. Another helpful function of arrays is to know **where a specific item is** in the array. -Objects can be used for **representing data** and it can **help structure your code**. An object can e.g. represent a user that has a firstname, surname, profile picture and a list of friends. It is constantly used in javascript and **essential to learning the language**. +Objects can be used for **representing data** and it can **help structure your code**. An object can e.g. represent a user that has a first name, surname, profile picture and a list of friends. It is constantly used in javascript and **essential to learning the language**. If you struggle to do this weeks assignment there are a couple of things to do: @@ -31,7 +31,7 @@ const names = [ "kristina", "Rasmus", "Samuel", - "katrine", + "Katrine", "Tala", ]; const nameToRemove = "Ahmad"; @@ -40,12 +40,12 @@ const nameToRemove = "Ahmad"; // Code done -console.log(names); // ['Peter', 'Yana', 'kristina', 'Rasmus', 'Samuel', 'katrine', 'Tala'] +console.log(names); // ['Peter', 'Yana', 'kristina', 'Rasmus', 'Samuel', 'Katrine', 'Tala'] ``` ### When will we be there?? -Write a function where you speficy your speed in `km/h` and how far you have to go in `km`. The function has to return the time it will take to arrive at your destination. The time should be formatted like this: `3 hours and 34 minutes`. +Write a function where you specify your speed in `km/h` and how far you have to go in `km`. The function has to return the time it will take to arrive at your destination. The time should be formatted like this: `3 hours and 34 minutes`. _Hint:_ For formatting your best friend is Google! @@ -86,7 +86,7 @@ const seriesDurations = [ How much time of my life have i been watching series on tv? Lets find out! Calculate **how much time a tv series** have taken as a **percentage of an average lifespan** of 80 years. -Firstly change the `seriesDurations` array found above to include your favorite series. Find the duration of a series here: +Firstly change the `seriesDurations` array found above to include your favourite series. Find the duration of a series here: Create a function that logs out the following text using the `seriesDurations` array: @@ -187,11 +187,11 @@ Suddenly you get this great idea for making the note app even better! Come up with a unique feature **you think would make this app better.** Write down the idea and see if you can implement it. If not don't worry :) If it is too hard to implement try and ask in the slack channel :) -Try an **interactive version 💻 of your code** [here](https://codepen.io/dalsHughes/pen/poJGejX). Remember to insert your code in the top of the codepen :) +Try an **interactive version 💻 of your code** [here](https://codepen.io/dalsHughes/pen/poJGejX). Remember to insert your code in the top of the codePen :) ### CactusIO-interactive (Smart phone usage app) _optional_ -> After a long day you come home to relax. The first thing you do is find your phone and start watching some youtube. Then check facebook, and then reading some news. Suddently a hour has passed. What happened to all that time you think to yourself. Maybe we can create some program to help with this problem! What if we could help users manage their smart phone usage? +> After a long day you come home to relax. The first thing you do is find your phone and start watching some youtube. Then check facebook, and then reading some news. Suddenly a hour has passed. What happened to all that time you think to yourself. Maybe we can create some program to help with this problem! What if we could help users manage their smart phone usage? Its going to work like this: A user can add smartphone activities. Then he can see a status on how his smartphone usage is going. @@ -245,7 +245,7 @@ Come up with one feature you think would be helpful for this program. Optional - Lets improve the `addActivity`, so that we don't need to specify the date, but the function automatically figures out what the date is. Check out this link: -- Improve the `showStatus` function by only showing the number of actitivies for that specific day. +- Improve the `showStatus` function by only showing the number of activities for that specific day. - Create a function for calculating the activity a user has spent the most time on. ## Bonus assignment diff --git a/courses/Foundation/intro-to-javascript/week3/lesson-plan.md b/courses/Foundation/intro-to-javascript/week3/lesson-plan.md index 6fd88a3f..93e325ac 100644 --- a/courses/Foundation/intro-to-javascript/week3/lesson-plan.md +++ b/courses/Foundation/intro-to-javascript/week3/lesson-plan.md @@ -18,7 +18,7 @@ If you find anything that could be improved then please create a pull request! W - Key - value - Array of objects - Let the students explain iterating an array of objects - - Use real world examples (users, products, houselistings) + - Use real world examples (users, products, house listings) - [Code inspiration](#inspiration-objects) - Arrays continued - `Pop`, `push`, `shift`, `unshift` @@ -28,7 +28,7 @@ If you find anything that could be improved then please create a pull request! W - Looping through an array - No `forEach`, `map`, `filter` or `reduce` - [Code inspiration](#inspiration-arrays) -- [Codewar exercises](#codewar-exercises) +- [CodeWar exercises](#codewar-exercises) - Call stack - Used for figuring code flow in js! Where does my function go when it is done here. - @@ -60,11 +60,11 @@ const user = { console.log(user); // Add new property -user.lastname = "Bay"; +user.lastName = "Bay"; console.log(user); -delete user.lastname; +delete user.lastName; console.log(user); @@ -215,7 +215,7 @@ planTrip(); // draw ``` -### Codewar exercises +### CodeWar exercises - [CodeWars - Add property to every object](https://www.codewars.com/kata/add-property-to-every-object-in-array/train/javascript) - [CodeWars - Color Association](https://www.codewars.com/kata/colour-association/train/javascript) diff --git a/courses/Foundation/intro-to-javascript/week4/assignment.md b/courses/Foundation/intro-to-javascript/week4/assignment.md index 5dbde7d6..2cce5731 100644 --- a/courses/Foundation/intro-to-javascript/week4/assignment.md +++ b/courses/Foundation/intro-to-javascript/week4/assignment.md @@ -13,15 +13,15 @@ If you struggle to do this weeks assignment there are a couple of things to do: Finish the exercises from the class! -## Codewars +## CodeWars -Complete these Katas in codewars: +Complete these Katas in codeWars: - [7kyu Vowel Count](https://www.codewars.com/kata/54ff3102c1bad923760001f3) - [7kyu Digit\*Digit](https://www.codewars.com/kata/546e2562b03326a88e000020) - [7kyu Highest and Lowest](https://www.codewars.com/kata/554b4ac871d6813a03000035) -Post a link to your codewars profile when you sumbmit the assignment! +Post a link to your codeWars profile when you submit the assignment! ## Voice assistant diff --git a/courses/Foundation/intro-to-javascript/week4/lesson-plan.md b/courses/Foundation/intro-to-javascript/week4/lesson-plan.md index 33e76e6e..aed1b2ac 100644 --- a/courses/Foundation/intro-to-javascript/week4/lesson-plan.md +++ b/courses/Foundation/intro-to-javascript/week4/lesson-plan.md @@ -70,9 +70,9 @@ When that works. Make the two number for multiples into parameters. So it can be `fizzBuzz(4, 12);` -### Build a sentiment analyzer +### Build a sentiment analyser -A sentiment analyzer is some functionality that figures out how positive/negative a sentence is. +A sentiment analyser is some functionality that figures out how positive/negative a sentence is. For example, the sentence `I am mega super awesome happy" Should have a high score The sentence "I hate doing boring stuff" should have a low score. @@ -192,7 +192,7 @@ console.log(renderedGame); */ ``` -Create a new function called `getGameinfo(position)`. Calling the function should return an object with `winner` key, `loser` key, `hasEnded` and `nextPlayer`. +Create a new function called `getGameInfo(position)`. Calling the function should return an object with `winner` key, `loser` key, `hasEnded` and `nextPlayer`. EXAMPLES!!!! @@ -203,7 +203,7 @@ const position = [ [" ", "o", "x"], ]; -const gameInfo = getGameinfo(position); +const gameInfo = getGameInfo(position); console.log(gameInfo); /* @@ -222,7 +222,7 @@ const position = [ [" ", "o", "x"], ]; -const gameInfo = getGameinfo(position); +const gameInfo = getGameInfo(position); console.log(gameInfo); /* diff --git a/courses/Pre-Course/Self-Study/README.md b/courses/Pre-Course/Self-Study/README.md index 2698c807..72faf4cc 100644 --- a/courses/Pre-Course/Self-Study/README.md +++ b/courses/Pre-Course/Self-Study/README.md @@ -81,4 +81,4 @@ Before the first Sunday session, you must have completed all the steps listed ab - If you have not completed the steps listed above from the `Responsive Web Design` certification and the `JavaScript Algorithms and Data Structures` certification by the time of the first Sunday session, you will not be able to continue with the course. -- Stuck or need help? Please use your team Slack channel to ask for help from your fellow trainees. Asking for help, explaining the problems you have, and sharing your own knowledge with your fellow trainees are all very important skills to succeed in HackYourFuture, so start practicing now! +- Stuck or need help? Please use your team Slack channel to ask for help from your fellow trainees. Asking for help, explaining the problems you have, and sharing your own knowledge with your fellow trainees are all very important skills to succeed in HackYourFuture, so start practising now! From 1ea68b5e981f9c5d8a0229b8f9dfc3991b51037e Mon Sep 17 00:00:00 2001 From: Yasen Vasilev <52400967+jason-vasilev@users.noreply.github.com> Date: Tue, 6 May 2025 17:09:10 +0200 Subject: [PATCH 2/4] Legacy folder spelling corrections --- legacy/career-training/README.md | 2 +- legacy/career-training/week-1/homework.md | 4 ++-- legacy/career-training/week-2/homework.md | 16 +++++++------- legacy/career-training/week-2/lesson-plan.md | 2 +- legacy/career-training/week-3/README.md | 2 +- legacy/career-training/week-3/homework.md | 6 ++--- legacy/career-training/week-3/preparation.md | 2 +- .../lesson1/preparation_flipped_classroom.md | 4 ++-- legacy/databases/lesson2/README.md | 2 +- .../lesson2/preparation_flipped_classroom.md | 2 +- legacy/databases/lesson3/MongoDB/README.md | 4 ++-- legacy/databases/lesson3/MongoDB/lesson_1.md | 22 +++++++++---------- legacy/final-project/README.md | 2 +- legacy/git/git1/cheatsheet.md | 4 ++-- legacy/git/git1/class_exercises.md | 2 +- legacy/git/git1/homework.md | 14 ++++++------ legacy/git/git1/lesson_plan.md | 4 ++-- legacy/git/git1/preparation.md | 2 +- .../git/git1/preparation_flipped_classroom.md | 2 +- legacy/git/git1/review.md | 4 ++-- legacy/git/git2/cheatsheet.md | 2 +- legacy/git/git2/homework.md | 2 +- legacy/git/git2/lesson_plan.md | 2 +- legacy/git/git2/review.md | 2 +- legacy/git/homework-submission.md | 4 ++-- legacy/html-and-css/Pre-course/README.md | 4 ++-- .../currency-converter/currency-converter.md | 6 ++--- .../projects/memory-game/memory-game.md | 6 ++--- .../projects/movie-app/movie-app.md | 4 ++-- .../projects/quiz-app/quiz-app.md | 2 +- .../projects/recipe-app/recipe-app.md | 4 ++-- .../javascript1/week4/lesson-plan.md | 10 ++++----- legacy/javascript/javascript2/README.md | 2 +- .../javascript2/week1/lesson-plan.md | 16 +++++++------- .../javascript2/week1/optional-homework.md | 6 ++--- .../hyf-bay/hyfBayHelpers.js | 6 ++--- .../javascript2/week1/preparation.md | 2 +- legacy/javascript/javascript2/week2/README.md | 6 ++--- .../javascript2/week2/lesson-plan.md | 6 ++--- .../javascript2/week2/optional-homework.md | 6 ++--- .../hyf-bay/hyfBayHelpers.js | 6 ++--- legacy/javascript/javascript2/week3/README.md | 4 ++-- .../javascript3/week1/optional-homework.md | 2 +- .../javascript3/week2/lesson-plan.md | 10 ++++----- .../promise-visual/move-element.js | 2 +- .../javascript3/week3/optional-homework.md | 6 ++--- .../week3/optional-homework/github-repos.html | 2 +- legacy/react/react1/week1/lesson-plan.md | 6 ++--- legacy/react/react1/week2/lesson-plan.md | 2 +- legacy/react/react1/week3/lesson-plan.md | 6 ++--- legacy/react/react2/Meal-sharing/homework.md | 4 ++-- legacy/react/react2/week2/homework.md | 8 +++---- 52 files changed, 129 insertions(+), 129 deletions(-) diff --git a/legacy/career-training/README.md b/legacy/career-training/README.md index 42eedc56..4e2414c5 100644 --- a/legacy/career-training/README.md +++ b/legacy/career-training/README.md @@ -10,7 +10,7 @@ This repository collects all the info and material used to support you & the com | ---- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | -------------------------------------- | -------------------------------- | | 1. | **Danish job market, job search & general info**. Initial session where we introduce general info about the job market & prepare you for the job search. | [Preparation](./week-1/preparation.md) | [Lesson Plan](./week-1/lesson-plan.md) | [Homework](./week-1/homework.md) | | 2. | **The Jobseeker Toolkit**. This session is used to provide each student with feedback on their CV, Linkedin page & GitHub page. | [Preparation](./week-2/preparation.md) | [Lesson Plan](./week-2/lesson-plan.md) | [Homework](./week-2/homework.md) | -| 3. | **Technical Mock Interview**. This session is for practicing technical interviews and receiving feedback from peers and technical volunteers. | [Preparation](./week-3/preparation.md) | [Lesson Plan](./week-3/lesson-plan.md) | [Homework](./week-3/homework.md) | +| 3. | **Technical Mock Interview**. This session is for practising technical interviews and receiving feedback from peers and technical volunteers. | [Preparation](./week-3/preparation.md) | [Lesson Plan](./week-3/lesson-plan.md) | [Homework](./week-3/homework.md) | ## Learning Goals diff --git a/legacy/career-training/week-1/homework.md b/legacy/career-training/week-1/homework.md index a815526a..3811e8e0 100644 --- a/legacy/career-training/week-1/homework.md +++ b/legacy/career-training/week-1/homework.md @@ -1,6 +1,6 @@ # Homework Week 1 -These articles, videos and tasks are not a suggestion, but **mandatory**. They require less time than your regular homeworks, but are just as important. We expect you to use the remainder of your 30 hours on finishing all the homework assignments you haven't yet completed. +These articles, videos and tasks are not a suggestion, but **mandatory**. They require less time than your regular homework, but are just as important. We expect you to use the remainder of your 30 hours on finishing all the homework assignments you haven't yet completed. ## Read @@ -17,7 +17,7 @@ These articles, videos and tasks are not a suggestion, but **mandatory**. They r - Make a copy of, and fill your CV data into [HYF CV TEMPLATES](https://docs.google.com/presentation/d/1hcKvyIOLnXtDXqEu554_xaC7EzuRAPNTqYbIDMAvoQA/copy) (❗️ mandatory to use the HYF templates! We will _not_ review other formats.) - Write a short BIO text about yourself - about 500-600 characters and add it to your CV - Create a [CodeWars](https://www.codewars.com/) profile and complete [this list of katas](https://www.codewars.com/collections/hyf-js) -- Add the Codewars profile to your GitHub profile page in this format: ![Codewars](https://www.codewars.com/users/Sana-Shabeel/badges/micro) +- Add the CodeWars profile to your GitHub profile page in this format: ![CodeWars](https://www.codewars.com/users/Sana-Shabeel/badges/micro) - :octocat: Polish your GitHub - [good example](https://github.com/danJecu) | [example 2](https://github.com/Sana-Shabeel) - :large_blue_diamond: Polish your Linkedin - [good example](https://www.linkedin.com/in/alex-sudar/) | [example 2](https://www.linkedin.com/in/remyamm/) | [example 3](https://www.linkedin.com/in/saloumehsarabi/) - Take the personality test: ["The Four Tendencies" test](https://gretchenrubin.com/four-tendencies/) diff --git a/legacy/career-training/week-2/homework.md b/legacy/career-training/week-2/homework.md index ba0e18d9..8f7e798f 100644 --- a/legacy/career-training/week-2/homework.md +++ b/legacy/career-training/week-2/homework.md @@ -4,16 +4,16 @@ - Read the [GitHub Guide by HYF](https://github.com/HackYourFuture-CPH/yourpersonalbrand/blob/main/yourgithub.md) - Read the [Linkedin Guide by HYF](https://github.com/HackYourFuture-CPH/yourpersonalbrand/blob/main/yourlinkedin.md) -- [Freecodecamp React Interview Questions](https://www.freecodecamp.org/news/react-interview-questions-to-know/) +- [FreeCodeCamp React Interview Questions](https://www.freecodecamp.org/news/react-interview-questions-to-know/) - Start taking a look at the [Week 3 Preparation materials](https://github.com/HackYourFuture-CPH/career-training/blob/main/week-3/preparation.md) ## Do -- Add a small [Frontendmentor.io](https://www.frontendmentor.io/) project to your GitHub profile: You can choose between [this](https://www.frontendmentor.io/challenges/advice-generator-app-QdUG-13db) or [this](https://www.frontendmentor.io/challenges/interactive-pricing-component-t0m8PIyY8). (but you can also do both - good practice 🙃) -- Create an account on **Hackerrank** and take the [React Basics certifcation](https://www.hackerrank.com/skills-verification/react_basic) +- Add a small [FrontendMentor.io](https://www.frontendmentor.io/) project to your GitHub profile: You can choose between [this](https://www.frontendmentor.io/challenges/advice-generator-app-QdUG-13db) or [this](https://www.frontendmentor.io/challenges/interactive-pricing-component-t0m8PIyY8). (but you can also do both - good practice 🙃) +- Create an account on **HackerRank** and take the [React Basics certification](https://www.hackerrank.com/skills-verification/react_basic) - Add the certificate on Linkedin ;) -- Update the readme.md file of your **Mealsharing app**. Here's a good [example](https://github.com/DanJecu/meal-sharing-app) -- Be aware that your Mealsharing App must be deployed & working. This is a requirement to join the Final Project. +- Update the readme.md file of your **MealSharing app**. Here's a good [example](https://github.com/DanJecu/meal-sharing-app) +- Be aware that your MealSharing App must be deployed & working. This is a requirement to join the Final Project. - ⚠️ On the **Thursday** after this class you will also receive another assignment, which will be used for the **Technical Mock Interview** session ([Career Training Week 3](../week-3/README.md). The challenge will be posted in your Slack channel. ⚠️ @@ -26,6 +26,6 @@ We recommend looking through this YouTube channel of Eddie Jaoude. he has great Please send the following to the Team Responsible on Slack: -- Add your Hackerrank certification on Linkedin. -- Send a link to your chosen Frontendmentor project repo -- Send a link to your Mealsharing App repo +- Add your HackerRank certification on Linkedin. +- Send a link to your chosen FrontendMentor project repo +- Send a link to your MealSharing App repo diff --git a/legacy/career-training/week-2/lesson-plan.md b/legacy/career-training/week-2/lesson-plan.md index cee13082..639f60af 100644 --- a/legacy/career-training/week-2/lesson-plan.md +++ b/legacy/career-training/week-2/lesson-plan.md @@ -39,7 +39,7 @@ Recruiter or Hiring Manager schedules or calls the candidate. If the Hiring Manager is happy, there will be a technical assignment -1. Can be a take home assignment, or standardized as Codinggame, Hackerrank or Coderbyte. +1. Can be a take home assignment, or standardized as CodingGame, HackerRank or CoderByte. 2. Do it as soon as you can (but familiarise yourself with the platform) 3. References! Know HYF mentors or alumni in the company? Mention them! 4. Evaluated by Hiring Manager & a Senior/ PO. diff --git a/legacy/career-training/week-3/README.md b/legacy/career-training/week-3/README.md index d98d742b..b6afa660 100644 --- a/legacy/career-training/week-3/README.md +++ b/legacy/career-training/week-3/README.md @@ -2,7 +2,7 @@ ## Mock Technical Interviews -This session is for practicing technical interviews and receiving feedback from peers and technical volunteers. +This session is for practising technical interviews and receiving feedback from peers and technical volunteers. ### Materials diff --git a/legacy/career-training/week-3/homework.md b/legacy/career-training/week-3/homework.md index f31c98d0..953fb71d 100644 --- a/legacy/career-training/week-3/homework.md +++ b/legacy/career-training/week-3/homework.md @@ -2,15 +2,15 @@ Now it's time to prepare for the Final Project 🏔 -❗**Having your mealsharing app deployed & working is mandatory to join the Final Project.** ❗️ +❗**Having your MealSharing app deployed & working is mandatory to join the Final Project.** ❗️ You should also do two more projects for your GitHub page and then it's time to get serious about your first, big collaborative project. ## Do - Got to [Loom.com](https://www.loom.com/) and download the app or plugin. -- Using Loom, record a **short video** of yourself demo'ing your Mealsharing app. -- Update the readme.md file of your **Mealsharing app**. Here's a good [example](https://github.com/DanJecu/meal-sharing-app) +- Using Loom, record a **short video** of yourself demo'ing your MealSharing app. +- Update the readme.md file of your **MealSharing app**. Here's a good [example](https://github.com/DanJecu/meal-sharing-app) - Embed your Loom video in the Readme. - Advanced project from Frontend Mentor: You can choose between: [this](https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca) and [this](https://www.frontendmentor.io/challenges/multistep-form-YVAnSdqQBJ) (try building it in React) - In the coming days more info about the Final Project will be posted in your team channel :) diff --git a/legacy/career-training/week-3/preparation.md b/legacy/career-training/week-3/preparation.md index 4a205388..6e17b17f 100644 --- a/legacy/career-training/week-3/preparation.md +++ b/legacy/career-training/week-3/preparation.md @@ -8,7 +8,7 @@ In order to prepare for your Technical Mock-Interview, please take a look at the - What is the ["STAR" answer format](https://www.amazon.jobs/en/landing_pages/in-person-interview)? - Check out the [Developer Interview Training by Google](https://grow.google/certificates/interview-warmup/) -- If you haven't yet.. read the [Freecodecamp React Interview Questions](https://www.freecodecamp.org/news/react-interview-questions-to-know/) +- If you haven't yet.. read the [FreeCodeCamp React Interview Questions](https://www.freecodecamp.org/news/react-interview-questions-to-know/) - Check out the [Novoresumé](https://novoresume.com/) book about the Interview process [here](../week-2/novoresume-interview.pdf) ### General question catalog for interviewees diff --git a/legacy/databases/lesson1/preparation_flipped_classroom.md b/legacy/databases/lesson1/preparation_flipped_classroom.md index 18faf581..e9f85c1a 100644 --- a/legacy/databases/lesson1/preparation_flipped_classroom.md +++ b/legacy/databases/lesson1/preparation_flipped_classroom.md @@ -4,13 +4,13 @@ This is the preparation for the (semi) flipped classroom (vs. "old style" presen We say (semi) flipped classroom, because part of the teaching is still done on the Sunday class. -## Setting up MySQL and MySQL Workench +## Setting up MySQL and MySQL Workbench Before the class you should install MySQL and MySQL on your computer: - Instructions for macOS: [click here](https://www.youtube.com/watch?v=7S_tz1z_5bA&t=290s) - Instructions for Windows: [click here](https://www.youtube.com/watch?v=7S_tz1z_5bA&t=588s) -- Intructions for Linux: [click here](https://drive.google.com/file/d/1I4_iIxI3QZApVawOFbSEY89Cs4BMby5F/view?usp=sharing) +- Instructions for Linux: [click here](https://drive.google.com/file/d/1I4_iIxI3QZApVawOFbSEY89Cs4BMby5F/view?usp=sharing) ## Class videos diff --git a/legacy/databases/lesson2/README.md b/legacy/databases/lesson2/README.md index 71f04fa9..c868a77c 100644 --- a/legacy/databases/lesson2/README.md +++ b/legacy/databases/lesson2/README.md @@ -28,7 +28,7 @@ The students should watch this video before class: ) diff --git a/legacy/databases/lesson3/MongoDB/lesson_1.md b/legacy/databases/lesson3/MongoDB/lesson_1.md index 317c63c4..94e7084c 100644 --- a/legacy/databases/lesson3/MongoDB/lesson_1.md +++ b/legacy/databases/lesson3/MongoDB/lesson_1.md @@ -11,7 +11,7 @@ use school Now we create a class in the school ```text -db.classes.insert({"name": "class 12", "studens":[], "teachers": []}) +db.classes.insert({"name": "class 12", "students":[], "teachers": []}) ``` See the created class @@ -19,7 +19,7 @@ See the created class ```text db.classes.find() -{ "_id" : ObjectId("5e31778441832c965c0d270c"), "name" : "class 12", "studens" : [ ], "teachers" : [ ] } +{ "_id" : ObjectId("5e31778441832c965c0d270c"), "name" : "class 12", "students" : [ ], "teachers" : [ ] } ``` In the above example the "**classes**" is a **collection** and the inserted object is a "**document**" @@ -34,17 +34,17 @@ db.createCollection("classes") ```text db.classes.insert([ - {"name": "class 10", "studens":[], "teachers": []}, - {"name": "class 11", "studens":[], "teachers": []}, - {"name": "class 12", "studens":[], "teachers": []}, - {"name": "class 13", "studens":[], "teachers": []}, + {"name": "class 10", "students":[], "teachers": []}, + {"name": "class 11", "students":[], "teachers": []}, + {"name": "class 12", "students":[], "teachers": []}, + {"name": "class 13", "students":[], "teachers": []}, ]) ``` ### Controlling the \_id manually ```text -db.classes.insert({_id:1, "name": "class 12", "studens":[], "teachers": []}) +db.classes.insert({_id:1, "name": "class 12", "students":[], "teachers": []}) ``` Duplicate \_id would result in write error @@ -52,7 +52,7 @@ Duplicate \_id would result in write error Alternative syntax for insertion ```text -db.classes.insert({_id:11, name: "class 12", studens:[], teachers: []}) +db.classes.insert({_id:11, name: "class 12", students:[], teachers: []}) ``` ### Querying the Collection @@ -72,7 +72,7 @@ db.classes.find({name: "class 12"}) ```text db.classes.find({name: "class 12", _id:10}) //returns -{"_id" : 10, "name" : "class 12", "studens" : [ ], "teachers" : [ ]} +{"_id" : 10, "name" : "class 12", "students" : [ ], "teachers" : [ ]} ``` ##### Filter with OR condition @@ -83,13 +83,13 @@ db.classes.find({$or:[{name: "class 12"}, {name: "class 13"}]}).pretty() { "_id" : ObjectId("5e31778441832c965c0d270c"), "name" : "class 12", - "studens" : [ ], + "students" : [ ], "teachers" : [ ] } { "_id" : 10, "name" : "class 12", - "studens" : [ ], + "students" : [ ], "teachers" : [ ] } ``` diff --git a/legacy/final-project/README.md b/legacy/final-project/README.md index a180cf3f..620620a8 100644 --- a/legacy/final-project/README.md +++ b/legacy/final-project/README.md @@ -16,7 +16,7 @@ The final project is organised differently for each team, depending on the team - [ ] Learn to read and extend or improve other peoples code - [ ] Learn to give/receive PR feedback - [ ] Learn to plan and communicate technical solutions upfront before implementing -- [ ] Develop self-guided learning skills (e.g. learn to read documetation for a framework or API) +- [ ] Develop self-guided learning skills (e.g. learn to read documentation for a framework or API) - [ ] Interpreting wireframes/prototypes into requirements - [ ] Breaking bigger problems into smaller written tasks - [ ] Working in sprints with deadlines diff --git a/legacy/git/git1/cheatsheet.md b/legacy/git/git1/cheatsheet.md index 9539461c..fcf02277 100644 --- a/legacy/git/git1/cheatsheet.md +++ b/legacy/git/git1/cheatsheet.md @@ -20,10 +20,10 @@ To remove a git repository but still keep your files do `rm -rf .git` in the fol We used these commands in the first part of the class to work with a local git repository on our own computers. -- `git add ` - tells git to start tracking a file or to update what will be commited. Always do that before `git commit`. +- `git add ` - tells git to start tracking a file or to update what will be committed. Always do that before `git commit`. - `git commit -m "commit_message"` - commit your changes. - `git push origin ` - push (upload) your changes in your current branch to your github repository into the branch named ``. -- `git status` - shows you which files are ready to be commited, or not tracked by git. Often tells you what to do as well. It is your best friend when using git :) +- `git status` - shows you which files are ready to be committed, or not tracked by git. Often tells you what to do as well. It is your best friend when using git :) - `git log` - shows the history of commits in the current branch. - `git log --oneline` - shows the history of commits in the current branch in a single line per commit. - `git diff ` - to see the difference between the file contents now and in the latest commit. diff --git a/legacy/git/git1/class_exercises.md b/legacy/git/git1/class_exercises.md index 8c4d778b..7e953cea 100644 --- a/legacy/git/git1/class_exercises.md +++ b/legacy/git/git1/class_exercises.md @@ -32,7 +32,7 @@ It will basically follow the second part of the class videos. 5. add more text to the `my_homework.txt` file; 6. add and commit the changes in the `my_homework.txt` file; 7. push your changes to github; -8. on github, create a pull request from the exercis branch to `main`; +8. on github, create a pull request from the exercise branch to `main`; 9. on your computer add some more text to the `my_homework.txt` file; 10. on your computer, add and commit the changes in the `my_homework.txt` file; 11. push the changes to github; diff --git a/legacy/git/git1/homework.md b/legacy/git/git1/homework.md index b0f9374e..3e371d6e 100644 --- a/legacy/git/git1/homework.md +++ b/legacy/git/git1/homework.md @@ -3,8 +3,8 @@ ## Exercise 1 In this exercise you will get some practice submitting your homework by pushing it to Github and then creating a pull request. -You will be using this workflow every week to submit your homeworks, so it's important that you get comfortable with it. -You will also practice adding/commiting files one by one. +You will be using this workflow every week to submit your homework, so it's important that you get comfortable with it. +You will also practice adding/committing files one by one. You will use the your class homework repository on your computer to do the exercise. Here are the instructions: @@ -13,8 +13,8 @@ You will use the your class homework repository on your computer to do the exerc 3. Pull the latest changes to make sure your local `main` is up to date 4. Create a branch for your homework, named `git-week1/yourname`, and move to that branch 5. Inside the folder `git/week1` create 3 new files: - - a file named `my_favorite_food.txt`, inside the file write your favorite food recipe (you can just find a random recipe on google and paste it in the file ;) - - a file named `my_second_favorite_food.txt`, inside the file write the recipe for your second favorite food + - a file named `my_favorite_food.txt`, inside the file write your favourite food recipe (you can just find a random recipe on google and paste it in the file ;) + - a file named `my_second_favorite_food.txt`, inside the file write the recipe for your second favourite food - a file named `countries.txt`, where you list three countries that you have visited (this doesn't need to be true, you can just write the names of three random countries) 6. Add and commit the file `my_favorite_food.txt`; 7. Add and commit the file `my_second_favorite_food.txt`; @@ -24,7 +24,7 @@ You will use the your class homework repository on your computer to do the exerc ## Exercise 2 -You have hopefully recieved a review on your last week html-css homework. +You have hopefully received a review on your last week html-css homework. If you submitted it later into the week, you might not have a review yet, in that case - wait. Be faster next time :). If you submitted the homework too late, you are not entitled to a review, but you can still try and ask for one. @@ -32,7 +32,7 @@ If you submitted the homework too late, you are not entitled to a review, but yo 2. update the `main` branch with the latest changes in the origin; 3. checkout to your `html-css` homework branch; 4. merge `main` into this branch; -5. make changes to your `html-css` homework as adviced by mentors in your homework review and/or make any other changes or improvements; +5. make changes to your `html-css` homework as advised by mentors in your homework review and/or make any other changes or improvements; 6. commit and push the changes to the branch in origin; 7. close the `html-css` homework PR. @@ -42,7 +42,7 @@ Commands that you will need: - `git branch ` - to create a new branch named `` - `git checkout ` - to move to a branch named `` -- `git add ` - tell git to start tracking a file and to update what will be commited +- `git add ` - tell git to start tracking a file and to update what will be committed - `git commit -m "commit_message"` - commit (save) your changes - `git push origin ` - push (upload) your changes in your current branch to your github repository into the branch named ``. diff --git a/legacy/git/git1/lesson_plan.md b/legacy/git/git1/lesson_plan.md index d714f2e5..fd9e4319 100644 --- a/legacy/git/git1/lesson_plan.md +++ b/legacy/git/git1/lesson_plan.md @@ -69,7 +69,7 @@ The exercises suggested for the flipped classroom can be found [here](./class_ex - slide 17 13. Do a little exercise where the students: - - have them clone their class homweork repo into their computer (this is to get everyone on the same page, otherwise it is a mess) + - have them clone their class homework repo into their computer (this is to get everyone on the same page, otherwise it is a mess) - create a folder named `class_playground` under `git/week1` - add some files - commit the changes @@ -89,6 +89,6 @@ The exercises suggested for the flipped classroom can be found [here](./class_ex Here you can find all the materials used to teach the first Git class ✨: - **[Review](review.md)** - contains a short review over the materials taught in class; -- **[Cheatsheet](cheatsheet.md)** - contains a cheatsheet with the commands used during the class (and a few extra); +- **[Cheat-sheet](cheatsheet.md)** - contains a cheat-sheet with the commands used during the class (and a few extra); - **[Resources](resources.md)** - contains some resources about Git that might be useful; - **[Git Basics](Git_basics.pdf)** - the slides used to teach some concepts during class. diff --git a/legacy/git/git1/preparation.md b/legacy/git/git1/preparation.md index cbf43c4c..37151345 100644 --- a/legacy/git/git1/preparation.md +++ b/legacy/git/git1/preparation.md @@ -30,7 +30,7 @@ Git: 9. `Choosing HTTPS transport backend`, select `Use the OpenSSL library` and click next; 10. `Configuring the line ending conversions`, select `Checkout Windows-style, commit Unix-style line endings` and click next; 11. `Configuring the terminal emulator to use with Git Bash`, select `Use MinTTY` and click next; - 12. `Choose the default behavior of "git pull"`, choose `Default (fast-forward or merge)` + 12. `Choose the default behaviour of "git pull"`, choose `Default (fast-forward or merge)` 13. `Choose a credential helper`, choose `Git Credential Manager Core` 14. `Configuring extra options`, select `Enable file system caching` and `Enable Git Credential manager`, click next; 15. `Configuring experimental options`, do not select any of them, and click install; diff --git a/legacy/git/git1/preparation_flipped_classroom.md b/legacy/git/git1/preparation_flipped_classroom.md index 51f3e8d4..b81f5132 100644 --- a/legacy/git/git1/preparation_flipped_classroom.md +++ b/legacy/git/git1/preparation_flipped_classroom.md @@ -27,7 +27,7 @@ Git: 9. `Choosing HTTPS transport backend`, select `Use the OpenSSL library` and click next; 10. `Configuring the line ending conversions`, select `Checkout Windows-style, commit Unix-style line endings` and click next; 11. `Configuring the terminal emulator to use with Git Bash`, select `Use MinTTY` and click next; - 12. `Choose the default behavior of "git pull"`, choose `Default (fast-forward or merge)` + 12. `Choose the default behaviour of "git pull"`, choose `Default (fast-forward or merge)` 13. `Choose a credential helper`, choose `Git Credential Manager Core` 14. `Configuring extra options`, select `Enable file system caching` and `Enable Git Credential manager`, click next; 15. `Configuring experimental options`, do not select any of them, and click install; diff --git a/legacy/git/git1/review.md b/legacy/git/git1/review.md index c4f09507..e4493f92 100644 --- a/legacy/git/git1/review.md +++ b/legacy/git/git1/review.md @@ -113,7 +113,7 @@ To expand. Trees need branches to expand. Banks needs (office) branches to expand. Company needs (code) branches to expand. -E.g. Branches for Bugs, testing, featuers, production, staging etc. +E.g. Branches for Bugs, testing, features, production, staging etc. #### 3.2 Working with branches @@ -158,7 +158,7 @@ When you have an existing local repository (in your computer) that you want to c git remote add origin ``` -Here you are basically adding the connection to a remote repository named `origin`, where `origin` stands for the link to the github respository, for instance `https://github.com/marta_matos/git_example.git`. +Here you are basically adding the connection to a remote repository named `origin`, where `origin` stands for the link to the github repository, for instance `https://github.com/marta_matos/git_example.git`. To check if your local repository is connected to a remote repository (e.g. on Github) and what is the address of that repository you can always run: ```shell diff --git a/legacy/git/git2/cheatsheet.md b/legacy/git/git2/cheatsheet.md index 90f2a7cd..180e55f9 100644 --- a/legacy/git/git2/cheatsheet.md +++ b/legacy/git/git2/cheatsheet.md @@ -28,7 +28,7 @@ Some mixed commands: - `git init` - start a new git repository in the folder where you are (always do `git status` before `git init` to make sure you are not inside a git repository already). - `git status` - remember, it is your best friend, it tells you what is the state of your repository and sometimes what you should do. - `git branch` - this is your second best friend, it tells you in which branch you are (you can also see where you are when you do `git status`) -- `git log` - shows the history of commits in the current branch. Also allows you to see if branches are synchronyzed. +- `git log` - shows the history of commits in the current branch. Also allows you to see if branches are synchronized. - `git log --oneline` - shows the history of commits in a summarized form. - `git rm --cached ` - removes the file with name `` from your git repo, so it won't be tracked by git anymore, but the file stays in your computer, it is not deleted. - `git cherry-pick ` - will copy the commit with hash ` from another branch to your current branch. To find the hash for the commit you want use `git log` on the branch where the commit exists. diff --git a/legacy/git/git2/homework.md b/legacy/git/git2/homework.md index 267ea9ed..45d39992 100644 --- a/legacy/git/git2/homework.md +++ b/legacy/git/git2/homework.md @@ -16,7 +16,7 @@ In this exercise you will get some practice creating branches, merging, pushing/ Commands that you will need for this part: -- `git add ` - tell git to start tracking a file and to update what will be commited +- `git add ` - tell git to start tracking a file and to update what will be committed - `git commit -m "commit_message"` - commit (save) your changes - `git branch ` - to create a new branch named `` - `git checkout ` - to move to a branch named `` diff --git a/legacy/git/git2/lesson_plan.md b/legacy/git/git2/lesson_plan.md index 8b706577..3db301af 100644 --- a/legacy/git/git2/lesson_plan.md +++ b/legacy/git/git2/lesson_plan.md @@ -63,6 +63,6 @@ In any of the cases, the goal of the class is for the students to be able to use - **[Review](review.md)** - contains a short review over the materials taught in class; - **[Class exercises](class_exercises.md)** - contains a short review over the materials taught in class; -- **[Cheatsheet](cheatsheet.md)** - contains a cheatsheet with the commands used during the class (and a few extra); +- **[Cheat-sheet](cheatsheet.md)** - contains a cheat-sheet with the commands used during the class (and a few extra); - **[Resources](resources.md)** - contains some resources about Git that might be useful; - **[Git Advance](Git_advanced.pdf)** - the slides used to teach some concepts during class. diff --git a/legacy/git/git2/review.md b/legacy/git/git2/review.md index ad32f5b3..a6dd3bae 100644 --- a/legacy/git/git2/review.md +++ b/legacy/git/git2/review.md @@ -43,7 +43,7 @@ git remote add origin https://github.com/marta_matos/my_first_repo.git ``` Replace the URL with the URL of the repository that you actually want to add. -Also, remember that `origin` is just a place holder, and the convention is to use `origin` for a repository that is in your own github account and `upstream` for a repository that is in someone else's github account (used in the forking worklow). +Also, remember that `origin` is just a place holder, and the convention is to use `origin` for a repository that is in your own github account and `upstream` for a repository that is in someone else's github account (used in the forking workflow). Now you are able to push your changes to the selected remote server i.e. your remote repository on GitHub. diff --git a/legacy/git/homework-submission.md b/legacy/git/homework-submission.md index 408405db..fd4ecd49 100644 --- a/legacy/git/homework-submission.md +++ b/legacy/git/homework-submission.md @@ -11,7 +11,7 @@ - [ ] Write meaningful commit messages. - [ ] Before pushing, double check that your branch name is correct. - [ ] If the branch name is not correct, you can checkout to a new, correct branch from the current branch - you will carry all the commits with you. -- [ ] If your PR has been auto-closed, do not reopen it. Follow the guidlines and make a proper PR. +- [ ] If your PR has been auto-closed, do not reopen it. Follow the guidelines and make a proper PR. - [ ] Stay patient. Slack, Google and ChatGPT are your best friends now. - [ ] Make the changes as per PR review in the appropriate branch, push the changes to the appropriate branch, and close the PR. @@ -73,4 +73,4 @@ > `*` Why you should close the PR _without_ merging? PRs are normally intended to merge code! > -> It's because you are sharing a central homework repository. We do not aim to merge all your homeworks into one clump - that does not make any sense and would be a very chaotic process as you are implementing your homeworks in the same folders, and some of you might even have the same naming. The more you understand about Git, the more this will make sense. The point here is just to have a convenient submission process while you also practise shared repository handling every week. +> It's because you are sharing a central homework repository. We do not aim to merge all your homework into one clump - that does not make any sense and would be a very chaotic process as you are implementing your homework in the same folders, and some of you might even have the same naming. The more you understand about Git, the more this will make sense. The point here is just to have a convenient submission process while you also practise shared repository handling every week. diff --git a/legacy/html-and-css/Pre-course/README.md b/legacy/html-and-css/Pre-course/README.md index 92544b25..50f5f610 100644 --- a/legacy/html-and-css/Pre-course/README.md +++ b/legacy/html-and-css/Pre-course/README.md @@ -79,6 +79,6 @@ Before the first Sunday session, you must have completed all the steps listed ab - If you have completed all these parts already, just continue further with the certifications. You are here to learn after all and you are entering a journey of self-teaching! -- If you have not completed the steps listed above from the `Responsive Web Design` ceritification and the `JavaScript Algorithms and Data Structures` certification by the time of the first Sunday session, you will not be able to continue with the course. +- If you have not completed the steps listed above from the `Responsive Web Design` certification and the `JavaScript Algorithms and Data Structures` certification by the time of the first Sunday session, you will not be able to continue with the course. -- Stuck or need help? Please use your class Slack channel to ask for help from your fellow students. Asking for help, explaining the problems you have, and sharing your own knowledge with your fellow students are all very important to succeed in HackYourFuture, so start practicing right now! +- Stuck or need help? Please use your class Slack channel to ask for help from your fellow students. Asking for help, explaining the problems you have, and sharing your own knowledge with your fellow students are all very important to succeed in HackYourFuture, so start practising right now! diff --git a/legacy/javascript/homework-projects/projects/currency-converter/currency-converter.md b/legacy/javascript/homework-projects/projects/currency-converter/currency-converter.md index 03bbf2c7..dcf51c88 100644 --- a/legacy/javascript/homework-projects/projects/currency-converter/currency-converter.md +++ b/legacy/javascript/homework-projects/projects/currency-converter/currency-converter.md @@ -69,8 +69,8 @@ Continue with the format of the object you used last week or improve it and refa - [ ] Implement a timeout to show an announcement when the market open or/and close. The market opens at 9AM and closes at 5PM local time. - [ ] optional bonus: - a. Implement a watcher to periodically check a specific currency conversion and alert the user when the value reaches a speicfic point. Let's say the user is interested in converting USD to Danish kroner but the rate today is very bad, 1 USD is 5 DKK. We wan to alert the user when 1 USD is 7 DKK so the user can convert with maximum gain - b. Watch currency updates and show a banner with the hotest currency exchange rate. I.e., currency conversion reaching the double value. + a. Implement a watcher to periodically check a specific currency conversion and alert the user when the value reaches a specific point. Let's say the user is interested in converting USD to Danish kroner but the rate today is very bad, 1 USD is 5 DKK. We wan to alert the user when 1 USD is 7 DKK so the user can convert with maximum gain + b. Watch currency updates and show a banner with the hottest currency exchange rate. I.e., currency conversion reaching the double value. ### `JS3 week1` - Json, Apis, Fetch @@ -94,7 +94,7 @@ Continue with the format of the object you used last week or improve it and refa - [ ] I can insert a new currency rate - [ ] I can see a list of all currencies and rates -- [ ] I can use the coverter to convert a currency and see the result +- [ ] I can use the converter to convert a currency and see the result - [ ] I can search currencies to find a specific one - [ ] I can set a rate to be alerted when a currency reaches that rate - [ ] I can see an indicator for the market open/close diff --git a/legacy/javascript/homework-projects/projects/memory-game/memory-game.md b/legacy/javascript/homework-projects/projects/memory-game/memory-game.md index 6ad02d4f..fed7fd11 100644 --- a/legacy/javascript/homework-projects/projects/memory-game/memory-game.md +++ b/legacy/javascript/homework-projects/projects/memory-game/memory-game.md @@ -1,6 +1,6 @@ # MEMORY GAME -![Agent J from "Men In Black": "Hey, don't even worry about it", while flashing the neuralyzer](https://media.giphy.com/media/374pcIBVEGb6g/giphy.gif) +![Agent J from "Men In Black": "Hey, don't even worry about it", while flashing the neutralizer](https://media.giphy.com/media/374pcIBVEGb6g/giphy.gif) You joined an online game platform startup and your task is to build one of the small classic games. @@ -33,7 +33,7 @@ Continue with the format of the picture object you used last week or improve it ### `JS2 week3` - Callback function, Asynchronicity, Scope -- [ ] implement a counter for how many times in total you have flipped a card (one counter for all the cards). Note that you are not supposed to count clicks! The purpose is to count how many times you have _revealed_ the card picture - in other words, you are couunting player moves. +- [ ] implement a counter for how many times in total you have flipped a card (one counter for all the cards). Note that you are not supposed to count clicks! The purpose is to count how many times you have _revealed_ the card picture - in other words, you are counting player moves. - [ ] implement a timer for how much time has passed since you first clicked on a card. - [ ] adjust the functionality so that once 2 cards are flipped, they stay flipped for X seconds, after which they flip back down automatically. @@ -69,7 +69,7 @@ At most: - [ ] at first, I can see a square grid of cards "flipped down" - seeing their backside pattern; - [ ] I can click on a card, which makes the card "flip" and reveal the picture/gif; -- [ ] I can only reaveal 2 cards at a time; +- [ ] I can only reveal 2 cards at a time; - [ ] the 2 revealed cards stay flipped for X seconds, after which they flip down again; - [ ] if I reveal 2 matching cards, they are removed from the page; - [ ] I can see a timer that starts once I flip the very first card in a new game; diff --git a/legacy/javascript/homework-projects/projects/movie-app/movie-app.md b/legacy/javascript/homework-projects/projects/movie-app/movie-app.md index 8b420822..91992ea0 100644 --- a/legacy/javascript/homework-projects/projects/movie-app/movie-app.md +++ b/legacy/javascript/homework-projects/projects/movie-app/movie-app.md @@ -4,7 +4,7 @@ You joined a startup that has the ambition to build the best new movie streaming platform! -Your taks will be to build a simple prototype to showcase the look of the platform and some simple functionality. +Your task will be to build a simple prototype to showcase the look of the platform and some simple functionality. Your way to impress is to not only build a nice-looking main movie list page, but to also include some interesting features that the competitors do not have! @@ -39,7 +39,7 @@ Add whatever properties you think are relevant and that you want to display as t - [ ] design and implement the layout of the movie card via DOM manipulation. - [ ] via DOM manipulation, implement one of the two (or both!): - - submitting and displaying a comment about the movie. Implement an imput under the movie and a functionality to display the submitted comment; + - submitting and displaying a comment about the movie. Implement an input under the movie and a functionality to display the submitted comment; - rating the movie in a star-rating format and displaying the submitted rating. ![screenshot](../../assets/movie-app-star-rating.gif) diff --git a/legacy/javascript/homework-projects/projects/quiz-app/quiz-app.md b/legacy/javascript/homework-projects/projects/quiz-app/quiz-app.md index 8896be64..d6ea51c6 100644 --- a/legacy/javascript/homework-projects/projects/quiz-app/quiz-app.md +++ b/legacy/javascript/homework-projects/projects/quiz-app/quiz-app.md @@ -89,6 +89,6 @@ b. add number inputs for the player points and use the browser's arrow buttons o - [ ] when submitting a new question, I can see an indication where to submit the correct answer; - [ ] the questions are displayed in a nice and readable way, and I can see a button to reveal the right answer for each question; - [ ] I can sort the questions alphabetically; -- [ ] I can use search and get the questions wher my search keyword is included in the question text; +- [ ] I can use search and get the questions where my search keyword is included in the question text; - [ ] there is a functionality to submit two player names; - [ ] it is possible to interact with player scores. diff --git a/legacy/javascript/homework-projects/projects/recipe-app/recipe-app.md b/legacy/javascript/homework-projects/projects/recipe-app/recipe-app.md index 8e101be4..795a8c0c 100644 --- a/legacy/javascript/homework-projects/projects/recipe-app/recipe-app.md +++ b/legacy/javascript/homework-projects/projects/recipe-app/recipe-app.md @@ -2,7 +2,7 @@ ![Spongebob Squarepants, doing some cooking](https://media.giphy.com/media/N23cG6apipMmQ/giphy.gif) -You are a foood lover, a cooking enthusiast and you want to share your passion with the web. You aspire to build a cool recipe website as a hobby project and eventually earn a little bit on the side from it. +You are a food lover, a cooking enthusiast and you want to share your passion with the web. You aspire to build a cool recipe website as a hobby project and eventually earn a little bit on the side from it. > [!NOTE] > Take some time to research online for similar apps and how they look and work to gain inspiration. This is an important skill to practice as a developer because you won't always know (or be told) how to approach the design. @@ -64,7 +64,7 @@ Continue with the format of the recipe object you used last week or improve it a ### `JS3 week2` - Promises, Async/Await - [ ] You used promise chaining last week - now rewrite the fetch in the "async await" approach. -- [ ] Use the fuunctions created in preivous week and build functionality to: +- [ ] Use the functions created in previous week and build functionality to: - [ ] Find a recipe by a provided search word to check in the recipe title. - [ ] Sort the recipe array by the amount of ingredients needed. diff --git a/legacy/javascript/javascript1/week4/lesson-plan.md b/legacy/javascript/javascript1/week4/lesson-plan.md index 28ae36f4..04869b5e 100644 --- a/legacy/javascript/javascript1/week4/lesson-plan.md +++ b/legacy/javascript/javascript1/week4/lesson-plan.md @@ -70,9 +70,9 @@ When that works. Make the two number for multiples into parameters. So it can be `fizzBuzz(4, 12);` -### Build a sentiment analyzer +### Build a sentiment analyser -A sentiment analyzer is some functionality that figures out how positive/negative a sentence is. +A sentiment analyser is some functionality that figures out how positive/negative a sentence is. For example, the sentence `I am mega super awesome happy" Should have a high score The sentence "I hate doing boring stuff" should have a low score. @@ -192,7 +192,7 @@ console.log(renderedGame); */ ``` -Create a new function called `getGameinfo(position)`. Calling the function should return an object with `winner` key, `loser` key, `hasEnded` and `nextPlayer`. +Create a new function called `getGameInfo(position)`. Calling the function should return an object with `winner` key, `loser` key, `hasEnded` and `nextPlayer`. EXAMPLES!!!! @@ -203,7 +203,7 @@ const position = [ [" ", "o", "x"], ]; -const gameInfo = getGameinfo(position); +const gameInfo = getGameInfo(position); console.log(gameInfo); /* @@ -222,7 +222,7 @@ const position = [ [" ", "o", "x"], ]; -const gameInfo = getGameinfo(position); +const gameInfo = getGameInfo(position); console.log(gameInfo); /* diff --git a/legacy/javascript/javascript2/README.md b/legacy/javascript/javascript2/README.md index 80fb1f78..5b1fc1d9 100644 --- a/legacy/javascript/javascript2/README.md +++ b/legacy/javascript/javascript2/README.md @@ -6,4 +6,4 @@ Here you can find course content and homework for the JavaScript 2 module. | ---- | ----------------------------------------------------------------- | ----------------------------------- | ------------------------------------------ | ----------------------------------- | | 1. | Browser environment; DOM manipulation; DOM event listeners | [Preparation](week1/preparation.md) | [Homework](../homework-projects/README.md) | [Lesson plan](week1/lesson-plan.md) | | 2. | Array functions; [Arrow function](week2/README.md#arrow-function) | [Preparation](week2/preparation.md) | [Homework](../homework-projects/README.md) | [Lesson plan](week2/lesson-plan.md) | -| 3. | Callback function; Asyncronicity; Scope | [Preparation](week3/preparation.md) | [Homework](../homework-projects/README.md) | [Lesson plan](week3/lesson-plan.md) | +| 3. | Callback function; Asynchronicity; Scope | [Preparation](week3/preparation.md) | [Homework](../homework-projects/README.md) | [Lesson plan](week3/lesson-plan.md) | diff --git a/legacy/javascript/javascript2/week1/lesson-plan.md b/legacy/javascript/javascript2/week1/lesson-plan.md index 8ae5ec80..16b110e4 100644 --- a/legacy/javascript/javascript2/week1/lesson-plan.md +++ b/legacy/javascript/javascript2/week1/lesson-plan.md @@ -31,7 +31,7 @@ If you find anything that could be improved then please create a pull request! W - Document object - [Code inspiration simple](#dom) - [Code inspiration change logo](#change-logo) - - Exercises: [Favorite dishes](#favorite-dishes), [podcasts](#podcast), [image inserter](#image-inserter) + - Exercises: [Favourite dishes](#favourite-dishes), [podcasts](#podcast), [image inserter](#image-inserter) - Event listeners - Focus on usage, no explanation of callback - Click, mouseover, etc. Explain one and let students investigate another, like mouseover or mousemove @@ -81,7 +81,7 @@ function changeLogo() { changeLogo(); ``` -### Eventlistener +### EventListener ```js // change the event type @@ -94,13 +94,13 @@ document.querySelector("button").addEventListener("click", function (event) { ## Exercises -### Favorite dishes +### Favourite dishes -Create an array of strings with your favorite dishes. +Create an array of strings with your favourite dishes. With js select a `ul` in the DOM. You add the `ul` to the html file. -Now loop through each element of the favorite dishes array, you create an `li` element and set the text to the favorite dish. +Now loop through each element of the favourite dishes array, you create an `li` element and set the text to the favourite dish. Then append the `li` element to the `ul` element. @@ -128,8 +128,8 @@ const podcasts = [ 1. Create a `ul` 2. Loop through the podcasts -3. For every podast: - 1. Creat an `li` +3. For every podcast: + 1. Create an `li` 2. Create an `h1` element 3. Change the innerHTML of the `h1` to equal the name of the current podcast 4. Append the `h1` to the `li` @@ -148,7 +148,7 @@ notThisFunctionName( ); ``` -### Simple eventlistener +### Simple eventListener When clicking a button, change the text on the button to say "Button clicked" diff --git a/legacy/javascript/javascript2/week1/optional-homework.md b/legacy/javascript/javascript2/week1/optional-homework.md index f7348294..d4d2fd0a 100644 --- a/legacy/javascript/javascript2/week1/optional-homework.md +++ b/legacy/javascript/javascript2/week1/optional-homework.md @@ -15,7 +15,7 @@ Lets exercise our problem solving abilities! ![mind exercise](https://media.giphy.com/media/l41m04gr7tRet7Uas/giphy.gif) -### 1.1. codewars! +### 1.1. codeWars! Complete these Katas: @@ -38,7 +38,7 @@ notThisFunctionName(danishString2); // returns {total: 4, æ: 1, ø: 2, å: 1} ## 2. Spirit animal name generator -Let's create a page where **a user writes his name** in an input element. The user then clicks a button. The user will now **receive a spirit animal name**, e.g. Benjamin - The fullmoon wolf. +Let's create a page where **a user writes his name** in an input element. The user then clicks a button. The user will now **receive a spirit animal name**, e.g. Benjamin - The full moon wolf. ### 2.1. Markup time! @@ -69,7 +69,7 @@ How can we give a user multiple options to select from in html? Maybe time for g An example is: A user select that she only wants to generate a spirit animal when the input is hovered. That means that if the user writes her name in the input and clicks the button nothing happens. BUT when she hovers the input, NOW a new spirit animal is generated. -![Spiritanimal](https://media.giphy.com/media/IMSq59ySKydYQ/giphy.gif) +![Spirit animal](https://media.giphy.com/media/IMSq59ySKydYQ/giphy.gif) ## 3. hyfBay - get the okay'est products here diff --git a/legacy/javascript/javascript2/week1/optional-homework/hyf-bay/hyfBayHelpers.js b/legacy/javascript/javascript2/week1/optional-homework/hyf-bay/hyfBayHelpers.js index fd04c7b8..a981c968 100644 --- a/legacy/javascript/javascript2/week1/optional-homework/hyf-bay/hyfBayHelpers.js +++ b/legacy/javascript/javascript2/week1/optional-homework/hyf-bay/hyfBayHelpers.js @@ -1,4 +1,4 @@ -/* DONT MODIFY ANY OF THIS CODE!!!*/ +/* DON'T MODIFY ANY OF THIS CODE!!! */ window.getAvailableProducts = function () { function getRandomInt(min, max) { @@ -13,7 +13,7 @@ window.getAvailableProducts = function () { ]; } - function getRandomProductname() { + function getRandomProductName() { const preWords = [ "Used", "Fantastic", @@ -59,7 +59,7 @@ window.getAvailableProducts = function () { null, Array(numberOfAvailableProducts), ).map(() => { - const name = getRandomProductname(); + const name = getRandomProductName(); return { id: `${name}${getRandomInt(0, 100000)}`, name, diff --git a/legacy/javascript/javascript2/week1/preparation.md b/legacy/javascript/javascript2/week1/preparation.md index 88637bd2..707773ca 100644 --- a/legacy/javascript/javascript2/week1/preparation.md +++ b/legacy/javascript/javascript2/week1/preparation.md @@ -1,7 +1,7 @@ # Preparation - [Basic DOM manipulations (img src, innerHTML)](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/DOM_manipulation.md) (5 min) -- [Code Degugging Using the Browser](https://javascript.info/debugging-chrome) (5 min) +- [Code Debugging Using the Browser](https://javascript.info/debugging-chrome) (5 min) - [Code commenting](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/code_commenting.md) (2 min) - [Attaching an event](https://www.w3schools.com/jsref/met_element_addeventlistener.asp) (5 min) diff --git a/legacy/javascript/javascript2/week2/README.md b/legacy/javascript/javascript2/week2/README.md index 0c188b9c..3c585363 100644 --- a/legacy/javascript/javascript2/week2/README.md +++ b/legacy/javascript/javascript2/week2/README.md @@ -46,7 +46,7 @@ const cars = [ // lets use the same cars array -// Lets transfrom it from an array of car objects to an array of car colors +// Lets transform it from an array of car objects to an array of car colors const carColors = cars.map(function (car) { return car.color; }); @@ -112,7 +112,7 @@ const getTimesTenArrowFunction = (a) => { return a * 10; }; -// If there is only one parameter, we can remove the paranthesis: +// If there is only one parameter, we can remove the parenthesis: const getTimesTenArrowFunction = (a) => { return a * 10; }; @@ -125,7 +125,7 @@ Here is how you **convert a function into an arrow function:** 1. Remove the keyword function 2. Add an arrow after the parameter -3. If there is only one parameter, we can remove the paranthesis around the parameter +3. If there is only one parameter, we can remove the parenthesis around the parameter 4. If the function is returning a single line of code, we can remove the return keyword and the curly braces. ### Chaining diff --git a/legacy/javascript/javascript2/week2/lesson-plan.md b/legacy/javascript/javascript2/week2/lesson-plan.md index 9918ea8a..4124d4c2 100644 --- a/legacy/javascript/javascript2/week2/lesson-plan.md +++ b/legacy/javascript/javascript2/week2/lesson-plan.md @@ -158,7 +158,7 @@ const experiencedMentors = mentors.filter(function (mentor) { } // can also be written as - // reuturn mentor.yearsOfExperience > 7 + // return mentor.yearsOfExperience > 7 // Explain why! }); @@ -240,12 +240,12 @@ function filterMentorList(courseID) { const resultHtml = document.getElementById("result"); let listHtml = ""; - let filteresListByCourseId = mentors.filter(function (mentor) { + let filteredListByCourseId = mentors.filter(function (mentor) { const sub = mentor.subject; return sub.indexOf(courseID) >= 0; }); - filteresListByCourseId.forEach(function (mentor) { + filteredListByCourseId.forEach(function (mentor) { listHtml += `
${mentor.name} - ${mentor.age}
`; }); diff --git a/legacy/javascript/javascript2/week2/optional-homework.md b/legacy/javascript/javascript2/week2/optional-homework.md index 22d25949..85833078 100644 --- a/legacy/javascript/javascript2/week2/optional-homework.md +++ b/legacy/javascript/javascript2/week2/optional-homework.md @@ -53,7 +53,7 @@ console.log("The doubled numbers are", newNumbers); // [2, 6] Rewrite the above program using `map` and `filter` don't forget to use arrow functions. -### 1.2. codewars! +### 1.2. codeWars! Complete these Katas: @@ -82,7 +82,7 @@ Copy the movies array in the [movies](optional-homework/movies.js) file. Use thi ### 2.1. Filter products -A very normal usecase for a product site is that a **user wants to search for some product** or find products that are cheaper than a set price. Lets implement that functionality for a user! +A very normal use case for a product site is that a **user wants to search for some product** or find products that are cheaper than a set price. Lets implement that functionality for a user! BUT first lets figure out what happens on a conceptual level, when a user filters some products: @@ -90,7 +90,7 @@ BUT first lets figure out what happens on a conceptual level, when a user filter 2. When that event happens we need to **filter the products** the user wants 3. Then we should **render those products** -Lets get a little closer to javacript: +Lets get a little closer to JavaScript: 1. `.addEventListener` on an element 2. `.filter` on the products array diff --git a/legacy/javascript/javascript2/week2/optional-homework/hyf-bay/hyfBayHelpers.js b/legacy/javascript/javascript2/week2/optional-homework/hyf-bay/hyfBayHelpers.js index faca5476..edf27b36 100644 --- a/legacy/javascript/javascript2/week2/optional-homework/hyf-bay/hyfBayHelpers.js +++ b/legacy/javascript/javascript2/week2/optional-homework/hyf-bay/hyfBayHelpers.js @@ -1,4 +1,4 @@ -/* DONT MODIFY ANY OF THIS CODE!!!*/ +/* DON'T MODIFY ANY OF THIS CODE!!! */ window.availableCountries = [ "Denmark", @@ -22,7 +22,7 @@ window.getAvailableProducts = function () { ]; } - function getRandomProductname() { + function getRandomProductName() { const preWords = [ "Used", "Fantastic", @@ -84,7 +84,7 @@ window.getAvailableProducts = function () { null, Array(numberOfAvailableProducts), ).map(() => { - const name = getRandomProductname(); + const name = getRandomProductName(); return { id: `${name}${getRandomInt(0, 100000)}`, name, diff --git a/legacy/javascript/javascript2/week3/README.md b/legacy/javascript/javascript2/week3/README.md index acc663fa..edb6b817 100644 --- a/legacy/javascript/javascript2/week3/README.md +++ b/legacy/javascript/javascript2/week3/README.md @@ -40,7 +40,7 @@ document.querySelector("input").addEventListener("input", callback); In this article you can find a really good analogy and description of the differences between async (asynchronous) and sync (synchronous) -Here is the analogy in a quick writeup: +Here is the analogy in a quick write up: There is a a man called mr. X. You can call him with any problem and he will answer your right away. He picks up the phone and answers RIGHT away. This is like synchronous js code. It runs right away, no waiting. @@ -80,7 +80,7 @@ So how does javascript handle asynchronous code? Here is an example with setTime First setTimeout is added to the call stack. The call stack hands it over to the browser with the callback function given in the setTimeout function. The browser handles the timing of the setTimeout via Web APIs and then it is popped from the call stack. -When the timer is expired it sends the callback of our setTimeout function to the eventloop. The eventloop then works like this: if the call stack is empty it will take the first thing in the event loop and add it to the call stack. When it is added to the call stack it is javascript call stack business as usual. Call the function and pop it from the call stack. +When the timer is expired it sends the callback of our setTimeout function to the event loop. The event loop then works like this: if the call stack is empty it will take the first thing in the event loop and add it to the call stack. When it is added to the call stack it is javascript call stack business as usual. Call the function and pop it from the call stack. This is perfectly visualised here: diff --git a/legacy/javascript/javascript3/week1/optional-homework.md b/legacy/javascript/javascript3/week1/optional-homework.md index 958201a3..a75d63c7 100644 --- a/legacy/javascript/javascript3/week1/optional-homework.md +++ b/legacy/javascript/javascript3/week1/optional-homework.md @@ -62,7 +62,7 @@ This data should be showed in your app: - Temperature - Icon for the weather type - Wind speed -- How clowdy it is +- How cloudy it is - When sunrise and sunset is - _Optional_ a map showing where the city is located diff --git a/legacy/javascript/javascript3/week2/lesson-plan.md b/legacy/javascript/javascript3/week2/lesson-plan.md index 46b7afa4..fa2a7576 100644 --- a/legacy/javascript/javascript3/week2/lesson-plan.md +++ b/legacy/javascript/javascript3/week2/lesson-plan.md @@ -19,9 +19,9 @@ If you find anything that could be improved then please create a pull request! W --- -Promises is notoriously difficult to teach! I teach **consumption and creation of promises totally separate!** And show them that its just like with functions. There is a creation part and a comsumption part. +Promises is notoriously difficult to teach! I teach **consumption and creation of promises totally separate!** And show them that its just like with functions. There is a creation part and a consumption part. -First when they fully understand one part of promises, i move on! Don't overcomplicate things. Only mention the resolve function to begin with. When they get that, say that there also is a reject function. **Take as many babysteps as is possible!** Dont mention that resolve and reject can take an argument to begin with, first later explain that. +First when they fully understand one part of promises, i move on! Don't overcomplicate things. Only mention the resolve function to begin with. When they get that, say that there also is a reject function. **Take as many baby steps as is possible!** Don't mention that resolve and reject can take an argument to begin with, first later explain that. This class is a little poor on real world examples. Make a PR if you have any good ideas! @@ -35,7 +35,7 @@ This class is a little poor on real world examples. Make a PR if you have any go - So important to explain this, the students always ask this! - - Consumption - - [Code inspiration](#promise-comsumption) + - [Code inspiration](#promise-consumption) - Example, call some function that returns a promise (like fetch) - [Exercises 2](#exercise-2) - Creation @@ -88,7 +88,7 @@ async function getAstronauts() { getAstronauts(); ``` -### Promise comsumption +### Promise consumption So how did the async/await example above actually work? Lets get into promises! @@ -185,7 +185,7 @@ async function getAstronauts() { const astronauts = await astronautsResponse.json(); return astronauts; } catch (err) { - throw "Fetchin the astronauts went wrong"; + throw "Fetching the astronauts went wrong"; } } diff --git a/legacy/javascript/javascript3/week2/optional-homework/promise-visual/move-element.js b/legacy/javascript/javascript3/week2/optional-homework/promise-visual/move-element.js index 1ce9e89e..e1002817 100644 --- a/legacy/javascript/javascript3/week2/optional-homework/promise-visual/move-element.js +++ b/legacy/javascript/javascript3/week2/optional-homework/promise-visual/move-element.js @@ -26,7 +26,7 @@ randomizeStartPosition(); const targets = document.querySelectorAll("ul.targets li"); - // continously check if circles has been added to the right targets + // continuously check if circles has been added to the right targets setInterval(() => { setTargetFulfilled(redBox, targets[0], { x: 20, y: 300 }); setTargetFulfilled(blueBox, targets[1], { x: 400, y: 300 }); diff --git a/legacy/javascript/javascript3/week3/optional-homework.md b/legacy/javascript/javascript3/week3/optional-homework.md index 5a2021ed..a1b4310b 100644 --- a/legacy/javascript/javascript3/week3/optional-homework.md +++ b/legacy/javascript/javascript3/week3/optional-homework.md @@ -9,7 +9,7 @@ API to generate screenshot: -Technical spesifications. +Technical specifications. 1. User can enter a URL for a website and it will send back a screenshot of the website using the website-screenshot API 2. User can hit a button to save the screenshot. It will then save the screenshot and the URL as a resource on crudcrud @@ -26,7 +26,7 @@ Extra Extra Extra 1. Create another user -2. When saving a screenshot also save the user email(or another unique identifer) +2. When saving a screenshot also save the user email(or another unique identifier) 3. Make sure we are only showing screenshots that the user that is logged in has uploaded -Keep in mind the API key for the website-screenshot and the uuid for crudcrud should be in a secret.js file which is not comitted to git +Keep in mind the API key for the website-screenshot and the uuid for crudcrud should be in a secret.js file which is not committed to git diff --git a/legacy/javascript/javascript3/week3/optional-homework/github-repos.html b/legacy/javascript/javascript3/week3/optional-homework/github-repos.html index 2763d6d6..fe47a6fd 100644 --- a/legacy/javascript/javascript3/week3/optional-homework/github-repos.html +++ b/legacy/javascript/javascript3/week3/optional-homework/github-repos.html @@ -8,7 +8,7 @@
  • - testyMcTestface's repositories + testyMcTestFace's repositories
    • test-tester: https://github.com/testyMcTestface/test-tester
    • test-dont-like: https://github.com/testyMcTestface/test-dont-like
    • diff --git a/legacy/react/react1/week1/lesson-plan.md b/legacy/react/react1/week1/lesson-plan.md index eec7fa56..6ec173a8 100644 --- a/legacy/react/react1/week1/lesson-plan.md +++ b/legacy/react/react1/week1/lesson-plan.md @@ -48,7 +48,7 @@ ### Importing / exporting .jsx (5 min) -- defauls exports and named exports +- defaults exports and named exports ### Importing .css (5 minutes) @@ -130,7 +130,7 @@ This will set up a new Next.js project with the necessary dependencies and a bas > Understanding all the options is out of the scope of this module, but if you are interested you can read more about it here: > > - _[TypeScript](https://www.typescriptlang.org/)_ is a superset of Javascript and introduces type checking which means it checks if the specified types match before running the code, not while running the code. It helps identifying errors early on. -> - _[ESLint](https://eslint.org/)_ is an a tool which analyzes your code to ensure it follows good coding conventions. This helps keep the code clean and maintainable. +> - _[ESLint](https://eslint.org/)_ is an a tool which analyses your code to ensure it follows good coding conventions. This helps keep the code clean and maintainable. > - _[Tailwind CSS](https://tailwindcss.com/)_ is a CSS framework which comes with a lot of utility classes to quickly add CSS styling to your components. It enables you to add styling without having to add most of the common CSS classes. > - Using a `src/` directory is a common pattern to separate your source code from your configuration of the app. It can help you get a better overview of the project as it grows, but this option ultimately comes down to personal preference and won't affect your app. > - _[App Router](https://www.freecodecamp.org/news/routing-in-nextjs/)_ enables us to easily navigate between pages found in the `/app/pages/` folder. It is a build-in feature of Next.js and will solve most of your needs for page navigation. @@ -174,4 +174,4 @@ my-app/ - `app/` directory contains the React components that represent different pages in your application. - `components/` directory contains the React components that represent all the custom components built by you. - `public/` directory is where you can store static assets like images, documents, etc. -- `next.config.js` is a configuration file for customizing Next.js behavior. +- `next.config.js` is a configuration file for customizing Next.js behaviors. diff --git a/legacy/react/react1/week2/lesson-plan.md b/legacy/react/react1/week2/lesson-plan.md index b3b6456c..5455a49f 100644 --- a/legacy/react/react1/week2/lesson-plan.md +++ b/legacy/react/react1/week2/lesson-plan.md @@ -89,7 +89,7 @@ ### Importing / exporting .jsx (5 min) -- defauls exports and named exports +- defaults exports and named exports ## Exercises diff --git a/legacy/react/react1/week3/lesson-plan.md b/legacy/react/react1/week3/lesson-plan.md index d2945f92..54caa266 100644 --- a/legacy/react/react1/week3/lesson-plan.md +++ b/legacy/react/react1/week3/lesson-plan.md @@ -30,7 +30,7 @@ - Usage of `useEffect` - dependencies of effect (onMount) -- cleanup after effect +- clean up after effect ### Connecting to APIs (10 min) @@ -74,7 +74,7 @@ 1. Create a new component called `Clock`. 2. Use the `useState` hook to manage the current time. 3. Use the `useEffect` hook to set up an interval that updates the time every second. -4. Implement the cleanup function in `useEffect` to clear the interval when the component unmounts. +4. Implement the clean up function in `useEffect` to clear the interval when the component unmounts. 5. Render the current time in the component. #### 5. Build a DataFetcher component (15 minutes) @@ -91,5 +91,5 @@ 2. Use the `useState` hook to manage the window size. 3. Use the `useEffect` hook to set up an event listener for the `resize` event. 4. Update the window size state whenever the `resize` event is triggered. -5. Implement the cleanup function in `useEffect` to remove the event listener when the component unmounts. +5. Implement the clean up function in `useEffect` to remove the event listener when the component unmounts. 6. Render the current window size in the component. diff --git a/legacy/react/react2/Meal-sharing/homework.md b/legacy/react/react2/Meal-sharing/homework.md index e8405ff4..6dcf0781 100644 --- a/legacy/react/react2/Meal-sharing/homework.md +++ b/legacy/react/react2/Meal-sharing/homework.md @@ -2,7 +2,7 @@ This page provides you with: -1. A summary of the homeworks from the NodeJS and React modules that **relate** to the meal-sharing project +1. A summary of the homework from the NodeJS and React modules that **relate** to the meal-sharing project 2. Some additional steps to complete **after** the meal sharing session ## NodeJS @@ -114,7 +114,7 @@ Sorting meals: Showing available spots: - Add an indicator to the `Meal` component for how many spots are left to be reserved for a given meal - > Hint: You can extend the `GET /meals` and `GET meals/:id` endpoints to include this information! Another alternative is to create a new endpoint just for this information and call it as an addiontal effect inside of the ` component. + > Hint: You can extend the `GET /meals` and `GET meals/:id` endpoints to include this information! Another alternative is to create a new endpoint just for this information and call it as an additional effect inside of the ` component. > Bonus: How can you update this information every 5 seconds? diff --git a/legacy/react/react2/week2/homework.md b/legacy/react/react2/week2/homework.md index 2da803f6..0c2629bb 100644 --- a/legacy/react/react2/week2/homework.md +++ b/legacy/react/react2/week2/homework.md @@ -14,20 +14,20 @@ Alternatively, use Material UI to import pre-made components into your applicati | Route | Description | | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `/` | Add a page title and a sub title. Render **some** (not all!) of the meals returned by the API and a link (a button or something out of your creative decision) to see more, which will lead to the `/meals` page. Please add more to this page like footer, menu, logo, etc. You should have the meals part already by having worked on `MealsList` (and `Meal`) component in previous homeworks. | +| `/` | Add a page title and a sub title. Render **some** (not all!) of the meals returned by the API and a link (a button or something out of your creative decision) to see more, which will lead to the `/meals` page. Please add more to this page like footer, menu, logo, etc. You should have the meals part already by having worked on `MealsList` (and `Meal`) component in previous homework. | | `/meals/{id}` | Render the meal with the specific `id`. Add a form to create reservations for the meal. | | `/meals` | Render all the meals returned by the API with a link to their respective pages (`meals/3`). This page is very similar to the one in '/' route, except that it lists all meals returned by the API. | ### /meals/{id} -The `/meals/{id}` route should display the meal and have a form for making a reservation for that meal. The form should have `phonenumber`, `name` and `email`. When creating a new reservation with a form, use the `POST /api/reservations` route. +The `/meals/{id}` route should display the meal and have a form for making a reservation for that meal. The form should have `phoneNumber`, `name` and `email`. When creating a new reservation with a form, use the `POST /api/reservations` route. ❗ This form should only be shown if the meal does have available reservations! That means that we need to: -- When the "book seat" button is clicked get the `phonenumber`, `name` and `email` from either the form or the individual inputs; -- Now create a [post request using fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#Supplying_request_options) with the `phonenumber`, `name` and `email`. +- When the "book seat" button is clicked get the `phoneNumber`, `name` and `email` from either the form or the individual inputs; +- Now create a [post request using fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#Supplying_request_options) with the `phoneNumber`, `name` and `email`. - If the request is successful indicate to the user that the request went well. If it was unsuccessful show an error message. This we could do using `alert`. You could also explore [making a modal](https://dev.to/franciscomendes10866/how-to-create-a-modal-in-react-3coc). ### Reviews From 25e34c54ab643d03fb2e8cec19a0eaec708786ab Mon Sep 17 00:00:00 2001 From: Yasen Vasilev <52400967+jason-vasilev@users.noreply.github.com> Date: Tue, 6 May 2025 17:24:46 +0200 Subject: [PATCH 3/4] MD table lint fix --- legacy/javascript/javascript2/README.md | 2 +- legacy/react/react2/week2/homework.md | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/legacy/javascript/javascript2/README.md b/legacy/javascript/javascript2/README.md index 5b1fc1d9..271fc838 100644 --- a/legacy/javascript/javascript2/README.md +++ b/legacy/javascript/javascript2/README.md @@ -6,4 +6,4 @@ Here you can find course content and homework for the JavaScript 2 module. | ---- | ----------------------------------------------------------------- | ----------------------------------- | ------------------------------------------ | ----------------------------------- | | 1. | Browser environment; DOM manipulation; DOM event listeners | [Preparation](week1/preparation.md) | [Homework](../homework-projects/README.md) | [Lesson plan](week1/lesson-plan.md) | | 2. | Array functions; [Arrow function](week2/README.md#arrow-function) | [Preparation](week2/preparation.md) | [Homework](../homework-projects/README.md) | [Lesson plan](week2/lesson-plan.md) | -| 3. | Callback function; Asynchronicity; Scope | [Preparation](week3/preparation.md) | [Homework](../homework-projects/README.md) | [Lesson plan](week3/lesson-plan.md) | +| 3. | Callback function; Asynchronicity; Scope | [Preparation](week3/preparation.md) | [Homework](../homework-projects/README.md) | [Lesson plan](week3/lesson-plan.md) | diff --git a/legacy/react/react2/week2/homework.md b/legacy/react/react2/week2/homework.md index 0c2629bb..bae09e99 100644 --- a/legacy/react/react2/week2/homework.md +++ b/legacy/react/react2/week2/homework.md @@ -12,11 +12,11 @@ The routes for the application are defined below. In the previous homework you'v To add a new route, start by creating components to attach to the route in `/frontend/components`, then define the route path in the directory and choose which components to use in the page. Alternatively, use Material UI to import pre-made components into your application. -| Route | Description | -| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| Route | Description | +| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | `/` | Add a page title and a sub title. Render **some** (not all!) of the meals returned by the API and a link (a button or something out of your creative decision) to see more, which will lead to the `/meals` page. Please add more to this page like footer, menu, logo, etc. You should have the meals part already by having worked on `MealsList` (and `Meal`) component in previous homework. | -| `/meals/{id}` | Render the meal with the specific `id`. Add a form to create reservations for the meal. | -| `/meals` | Render all the meals returned by the API with a link to their respective pages (`meals/3`). This page is very similar to the one in '/' route, except that it lists all meals returned by the API. | +| `/meals/{id}` | Render the meal with the specific `id`. Add a form to create reservations for the meal. | +| `/meals` | Render all the meals returned by the API with a link to their respective pages (`meals/3`). This page is very similar to the one in '/' route, except that it lists all meals returned by the API. | ### /meals/{id} From c7b013553ad2609fe641a2e47031638a296e3928 Mon Sep 17 00:00:00 2001 From: Yasen Vasilev <52400967+jason-vasilev@users.noreply.github.com> Date: Wed, 7 May 2025 10:09:34 +0200 Subject: [PATCH 4/4] Refine spelling mistakes after 1st round feedback --- .../Foundation/intro-to-javascript/week2/assignment.md | 4 ++-- .../homework-projects/projects/memory-game/memory-game.md | 2 +- legacy/javascript/javascript2/week1/lesson-plan.md | 8 ++++---- legacy/javascript/javascript2/week2/README.md | 4 ++-- legacy/react/react1/week1/lesson-plan.md | 4 ++-- legacy/react/react1/week2/lesson-plan.md | 2 +- 6 files changed, 12 insertions(+), 12 deletions(-) diff --git a/courses/Foundation/intro-to-javascript/week2/assignment.md b/courses/Foundation/intro-to-javascript/week2/assignment.md index 485ed2ed..d1f95aec 100644 --- a/courses/Foundation/intro-to-javascript/week2/assignment.md +++ b/courses/Foundation/intro-to-javascript/week2/assignment.md @@ -103,10 +103,10 @@ Today is Sunday and the event is in 5 days. Therefore the event will be held on ```js // With today's weekday a tuesday -console.log(getEventWeekday(9)); // Logs out "Thursday" +console.log(getEventWeekday(9)); // Outputs "Thursday" // With today's weekday a Friday -console.log(getEventWeekday(2)); // Logs out "Sunday" +console.log(getEventWeekday(2)); // Outputs "Sunday" ``` You should get the today's day from the system. diff --git a/legacy/javascript/homework-projects/projects/memory-game/memory-game.md b/legacy/javascript/homework-projects/projects/memory-game/memory-game.md index fed7fd11..b8878577 100644 --- a/legacy/javascript/homework-projects/projects/memory-game/memory-game.md +++ b/legacy/javascript/homework-projects/projects/memory-game/memory-game.md @@ -1,6 +1,6 @@ # MEMORY GAME -![Agent J from "Men In Black": "Hey, don't even worry about it", while flashing the neutralizer](https://media.giphy.com/media/374pcIBVEGb6g/giphy.gif) +![Agent J from "Men In Black": "Hey, don't even worry about it", while flashing the neuralyzer](https://media.giphy.com/media/374pcIBVEGb6g/giphy.gif) You joined an online game platform startup and your task is to build one of the small classic games. diff --git a/legacy/javascript/javascript2/week1/lesson-plan.md b/legacy/javascript/javascript2/week1/lesson-plan.md index 16b110e4..cf21f136 100644 --- a/legacy/javascript/javascript2/week1/lesson-plan.md +++ b/legacy/javascript/javascript2/week1/lesson-plan.md @@ -37,8 +37,8 @@ If you find anything that could be improved then please create a pull request! W - Click, mouseover, etc. Explain one and let students investigate another, like mouseover or mousemove - Input Change, input - Event parameter - - [Code inspiration](#eventlistener) - - [Exercise simple](#simple-eventlistener) + - [Code inspiration](#event-listener) + - [Exercise simple](#simple-event-listener) - [Exercise dark mode light mode](#light-mode-dark-mode) Really try in this class to do short teaching and lots of exercises! @@ -81,7 +81,7 @@ function changeLogo() { changeLogo(); ``` -### EventListener +### Event listener ```js // change the event type @@ -148,7 +148,7 @@ notThisFunctionName( ); ``` -### Simple eventListener +### Simple event listener When clicking a button, change the text on the button to say "Button clicked" diff --git a/legacy/javascript/javascript2/week2/README.md b/legacy/javascript/javascript2/week2/README.md index 3c585363..88a361be 100644 --- a/legacy/javascript/javascript2/week2/README.md +++ b/legacy/javascript/javascript2/week2/README.md @@ -112,7 +112,7 @@ const getTimesTenArrowFunction = (a) => { return a * 10; }; -// If there is only one parameter, we can remove the parenthesis: +// If there is only one parameter, we can remove the parentheses: const getTimesTenArrowFunction = (a) => { return a * 10; }; @@ -125,7 +125,7 @@ Here is how you **convert a function into an arrow function:** 1. Remove the keyword function 2. Add an arrow after the parameter -3. If there is only one parameter, we can remove the parenthesis around the parameter +3. If there is only one parameter, we can remove the parentheses around the parameter 4. If the function is returning a single line of code, we can remove the return keyword and the curly braces. ### Chaining diff --git a/legacy/react/react1/week1/lesson-plan.md b/legacy/react/react1/week1/lesson-plan.md index 6ec173a8..36ac60e5 100644 --- a/legacy/react/react1/week1/lesson-plan.md +++ b/legacy/react/react1/week1/lesson-plan.md @@ -48,7 +48,7 @@ ### Importing / exporting .jsx (5 min) -- defaults exports and named exports +- default exports and named exports ### Importing .css (5 minutes) @@ -174,4 +174,4 @@ my-app/ - `app/` directory contains the React components that represent different pages in your application. - `components/` directory contains the React components that represent all the custom components built by you. - `public/` directory is where you can store static assets like images, documents, etc. -- `next.config.js` is a configuration file for customizing Next.js behaviors. +- `next.config.js` is a configuration file for customizing Next.js behaviours. diff --git a/legacy/react/react1/week2/lesson-plan.md b/legacy/react/react1/week2/lesson-plan.md index 5455a49f..a65d2ecc 100644 --- a/legacy/react/react1/week2/lesson-plan.md +++ b/legacy/react/react1/week2/lesson-plan.md @@ -89,7 +89,7 @@ ### Importing / exporting .jsx (5 min) -- defaults exports and named exports +- default exports and named exports ## Exercises