Merge branch 'main' into ff142_doc_urlpattern

Author: bsmth

.github/PULL_REQUEST_TEMPLATE

@@ -1,8 +1,10 @@
-<!-- 🙌 Thanks for contributing to MDN Web Docs. 🙌
+<!-- 🙌 Thanks for contributing to MDN Web Docs. 🙌 -->
 
+<!--
 Add details below to help us review your pull request (PR).
 Explain your changes and link to a related issue or pull request.
-Your PR may be delayed or closed if you don't provide enough information. -->
+Your PR may be delayed or closed if you don't provide enough information.
+-->
 
 ### Description
 

.github/workflows/pr-check-lint_content.yml

@@ -47,7 +47,7 @@ jobs:
           echo "${EOF}" >> "$GITHUB_OUTPUT"
 
           # Also set a simple flag for whether we have files
-          if [ -n "${FILTERED_MD_FILES// /}" ]; then  # Remove all spaces and check if anything remains
+          if [ -n "${FILTERED_FILES// /}" ]; then  # Remove all spaces and check if anything remains
             echo "HAS_FILES=true" >> "$GITHUB_OUTPUT"
           else
             echo "HAS_FILES=false" >> "$GITHUB_OUTPUT"

files/en-us/glossary/callback_function/index.md

@@ -20,12 +20,24 @@ doSomething(() => {
   value = 2;
 });
 
-console.log(value);
+console.log(value); // 1 or 2?
 ```
 
 If `doSomething` calls the callback synchronously, then the last statement would log `2` because `value = 2` is synchronously executed; otherwise, if the callback is asynchronous, the last statement would log `1` because `value = 2` is only executed after the `console.log` statement.
 
-Examples of synchronous callbacks include the callbacks passed to {{jsxref("Array.prototype.map()")}}, {{jsxref("Array.prototype.forEach()")}}, etc. Examples of asynchronous callbacks include the callbacks passed to {{domxref("Window.setTimeout", "setTimeout()")}} and {{jsxref("Promise.prototype.then()")}}.
+Examples of synchronous callbacks include the callbacks passed to {{jsxref("Array.prototype.map()")}}, {{jsxref("Array.prototype.forEach()")}}, etc. Examples of asynchronous callbacks include the callbacks passed to {{domxref("Window.setTimeout", "setTimeout()")}} and {{jsxref("Promise.prototype.then()")}}. Here are example implementations of `doSomething` that call the callback synchronously and asynchronously:
+
+```js
+// Synchronous
+function doSomething(callback) {
+  callback();
+}
+
+// Asynchronous
+function doSomething(callback) {
+  setTimeout(callback, 0);
+}
+```
 
 The [Using promises](/en-US/docs/Web/JavaScript/Guide/Using_promises#timing) guide has more information on the timing of asynchronous callbacks.
 

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

@@ -5,6 +5,14 @@ page-type: landing-page
 sidebar: learnsidebar
 ---
 
+## August 2025
+
+In the summer of 2025, we completed work on significant changes to the structure and positioning of our "Test your skills" articles and other reader exercises:
+
+- The "Test your skills" article content has been updated so that the language and approach in each one is consistent. For example, all of the old interactive editors have been replaced with live sample exercises that make use of the [MDN Playground](/en-US/play), and most of the repetitive boilerplate has been consolidated into a single [Test your skills help section](/en-US/docs/Learn_web_development#test_your_skills).
+- The position of the "Test your skills" articles in the navigation has been updated. Instead of being available from "Test your skills" submenus and linked to from the end of associated tutorials, the articles now appear in the sidebar and in the previous/next links. They are now mandatory articles in the flow, rather than optional resources.
+- The reader exercises in the tutorials have also been modernized, to replace old code editors and make language consistent.
+
 ## December 2024
 
 A major update to the Learn web development section was started in November 2024 and finally published in December 2024. To summarize, the MDN Curriculum has been merged into Learn web development.
@@ -15,6 +23,6 @@ Specifically:
 - Specific learning outcomes have been added to the top of most of the articles, to match the learning outcomes detailed in the Curriculum.
 - Other features from the Curriculum have been migrated across to the Learn Web Development section, such as the [About](/en-US/docs/Learn_web_development/About) page and [Resources for educators](/en-US/docs/Learn_web_development/Educators).
 
-The Curriculum is being kept for the moment, but can be considered deprecated and will be removed when it is felt the time is right.
+The [original curriculum pages](/en-US/curriculum/) are being kept as a summary of the Learn web development content that is useful for educators when planning curricula.
 
 Moving forward, we will continue to update the content and design to make Learn web development even more useful to learners and educators.

files/en-us/learn_web_development/core/css_layout/multiple-column_layout/index.md

@@ -386,7 +386,7 @@ body {
   background-color: rgb(207 232 220);
   border: 2px solid rgb(79 185 227);
   padding: 10px;
-  margin: 0 0 1em 0;
+  margin-bottom: 1em;
 }
 ```
 
@@ -402,7 +402,7 @@ To control this behavior, we can use properties from the [CSS Fragmentation](/en
   background-color: rgb(207 232 220);
   border: 2px solid rgb(79 185 227);
   padding: 10px;
-  margin: 0 0 1em 0;
+  margin-bottom: 1em;
 }
 ```
 

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

@@ -162,7 +162,7 @@ Next, we'll style the buttons to look like tabs. Add the following CSS:
 
 ```css
 .info-box [role="tab"] {
-  padding: 0 1rem 0 1rem;
+  padding: 0 1rem;
   line-height: 3rem;
   background: white;
   color: #b60000;

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

@@ -19,7 +19,7 @@ There's one last essential concept about functions for us to discuss — return
       <th scope="row">Learning outcomes:</th>
       <td>
         <ul>
-          <li>What returns values are.</li>
+          <li>What return values are.</li>
           <li>How to use the return values of existing functions.</li>
           <li>Adding return values to your own functions.</li>
         </ul>

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

@@ -5,7 +5,7 @@ page-type: tutorial-chapter
 sidebar: learnsidebar
 ---
 
-{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Structuring_documents", "Learn_web_development/Core/Structuring_content/Creating_links", "Learn_web_development/Core/Structuring_content")}}
+{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Structuring_documents", "Learn_web_development/Core/Structuring_content/Test_your_skills/Advanced_HTML_text", "Learn_web_development/Core/Structuring_content")}}
 
 There are many other elements in HTML for defining text semantics, which we didn't get to in the [Emphasis and importance](/en-US/docs/Learn_web_development/Core/Structuring_content/Emphasis_and_importance) article. The elements described in this article are less known, but still useful to know about (and this is still not a complete list by any means). Here you'll learn about marking up quotations, computer code and other related text, subscript and superscript, contact information, and more.
 
@@ -395,12 +395,10 @@ The basic example above just provides a simple machine readable date, but there
 <time datetime="2016-W04">The fourth week of 2016</time>
 ```
 
-## Test your skills!
-
-You've reached the end of this article, 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: Advanced HTML text](/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Advanced_HTML_text).
-
 ## Summary
 
-That marks the end of our study of less-common HTML text semantics. What you have seen during this course is not an exhaustive list of HTML text elements — we wanted to try to cover the essentials, and some of the more common ones you will see in the wild. Next up, we'll look at links, one of the most important features of the web.
+That marks the end of our study of less-common HTML text semantics. What you have seen during this course is not an exhaustive list of HTML text elements — we wanted to try to cover the essentials, and some of the more common ones you will see in the wild.
+
+Next up, we'll give you some tests that you can use to check how well you've understood and retained the information we've provided on less-common HTML text features.
 
-{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Structuring_documents", "Learn_web_development/Core/Structuring_content/Creating_links", "Learn_web_development/Core/Structuring_content")}}
+{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Structuring_documents", "Learn_web_development/Core/Structuring_content/Test_your_skills/Advanced_HTML_text", "Learn_web_development/Core/Structuring_content")}}

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

@@ -5,7 +5,7 @@ page-type: tutorial-chapter
 sidebar: learnsidebar
 ---
 
-{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Advanced_text_features", "Learn_web_development/Core/Structuring_content/Marking_up_a_letter", "Learn_web_development/Core/Structuring_content")}}
+{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Test_your_skills/Advanced_HTML_text", "Learn_web_development/Core/Structuring_content/Test_your_skills/Links", "Learn_web_development/Core/Structuring_content")}}
 
 Links (also known as hyperlinks) are really important — they are what makes the Web _a web_.
 This article shows the syntax required to make a link, and discusses link best practices.
@@ -466,12 +466,8 @@ Here are a few other sample `mailto` URLs:
 - <mailto:[email protected][email protected]>
 - <mailto:[email protected][email protected]&subject=This%20is%20the%20subject>
 
-## Test your skills!
-
-You've reached the end of this article, 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: Links](/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Links).
-
 ## Summary
 
-That's it for links, for now anyway! You'll return to links later on in the course when you start to look at styling them. Next up for HTML, you're going to work through a couple of challenges that will test your comprehension of the topics you've covered so far.
+That's it for links, for now anyway! You'll return to links later on in the course when you start to look at styling them. Next up, we'll give you some tests that you can use to check how well you've understood and retained the information we've provided on links.
 
-{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Advanced_text_features", "Learn_web_development/Core/Structuring_content/Marking_up_a_letter", "Learn_web_development/Core/Structuring_content")}}
+{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Test_your_skills/Advanced_HTML_text", "Learn_web_development/Core/Structuring_content/Test_your_skills/Links", "Learn_web_development/Core/Structuring_content")}}

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

@@ -5,7 +5,7 @@ page-type: learn-module-chapter
 sidebar: learnsidebar
 ---
 
-{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/HTML_forms", "Learn_web_development/Core/Styling_basics", "Learn_web_development/Core/Structuring_content")}}
+{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Test_your_skills/Forms_and_buttons", "Learn_web_development/Core/Styling_basics", "Learn_web_development/Core/Structuring_content")}}
 
 Writing HTML is fine, but what if something goes wrong, and you can't work out where the error in the code is? This article will introduce you to some tools that can help you find and fix errors in HTML.
 
@@ -229,4 +229,4 @@ You will know when all your errors are fixed when you see a nice little green ba
 
 So there we have it, an introduction to debugging HTML, which should give you some useful skills to count on when debugging HTML, but also CSS and JavaScript code later on in the course. This also marks the end of the _Structuring content with HTML_ module.
 
-{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/HTML_forms", "Learn_web_development/Core/Styling_basics", "Learn_web_development/Core/Structuring_content")}}
+{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Test_your_skills/Forms_and_buttons", "Learn_web_development/Core/Styling_basics", "Learn_web_development/Core/Structuring_content")}}