1. [The Meyer Reset](https://meyerweb.com/eric/tools/css/reset/) is almost certainly the most popular. It's very simple and basically removes every default style.
-2. [Normalize.css](http://nicolasgallagher.com/about-normalize-css/) is another popular one. It's a little different in that it doesn't remove all the default styles, but tweaks them slightly to ensure that browsers are consistent. Currently, the article's download link is dead. If you want to install normalize.css for your project, use the instructions found in the [normalize.css repository's](https://github.com/necolas/normalize.css) `README.md` file. If you are unsure which method to use, go with the NPM package install.
+2. [Normalize.css](http://nicolasgallagher.com/about-normalize-css/) is another popular one. It's a little different in that it doesn't remove all the default styles, but tweaks them slightly to ensure that browsers are consistent. Currently, the article's download link is dead. If you want to install normalize.css for your project, download it from [normalize.css official website](https://necolas.github.io/normalize.css/) or use the instructions found in the [normalize.css repository's](https://github.com/necolas/normalize.css) `README.md` file. If you are unsure which method to use, go with the NPM package install.
3. [Reboot, Resets and Reasoning](https://css-tricks.com/reboot-resets-reasoning/) is a CSS tricks article that goes a little more in-depth, and mentions a few other popular resets.
4. Maybe more trivial than useful, this [Browser Default Styles](https://browserdefaultstyles.com/) site is fun to play with.
From 26fdad42d3b9c030d0eeaa2f57933f8fdb48a474 Mon Sep 17 00:00:00 2001
From: Gopesh Khandelwal <76841067+gopesh3652@users.noreply.github.com>
Date: Wed, 20 Sep 2023 16:01:00 +0530
Subject: [PATCH 62/70] Update computer_basics.md
whilst --> while
---
foundations/installations/computer_basics.md | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/foundations/installations/computer_basics.md b/foundations/installations/computer_basics.md
index cb94a62a0ec..1516f7ae062 100644
--- a/foundations/installations/computer_basics.md
+++ b/foundations/installations/computer_basics.md
@@ -1,6 +1,6 @@
### Introduction
-Needless to say, whilst learning to code, you'll be spending most of your time on a computer. Hence, understanding how to work with your computer is crucial. In this lesson, we'll introduce a resource which will quickly get you up to speed with some computer basics.
+Needless to say, while learning to code, you'll be spending most of your time on a computer. Hence, understanding how to work with your computer is crucial. In this lesson, we'll introduce a resource which will quickly get you up to speed with some computer basics.
### Lesson overview
@@ -40,4 +40,4 @@ This section contains questions for you to check your understanding of this less
This section contains helpful links to related content. It isn’t required, so consider it supplemental.
- Checkout [GCF's page on "What are accessibility features"](https://edu.gcfglobal.org/en/computerbasics/using-accessibility-features/1/) to learn how you can leverage these features to use your computer efficiently.
-- If you feel like spending more time learning about this topic, check out [FreeCodeCamp's excellent course on computer basics](https://youtu.be/y2kg3MOk1sY)
\ No newline at end of file
+- If you feel like spending more time learning about this topic, check out [FreeCodeCamp's excellent course on computer basics](https://youtu.be/y2kg3MOk1sY)
From 42e0c2a8d37cb26e91d1369376c071b8ab02e856 Mon Sep 17 00:00:00 2001
From: Tanjim605
Date: Wed, 20 Sep 2023 18:52:24 +0600
Subject: [PATCH 63/70] Assignment heading of links-and-images from
html-foundations from html_css wasn't showing as heading in the website of
theodinproject.com maybe for missing of an empty line before triple hash tag
so I fixed it.
---
foundations/html_css/html-foundations/links-and-images.md | 1 +
1 file changed, 1 insertion(+)
diff --git a/foundations/html_css/html-foundations/links-and-images.md b/foundations/html_css/html-foundations/links-and-images.md
index 319847d4892..111362c8db6 100644
--- a/foundations/html_css/html-foundations/links-and-images.md
+++ b/foundations/html_css/html-foundations/links-and-images.md
@@ -244,6 +244,7 @@ Here is our Odin Project logo example with height and width tags included:
Go ahead and update the `odin-links-and-images` project with width and height tags on the dog image.
+
### Assignment
From 34e012a59a0401cdd701070223f1bbfc4045c523 Mon Sep 17 00:00:00 2001
From: Sushant Singh Chauhan
Date: Thu, 21 Sep 2023 18:48:32 +0530
Subject: [PATCH 64/70] Updated Lazy Numbering
---
git/foundations_git/introduction_to_git.md | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/git/foundations_git/introduction_to_git.md b/git/foundations_git/introduction_to_git.md
index 9376057f292..a5049237f15 100644
--- a/git/foundations_git/introduction_to_git.md
+++ b/git/foundations_git/introduction_to_git.md
@@ -33,10 +33,10 @@ This section contains a general overview of topics that you will learn in this l
1. Read Chapter 1.1 through 1.4 in [this book about version control](https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control) to learn the differences between local, centralized, and distributed version control systems.
- 2. Watch [this video](https://www.youtube.com/watch?v=2ReR1YJrNOM) about what Git is and how it can improve the workflow of both an individual and a team of developers.
- 3. Watch [this video](https://www.youtube.com/watch?v=1h9_cB9mPT8&feature=youtu.be&t=13s) for some history on Git and GitHub, and make sure you know the difference between the two. Git is a technology used in the command line while GitHub is a [website](https://github.com/) you can visit.
- 4. If you haven't yet installed Git, visit the [Setting Up Git](https://www.theodinproject.com/lessons/foundations-setting-up-git) lesson.
- 5. Take a look at The Odin Project's very own [GitHub repository](https://github.com/TheOdinProject/curriculum). This is where all the lessons are stored! While you're there, look at all our [contributors](https://github.com/TheOdinProject/curriculum/graphs/contributors) to gain an appreciation for how Git records all collaborative efforts and how GitHub visually represents this.
+ 1. Watch [this video](https://www.youtube.com/watch?v=2ReR1YJrNOM) about what Git is and how it can improve the workflow of both an individual and a team of developers.
+ 1. Watch [this video](https://www.youtube.com/watch?v=1h9_cB9mPT8&feature=youtu.be&t=13s) for some history on Git and GitHub, and make sure you know the difference between the two. Git is a technology used in the command line while GitHub is a [website](https://github.com/) you can visit.
+ 1. If you haven't yet installed Git, visit the [Setting Up Git](https://www.theodinproject.com/lessons/foundations-setting-up-git) lesson.
+ 1. Take a look at The Odin Project's very own [GitHub repository](https://github.com/TheOdinProject/curriculum). This is where all the lessons are stored! While you're there, look at all our [contributors](https://github.com/TheOdinProject/curriculum/graphs/contributors) to gain an appreciation for how Git records all collaborative efforts and how GitHub visually represents this.
### Knowledge check
From b4ad1e4682068ed2d1f00d60eab763b84208a437 Mon Sep 17 00:00:00 2001
From: zhna123
Date: Thu, 21 Sep 2023 19:57:50 -0400
Subject: [PATCH 65/70] Updated Vitest mock notes
---
react/react_testing/mocking_callbacks_and_components.md | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/react/react_testing/mocking_callbacks_and_components.md b/react/react_testing/mocking_callbacks_and_components.md
index 1e5ef017996..ed4abae18c1 100644
--- a/react/react_testing/mocking_callbacks_and_components.md
+++ b/react/react_testing/mocking_callbacks_and_components.md
@@ -129,9 +129,9 @@ We only render the bare minimum to realize the validity of the component we're t
-#### Note
+#### Note - Vitest mocks
-The test here used `jest.mock()`. If you followed along and set up your test using vitest, you may use `vi.mock()` instead. See [vi.mock() API](https://vitest.dev/api/vi.html#vi-mock)
+The test here used `jest.mock()`. If you followed along and set up your test using Vitest, you may use `vi.mock()` instead. See [`vi.mock()` API](https://vitest.dev/api/vi.html#vi-mock).
From bf062287d30b156414196f5080ec0e4ec2815cc7 Mon Sep 17 00:00:00 2001
From: Asartea <76259120+Asartea@users.noreply.github.com>
Date: Fri, 22 Sep 2023 18:07:43 +0200
Subject: [PATCH 66/70] bump actions/checkout to v4
---
.github/workflows/testing.yml | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/.github/workflows/testing.yml b/.github/workflows/testing.yml
index cda00bc2b44..b3fc0b46c42 100644
--- a/.github/workflows/testing.yml
+++ b/.github/workflows/testing.yml
@@ -8,7 +8,7 @@ jobs:
name: Check for spelling errors
runs-on: ubuntu-latest
steps:
- - uses: actions/checkout@v3
+ - uses: actions/checkout@v4
- uses: codespell-project/actions-codespell@master
with:
check_filenames: true
From ec7a1536c8f0ef289d03855b1e42bb5840a0fd56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Olejniczak?=
<0stanislawolejniczak0@gmail.com>
Date: Fri, 22 Sep 2023 20:11:18 +0200
Subject: [PATCH 67/70] Fix error throw statement
---
react/more_react_concepts/reducing_state.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/react/more_react_concepts/reducing_state.md b/react/more_react_concepts/reducing_state.md
index 50b303fa865..98509a17ce7 100644
--- a/react/more_react_concepts/reducing_state.md
+++ b/react/more_react_concepts/reducing_state.md
@@ -33,7 +33,7 @@ function reducer(state, action) {
return { count: action.value };
}
default: {
- throw new error("unknown action: " + action.type);
+ throw new Error("unknown action: " + action.type);
}
}
}
From cd954539277bb8ea7ca203570caf027068ed0c55 Mon Sep 17 00:00:00 2001
From: Ben R
Date: Fri, 22 Sep 2023 11:52:31 -0700
Subject: [PATCH 68/70] additional changes
---
.../professional_networking.md | 21 ++++++++++++-------
1 file changed, 13 insertions(+), 8 deletions(-)
diff --git a/getting_hired/preparing_for_job_search/professional_networking.md b/getting_hired/preparing_for_job_search/professional_networking.md
index b1d7d258d4c..baab1b3000b 100644
--- a/getting_hired/preparing_for_job_search/professional_networking.md
+++ b/getting_hired/preparing_for_job_search/professional_networking.md
@@ -16,24 +16,29 @@ This lesson covers the following topics:
Your professional network is not the people you follow on social media, nor is it necessarily your friends. It is the people with whom you have made a genuine connection, whether in-person or online, because you have a mutual interest and can gain more value through being connected than you would otherwise have alone. These are the people you can ask for help, and in turn you can help out later.
-The network that will help you on your journey to becoming a software developer will mostly consist of people working in software development and adjacent roles, like recruitment or management. Take stock of your network in this field now. Chances are you might benefit from expanding it?
+The network that will help you on your journey to becoming a software developer will mostly consist of people working in software development and adjacent roles, like recruitment or management. Take stock of your network in this field now. Chances are, you might benefit from expanding it.
### Why is a professional network useful?
-You can probably think of instances where you were stuck on a task and asked someone for help. This was you exercising your network. You can do the same with your software developer network to help you with many things like gather information, make decisions, and find a job.
+You can probably think of instances where you were stuck on a task and asked someone for help. This is an example of exercising your network. You can do the same with your software developer network to help you gather information, make decisions, and find a job.
-When it comes to information gathering, search engines and AI can be very helpful. But for anything with a bit of nuance, it’s often easier to ask a real human. For example, you might want to conduct an informational interview with a senior developer to learn about what they do and how they broke into the industry. You might be seeking feedback on your portfolio. Or, looking to get some career progression advice. Interacting with someone who has experience in what you seek can be far more beneficial because you can form a dialogue, ask follow-up questions, and get real-time feedback.
+When it comes to information gathering, search engines and AI can be very helpful. But when more nuance is needed, it can be easier to ask a real human. For example:
-Your network can also help you make decisions. Have you ever had decision paralysis? This is when you are presented with so many options, you cannot choose. This happens a lot in tech, especially for newcomers, given the sheer number of languages, frameworks and tools to choose from. Sometimes it’s easier to canvas the people you trust and take their recommendations. By doing this we are gathering social proof. If someone we know recommends something, we are more likely to choose it (it’s also why you read reviews before buying stuff online!).
+* You might want to conduct an informational interview with a senior developer to learn about what they do and how they broke into the industry.
+* You might be seeking feedback on your portfolio.
+* You may be looking to get some career progression advice.
-When it comes to finding a job, your network can be the most valuable asset you have. Depending on the source, up to [80% of all jobs are not posted online](https://www.forbes.com/sites/dianatsai/2017/10/02/80-of-jobs-are-not-on-job-boards-heres-how-to-find-them/?sh=29ada3fcd455). This means you are only seeing about 20% of all open jobs when you are browsing job boards, and the rest are in the ‘hidden jobs market’. Now, these percentages may vary, but it’s a safe bet that the hidden jobs market is real, and likely significant. If your strategy does not attempt to tap into the hidden jobs market, you are undermining your chances of success and will be stuck competing with many applicants for fewer jobs.
+Interacting with someone who has experience in what you seek can be beneficial because you can form a dialogue, ask follow-up questions, and get real-time feedback.
+Your network can also help you make decisions. Have you ever had decision paralysis? This is when you are presented with so many options, you cannot choose. This happens a lot in tech, especially for newcomers, given the sheer number of languages, frameworks and tools to choose from. Sometimes it’s easier to canvas the people you trust and take their recommendations. By doing this we are gathering "social proof". If someone we know recommends something, we are more likely to choose it (it’s also why you read reviews before buying stuff online!).
+
+When it comes to finding a job, your network can be the most valuable asset you have. Depending on the source, up to [80% of all jobs are not posted online](https://www.forbes.com/sites/dianatsai/2017/10/02/80-of-jobs-are-not-on-job-boards-heres-how-to-find-them/?sh=29ada3fcd455). This means you are only seeing about 20% of all open jobs when you are browsing job boards, and the rest are in the ‘hidden jobs market’. Now, these percentages may vary, but it’s a safe bet that the hidden jobs market is real, and likely significant. If your strategy does not attempt to tap into this market, you are undermining your chances of success and will be stuck competing with many applicants for fewer jobs.
Think of it from the company’s perspective. Hiring is a pain. In a perfect world, a great candidate would show up instantly any time a new job opened up. This would save them going through the process of posting the job, screening applicants, marking technical assessments and conducting interviews. This all takes time and is very expensive. So it stands to reason why most companies would prefer to hire through the hidden jobs market.
-So, how do you tap into the hidden jobs market? Through your network. If your network sees you as a trusted individual with a particular skill set, you can be sure they will think of you when matching opportunities arise. You might ask around about potential jobs and receive a heads up of a new opportunity at someone’s company. Better still, you could be recommended for a particular role. Many companies give bonuses to staff who refer a candidate that gets hired. So, the incentive to network and pass names along goes both ways.
+So, how do you tap into the hidden jobs market? Through your network. If your network sees you as a trusted individual with a particular skill set, you can be sure they will think of you when matching opportunities arise. You might ask around about potential jobs and receive a heads up of a new opportunity at someone’s company. Better still, you could be recommended for a particular role. Many companies even give bonuses to staff who refer a candidate that gets hired, so the incentive to network and pass names along goes both ways.
-This is not all to say you should refrain entirely from applying to posted jobs. These can still be worthwhile to pursue, but we recommend quality over quantity and seeking companies that you find interesting and have core values you identify with. You will be better off sending fewer, tailored applications over hundreds of the same application in a shotgun-like approach. We cover more on this in the Getting Hired course.
+This is not to say you should refrain entirely from applying to posted jobs. These are definitely still worthwhile to pursue, but it's still better to choose quality over quantity by seeking companies that you find interesting and have core values you identify with. You will be better off sending fewer, tailored applications over hundreds of the same application in a shotgun-like approach. We cover more on this in the Getting Hired course.
### How to build a professional network
@@ -68,7 +73,7 @@ A great way to find out reliable information, quickly, is through [informational
The economy of professional networking rewards authenticity and mutual respect. If you are going to ask a favor of someone, you are far more likely to get help if you have developed a genuine connection. That is to say, please do not approach people "cold" and ask them out of the blue to connect with you, or for a favor like "help me get this job in your company" or, "please be my mentor". This may be perceived as disrespectful. People are busy, and they reserve their limited time for helping those they know and respect.
-Your best strategy is to start conversations with a genuine interest in the person and connect on a mutual interest. For example, you could review someone’s profile on LinkedIn and find something in common, or begin a conversation in-person with questions related to what the person does, how they got to where they are, and what challenges they face in their daily work. Make it about them, not you. Show that you are interested in them as a person, not that you want them to give you something. Actively listen to what they say and ask follow-up questions and even offer to help with something if you are in a position to do so. Think of the interaction like dating, you don’t ask someone to be your partner in the first question (do you? lol), so the same applies here. If your initial conversation goes well, then you can follow up with a request to connect.
+Your best strategy is to start conversations with a genuine interest in the person and connect on a mutual interest. For example, you could review someone’s profile on LinkedIn and find something in common, or begin a conversation in-person with questions related to what the person does, how they got to where they are, and what challenges they face in their daily work. Make it about them, not you. Show that you are interested in them as a person, not that you want them to give you something. Actively listen to what they say and ask follow-up questions and even offer to help with something if you are in a position to do so. Think of the interaction like dating: you don’t ask someone to be your romantic partner in your first conversation, right? The same applies here. If your initial conversation goes well, then you can follow up with a request to connect.
If you find it hard to talk to strangers in person and you are on your way to a local meetup or conference, consider having some predetermined things to talk about. Come up with a few generic questions such as “Where do you work?”, “What tech stack do you use at work?”, “How did you get into coding?”. Also, don’t forget to prepare to talk about yourself. Think of a 30-second elevator pitch describing who you are, what you do, and where you want to be in 12 months. This will help put your mind at ease because you will have something to say when your brain doesn’t feel like thinking in the moment.
From 329c5140553c458e3c9c22d2b8c7615323586c8f Mon Sep 17 00:00:00 2001
From: Asartea <76259120+Asartea@users.noreply.github.com>
Date: Sat, 23 Sep 2023 11:44:55 +0200
Subject: [PATCH 69/70] Bump stale to v8
---
.github/workflows/stale.yml | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
index d90dcd5ca65..893034e7ca7 100644
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@@ -16,7 +16,7 @@ jobs:
issues: write
pull-requests: write
steps:
- - uses: actions/stale@v5
+ - uses: actions/stale@v8
with:
stale-issue-label: "Status: Stale"
days-before-issue-stale: 30
From fa10fdbd728e1498e6f881f0dd6cd9defdf902e3 Mon Sep 17 00:00:00 2001
From: "Omar (onsmak)" <55961349+OmarNaguib@users.noreply.github.com>
Date: Sun, 24 Sep 2023 05:08:23 +0300
Subject: [PATCH 70/70] Update project_etch_a_sketch.md
---
foundations/javascript_basics/project_etch_a_sketch.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/foundations/javascript_basics/project_etch_a_sketch.md b/foundations/javascript_basics/project_etch_a_sketch.md
index ad445686793..b9b9176c0ed 100644
--- a/foundations/javascript_basics/project_etch_a_sketch.md
+++ b/foundations/javascript_basics/project_etch_a_sketch.md
@@ -1,6 +1,6 @@
### Introduction
-In this project, you'll be creating a pretty neat toy for your portfolio to flex your DOM manipulation skills. You're going to build a browser version of something between a sketchpad and an Etch-A-Sketch.
+In this project, you'll be creating a pretty neat toy to flex your DOM manipulation skills. You're going to build a browser version of something between a sketchpad and an Etch-A-Sketch.
This project should _not_ be easy for you. You'll probably have to Google frequently to get the right JavaScript methods and CSS to use – in fact, that's the point! You _can_ build this using the tools that you have already learned, and there are plenty of resources on the net for learning stuff that we haven't covered yet if you decide you need it. We'll walk you through the basic steps, but it will be up to you to actually implement them.