Fix all of them

.vscode/dictionaries/ignore-list.txt

@@ -5,6 +5,7 @@ aaba
 aabaac
 aabbcc
 aabbccdd
+AACA
 aacbbbcac
 abaac
 abbbbbc
@@ -110,6 +111,7 @@ DSWbdfnrstvw
 dubby
 Duden
 dXNlcm5hbWU6cGFzc3dvcmQ
+EACC
 eirmod
 elitr
 ERHGDFy
@@ -144,6 +146,7 @@ futurelibrary.no
 gaesamplesite
 gims
 globalprivacycontrol.org
+glossarysidebar.yaml
 GNF576746573fhdg4737dh4
 gogerychwyrndrobwllllantysiliogogogoch
 Graece
@@ -182,6 +185,7 @@ kitchensink
 lambdatest
 Latine
 latinmodern-math
+learntocodewith.me
 leopardskin
 letmein
 libpkcs11testmodule
@@ -198,6 +202,7 @@ magis
 Mand
 manis
 Markmarkimark
+mdnsidebar.yaml
 megastore
 meinheld
 montecarlo

.vscode/dictionaries/non-english.txt

@@ -71,6 +71,7 @@ setembro
 shān
 studiorum
 tiene
+Tipos
 traducido
 trimestre
 tslí

.vscode/dictionaries/proper-names.txt

@@ -3,6 +3,7 @@ a11ysupport
 Academind
 Acrosync
 Addy
+Adham
 Adilah
 Akhgari
 alastairc
@@ -14,6 +15,7 @@ Amorim
 AMPPS
 Amstelvar
 Anand
+ANDI
 Andreessen
 Andrzej
 Anek
@@ -56,6 +58,7 @@ Bloggs
 Bocoup
 Boonie
 bottosson
+Boulton
 Brians
 Browserleaks
 Browsershots
@@ -65,6 +68,7 @@ BugZilla
 Bundlesize
 Bunyakovsky
 Burson
+Butterick
 Buzzcocks
 Bynens
 Bézier
@@ -81,6 +85,7 @@ Caterina
 Chadha
 Chakra
 Chamakh
+Chimero
 Chloé
 chrisdavidmills
 chrismills
@@ -101,6 +106,7 @@ Colomb
 ColorZilla
 Conde
 Condei
+COPPA
 Corber
 Cortana
 Coursera
@@ -116,6 +122,7 @@ Célestes
 Dahlkemper
 Dailymotion
 Danilo
+Dannaway
 Darmok
 Datumizer
 davbrito
@@ -172,6 +179,7 @@ Esben
 ethertank
 Exljbris
 Fairchild
+FDCP
 ffconf
 FileZilla
 Firefogg
@@ -220,6 +228,7 @@ Hidde
 Highrise
 Hildy
 hmatrjp
+Hobday
 Hobson
 hochan
 Hochberg
@@ -471,6 +480,7 @@ Rekapi
 Remy
 Resig
 Rhiana
+Riazhskikh
 Rigby
 Rocher
 Rohini

files/en-us/learn_web_development/core/accessibility/index.md

@@ -21,7 +21,7 @@ You should be familiar with [HTML](/en-US/docs/Learn_web_development/Core/Struct
 
 - [What is accessibility?](/en-US/docs/Learn_web_development/Core/Accessibility/What_is_accessibility)
   - : This article starts off the module with a good look at what accessibility is — this includes what groups of people we need to consider and why, what tools different people use to interact with the web, and how we can make accessibility part of our web development workflow.
-- [Accessibility tooling and assitive technology](/en-US/docs/Learn_web_development/Core/Accessibility/Tooling)
+- [Accessibility tooling and assistive technology](/en-US/docs/Learn_web_development/Core/Accessibility/Tooling)
   - : Next we turn our attention to accessibility tooling, providing information on the kinds of tools you can use to help solve accessibility issues, and the assistive technologies used by people with disabilities as they browse the web. You'll be using these tools throughout subsequent articles.
 - [HTML: A good basis for accessibility](/en-US/docs/Learn_web_development/Core/Accessibility/HTML)
   - : A great deal of web content can be made accessible just by making sure the correct HTML elements are always used for the correct purpose. This article looks in detail at how HTML can be used to ensure maximum accessibility.

files/en-us/learn_web_development/core/accessibility/mobile/index.md

@@ -20,9 +20,9 @@ With web access on mobile devices being so popular and renowned platforms such a
       <th scope="row">Learning outcomes:</th>
       <td>
         <ul>
-          <li>Familiarity with screenreaders on iOS and Android.</li>
+          <li>Familiarity with screen readers on iOS and Android.</li>
           <li>Familiarity with accessibility issues behind some types of events.</li>
-          <li>Specific techniques for more usable user input machanisms on mobile.</li>
+          <li>Specific techniques for more usable user input mechanisms on mobile.</li>
           <li>Know that mobile browsers provide specific usability advantages for specific <code>&lt;input&gt;</code> types such as <code>number</code> or <code>tel</code>.</li>
         </ul>
       </td>

files/en-us/learn_web_development/core/accessibility/tooling/index.md

@@ -35,7 +35,7 @@ Next we turn our attention to accessibility tooling, providing information on th
 
 ## Accessibility tools
 
-Let's have a look at the tools can make use of when implementing accessibile websites and fixing accessibility issues.
+Let's have a look at the tools can make use of when implementing accessible websites and fixing accessibility issues.
 
 ### Testing source order
 

files/en-us/learn_web_development/core/css_layout/grid_skills/index.md

@@ -359,4 +359,4 @@ You may try to use flexbox on the container and restrict the cards with percenta
 
 ## See also
 
-- [CSS stlying basics](/en-US/docs/Learn_web_development/Core/Styling_basics)
+- [CSS styling basics](/en-US/docs/Learn_web_development/Core/Styling_basics)

files/en-us/learn_web_development/core/css_layout/responsive_design/index.md

@@ -480,7 +480,7 @@ Responsive design refers to a site or application design that responds to the en
 
 It has also become much easier to achieve responsive designs with the help of the layout methods you have learned in these lessons. If you are new to web development today you have many more tools at your disposal than in the early days of responsive design. It is therefore worth checking the age of any materials you are using. While the historical articles are still useful, modern use of CSS and HTML makes it far easier to create elegant and useful designs, no matter what device your visitor views the site with.
 
-Next, we will studey media queries in more detail and show how to use them to solve some common problems.
+Next, we will study media queries in more detail and show how to use them to solve some common problems.
 
 ## See also
 

files/en-us/learn_web_development/core/index.md

@@ -10,7 +10,7 @@ Our **Core modules** cover topics that we feel every web developer should have a
 
 ## Prerequisites
 
-While there is no prequisite knowledge for starting this set of modules, we would recommend that you familiarize yourself with your computer, make sure you've got a basic set of required applications installed (such as web browsers and a code editor), and do some background reading on the web and web technologies, if you have no already done so. All these topics are covered in our [Getting started modules](/en-US/docs/Learn_web_development/Getting_started).
+While there is no prerequisite knowledge for starting this set of modules, we would recommend that you familiarize yourself with your computer, make sure you've got a basic set of required applications installed (such as web browsers and a code editor), and do some background reading on the web and web technologies, if you have no already done so. All these topics are covered in our [Getting started modules](/en-US/docs/Learn_web_development/Getting_started).
 
 In particular, if you've never done any coding before, we'd recommend the [Your first website](/en-US/docs/Learn_web_development/Getting_started/Your_first_website) module, which introduces you web technologies very gently and takes you through the process of building a simple website.
 

files/en-us/learn_web_development/core/structuring_content/creating_links/index.md

@@ -36,7 +36,7 @@ This article shows the syntax required to make a link, and discusses link best p
           <li>Path syntax in detail — slashes, single dot, and double dot.</li>
           <li>Link states and why they are important — <code>:hover</code>, <code>:focus</code>, <code>:visited</code>, and <code>:active</code>.</li>
           <li>Inline and block-level links.</li>
-          <li>Understanding the benefits of writing good link text, such as better accessibility for screenreader users, and potential positive SEO effects.</li>
+          <li>Understanding the benefits of writing good link text, such as better accessibility for screen reader users, and potential positive SEO effects.</li>
         </ul>
       </td>
     </tr>

files/en-us/learn_web_development/core/structuring_content/lists/index.md

@@ -769,7 +769,7 @@ textarea.onkeyup = () => {
 
 ## Test your skills!
 
-You've reached the end of this set of three articles about basic HTML semantic elementss, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: HTML text basics](/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills:_HTML_text_basics).
+You've reached the end of this set of three articles about basic HTML semantic elements, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: HTML text basics](/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills:_HTML_text_basics).
 
 ## Summary
 

files/en-us/learn_web_development/core/styling_basics/combinators/index.md

@@ -243,7 +243,7 @@ It is often better to create a simple class and apply that to the element in que
 
 ## Test your skills!
 
-You've reached the end of our set of lassons about selectors, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: Selectors](/en-US/docs/Learn_web_development/Core/Styling_basics/Basic_selectors/Selectors_Tasks).
+You've reached the end of our set of lessons about selectors, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: Selectors](/en-US/docs/Learn_web_development/Core/Styling_basics/Basic_selectors/Selectors_Tasks).
 
 ## Summary
 

files/en-us/learn_web_development/core/styling_basics/debugging_css/index.md

@@ -183,7 +183,7 @@ That's it for all the lessons in this module. To finish it off, we'll test your
 
 ## See also
 
-- [Firefox > Examing and edit CSS](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_and_edit_css/index.html), Firefox Source Docs
+- [Firefox > Examine and edit CSS](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_and_edit_css/index.html), Firefox Source Docs
 - [Chrome > View and change CSS](https://developer.chrome.com/docs/devtools/css/), developer.chrome.com
 
 {{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Tables", "Learn_web_development/Core/Styling_basics/Fundamental_CSS_comprehension", "Learn_web_development/Core/Styling_basics")}}

files/en-us/learn_web_development/extensions/async_js/implementing_a_promise-based_api/index.md

@@ -15,7 +15,7 @@ In the last article we discussed how to use APIs that return promises. In this a
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-         A solid understanding of <a href="/en-US/docs/Learn_web_development/Core/Scripting">JavaScript fundamentals</a> and asynchronous concepts, as covered in previous lesosns in this module.
+         A solid understanding of <a href="/en-US/docs/Learn_web_development/Core/Scripting">JavaScript fundamentals</a> and asynchronous concepts, as covered in previous lessons in this module.
       </td>
     </tr>
     <tr>

files/en-us/learn_web_development/extensions/async_js/introducing/index.md

@@ -25,7 +25,7 @@ In this article, we'll explain what asynchronous programming is, why we need it,
           <li>To gain familiarity with what asynchronous JavaScript is, how it differs from synchronous JavaScript, and why we need it.</li>
           <li>What synchronous programming is, and why it can sometimes be problematic.</li>
           <li>How asynchronous programming aims to solve these problems.</li>
-          <li>Event handlers and callback functions, and how they relate to asychronous programming.</li>
+          <li>Event handlers and callback functions, and how they relate to asynchronous programming.</li>
         </ul>
       </td>
     </tr>

files/en-us/learn_web_development/extensions/async_js/introducing_workers/index.md

@@ -15,7 +15,7 @@ In this final article in our "Asynchronous JavaScript" module, we'll introduce _
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-         A solid understanding of <a href="/en-US/docs/Learn_web_development/Core/Scripting">JavaScript fundamentals</a> and asynchronous concepts, as covered in previous lesosns in this module.
+         A solid understanding of <a href="/en-US/docs/Learn_web_development/Core/Scripting">JavaScript fundamentals</a> and asynchronous concepts, as covered in previous lessons in this module.
       </td>
     </tr>
     <tr>

files/en-us/learn_web_development/extensions/async_js/promises/index.md

@@ -15,7 +15,7 @@ page-type: learn-module-chapter
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-         A solid understanding of <a href="/en-US/docs/Learn_web_development/Core/Scripting">JavaScript fundamentals</a> and asynchronous concepts, as covered in previous lesosns in this module.
+         A solid understanding of <a href="/en-US/docs/Learn_web_development/Core/Scripting">JavaScript fundamentals</a> and asynchronous concepts, as covered in previous lessons in this module.
       </td>
     </tr>
     <tr>

files/en-us/learn_web_development/extensions/index.md

@@ -10,7 +10,7 @@ Our **Extension modules** constitute useful additional skills to learn as web de
 
 ## Prerequisites
 
-While there is no specific prequisite knowledge for starting any of these modules, it is advisable that you work through our [Core modules](/en-US/docs/Learn_web_development/Core) first, if you are a newcomer to web technologies.
+While there is no specific prerequisite knowledge for starting any of these modules, it is advisable that you work through our [Core modules](/en-US/docs/Learn_web_development/Core) first, if you are a newcomer to web technologies.
 
 In particular, if you've never done any coding before, we'd recommend the [Your first website](/en-US/docs/Learn_web_development/Getting_started/Your_first_website) module, which introduces you web technologies very gently and takes you through the process of building a simple website.
 

files/en-us/learn_web_development/getting_started/index.md

@@ -10,7 +10,7 @@ Welcome to **Getting started**! If you are a complete beginner (i.e. you've not
 
 ## Prerequisites
 
-There is no prequisite knowledge for starting this course. Also note that we don't consider learning these topics as required before moving on to the [Core modules](/en-US/docs/Learn_web_development/Core), but we believe students will have an easier time if they spend some time on these topics first.
+There is no prerequisite knowledge for starting this course. Also note that we don't consider learning these topics as required before moving on to the [Core modules](/en-US/docs/Learn_web_development/Core), but we believe students will have an easier time if they spend some time on these topics first.
 
 ## Modules
 

files/en-us/learn_web_development/getting_started/soft_skills/collaboration_and_teamwork/index.md

@@ -28,7 +28,7 @@ As a professional in the web industry, you are going to have to work with other
           <li>Effective techniques to practice collaboration with teammates, including sharing useful information.</li>
           <li>Learn to ask useful questions and help one another.</li>
           <li>Widen the net to meetup groups or open source projects to find people to help and collaborate with.</li>
-          <li>Learn to not fear failure, and instead embrace it as an effectve learning tool.</li>
+          <li>Learn to not fear failure, and instead embrace it as an effective learning tool.</li>
         </ul>
       </td>
     </tr>

files/en-us/learn_web_development/getting_started/soft_skills/job_interviews/index.md

@@ -61,7 +61,7 @@ TODO
 ## Selling yourself to would-be employers
 
 - Create a portfolio.
-- Build the perfect resumé.
+- Build the perfect résumé.
 - Get experience — build real projects and contribute to open source.
 - Build your online persona.
 - Use sites like [LinkedIn](https://www.linkedin.com/) to help with the above.

files/en-us/learn_web_development/getting_started/web_standards/the_web_standards_model/index.md

@@ -193,7 +193,7 @@ Because you don't know exactly what your users will use, you need to design defe
 
 You'll come across the below concepts at some point in your studies.
 
-- **Progressive enhancement** is the practice of creating a minimal experience that provides the essential functionality to all users, and layering on a better experience and other enhancments in browsers that can support them. Progressive enhancement is often seen as unimportant, because browsers tend to support new features more consistently these days, and people tend to have faster internet connections. However, you should think about examples relevant to the modern day — cutting down on decoration to make a mobile experience smoother and save on data, or providing a simpler, lower-bandwidth experience for users in developing countries who might still pay for home internet by the megabyte.
+- **Progressive enhancement** is the practice of creating a minimal experience that provides the essential functionality to all users, and layering on a better experience and other enhancements in browsers that can support them. Progressive enhancement is often seen as unimportant, because browsers tend to support new features more consistently these days, and people tend to have faster internet connections. However, you should think about examples relevant to the modern day — cutting down on decoration to make a mobile experience smoother and save on data, or providing a simpler, lower-bandwidth experience for users in developing countries who might still pay for home internet by the megabyte.
 - **Cross-browser compatibility** is the practice of trying to make sure your webpage works across as many devices as possible. This includes using technologies that all the browsers support, delivering better experiences to browsers that can handle them (progressive enhancement), and/or writing code so that it falls back to a simpler but still usable experience in older browsers (graceful degradation). It also involves a lot of testing to see if anything fails in certain browsers, and then more work to fix those failures.
 - **Responsive web design** is the practice of making your functionality and layouts flexible so they can automatically adapt to different browsers. An obvious example is a website that is laid out one way in a widescreen browser on the desktop, but displays as a more compact, single-column layout on mobile phone browsers. Try adjusting the width of your browser window now, and see what happens.
 - **Performance** means getting websites to load as quickly as possible, but also making them intuitive and easy to use so that users don't get frustrated and go somewhere else.

files/en-us/learn_web_development/getting_started/your_first_website/adding_interactivity/index.md

@@ -386,7 +386,7 @@ In this section, you will learn how to use JavaScript and DOM API features to al
 
 1. Choose another image to feature on your example site. Ideally, the image will be the same size as the image you added previously, or as close as possible.
 2. Save this image in your `images` folder.
-3. Add the following JavaScript code to your `main.js` file, making sure to replace `firefox2.png` and both instances of `firefox-icon.png` with your second and first image names, respectvely.
+3. Add the following JavaScript code to your `main.js` file, making sure to replace `firefox2.png` and both instances of `firefox-icon.png` with your second and first image names, respectively.
 
    ```js
    const myImage = document.querySelector("img");

files/en-us/learn_web_development/getting_started/your_first_website/index.md

@@ -36,7 +36,7 @@ If this is not the case, we'd suggest that you run through the [Environment setu
 
   - : JavaScript is a programming language that adds interactivity to websites. This happens in games, in the behavior of responses when buttons are pressed or with data entry on forms, with dynamic styling, with animation, etc. This article helps you get started with JavaScript and furthers your understanding of what is possible.
 
-- [Publishing your webaite](/en-US/docs/Learn_web_development/Getting_started/Your_first_website/Publishing_your_website)
+- [Publishing your website](/en-US/docs/Learn_web_development/Getting_started/Your_first_website/Publishing_your_website)
 
   - : Once you finish writing the code and organizing the files that make up your website, you need to put it all online so people can find it. This article explains how to get your sample website online with little effort.
 

files/en-us/learn_web_development/getting_started/your_first_website/styling_the_content/index.md

@@ -318,7 +318,7 @@ The {{htmlelement("body")}} is a **block** element, meaning it takes up space on
 Finally, we include `max-width: 100%;` to make sure that, if the image is larger than the `width` set on the body (600 pixels), it will be displayed at this width, and no bigger.
 
 > [!NOTE]
-> Don't be too concerned if you don't completely understand `display: block;` and the differences between a block element and an inline element, or `max-width: 100%;`. They will make more sense as you continue your study of CSS. You can find more information about these propeties on MDN's {{cssxref("display")}} and {{cssxref("max-width")}} reference pages.
+> Don't be too concerned if you don't completely understand `display: block;` and the differences between a block element and an inline element, or `max-width: 100%;`. They will make more sense as you continue your study of CSS. You can find more information about these properties on MDN's {{cssxref("display")}} and {{cssxref("max-width")}} reference pages.
 
 ## Conclusion