Fourth set of Scrimba links #42342

chrisdavidmills · 2025-12-10T16:38:04Z

Description

Another small set of Scrimba partner links, to enhance our learn content.

Motivation

Additional details

Related issues and pull requests

github-actions · 2025-12-10T16:39:31Z

Preview URLs

Flaws (4)

Note! 1 document with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Learn_web_development/Core/CSS_layout/Grids
Title: CSS grid layout
Flaw count: 1

macros:
- Can't resolve /en-US/curriculum/

URL: /en-US/docs/Learn_web_development/Core/Scripting/Loops
Title: Looping code
Flaw count: 1

macros:
- Can't resolve /en-US/curriculum/

URL: /en-US/docs/Learn_web_development/Core/Structuring_content/HTML_forms
Title: Forms and buttons in HTML
Flaw count: 1

macros:
- Can't resolve /en-US/curriculum/

URL: /en-US/docs/Learn_web_development/Core/Structuring_content/HTML_table_basics
Title: HTML table basics
Flaw count: 1

macros:
- Can't resolve /en-US/curriculum/

External URLs (3)

URL: /en-US/docs/Learn_web_development/Core/Scripting/A_first_splash
Title: A first splash into JavaScript

https://scrimba.com/learn-javascript-c0v/~04?via=mdn (1 time) (Note! This may be a new URL 👀)

URL: /en-US/docs/Learn_web_development/Core/Scripting/Loops
Title: Looping code

https://scrimba.com/learn-javascript-c0v/~02a?via=mdn (1 time) (Note! This may be a new URL 👀)

URL: /en-US/docs/Learn_web_development/Core/Structuring_content/HTML_forms
Title: Forms and buttons in HTML

https://scrimba.com/learn-responsive-web-design-c029/~031?via=mdn (1 time) (Note! This may be a new URL 👀)

dipikabh

Few rephrasing suggestions, but looks good overall 👍. Thanks!

dipikabh · 2025-12-15T21:20:08Z

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

 - [CSS Grid layout](/en-US/docs/Web/CSS/Guides/Grid_layout#guides)
  - : Main CSS Grid Layout module page, containing lots of further resources


Suggested change

- [CSS grid layout](/en-US/docs/Web/CSS/Guides/Grid_layout)

- : The main CSS grid layout module page, containing lots of further resources.

dipikabh · 2025-12-15T21:22:31Z

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


+## Interactive grid lesson
+
+The following embedded content from Scrimba <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides an interactive lesson summarizing the basics of CSS Grid, which also allows you to play with a live grid example and familiarize yourself with how the code works.


Shall we also add a link on Scrimba?

Added a suggestion to split the long sentence

Can you check how it's been done in the past - we can probably drop the space before <sup>

Suggested change

The following embedded content from Scrimba <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides an interactive lesson summarizing the basics of CSS Grid, which also allows you to play with a live grid example and familiarize yourself with how the code works.

The following embedded content from [Scrimba](https://scrimba.com/learn/frontend?via=mdn) <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides an interactive lesson on the basics of CSS grid. It also includes a live grid example that you can play with and see how the code works.

dipikabh · 2025-12-15T21:37:10Z

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


 {{PreviousMenuNext("Learn_web_development/Core/Scripting/What_is_JavaScript", "Learn_web_development/Core/Scripting/What_went_wrong", "Learn_web_development/Core/Scripting")}}

 Now you've learned something about the theory of JavaScript and what you can do with it, we are going to give you an idea of what the process of creating a simple JavaScript program is like, by guiding you through a practical tutorial. Here you'll build up a simple "Guess the number" game, step by step.


Suggested change

Now that you've learned some theory about JavaScript and what you can do with it, we'll walk you through a practical tutorial so you can see how to create a simple JavaScript program. Here you'll build a simple "Guess the number" game, step by step.

dipikabh · 2025-12-15T21:37:39Z

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

 </table>

+> [!NOTE]
+> Starting from [Write your first JavaScript variable](https://scrimba.com/learn-javascript-c0v/~04?via=mdn), Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides some useful interactive lessons that take you through the real basics of JavaScript.


Suggested change

> Starting from [Write your first JavaScript variable](https://scrimba.com/learn-javascript-c0v/~04?via=mdn), Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides some useful interactive lessons that take you through the real basics of JavaScript.

> Starting with [Write your first JavaScript variable](https://scrimba.com/learn-javascript-c0v/~04?via=mdn), Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides useful interactive lessons that take you through the basics of JavaScript.

dipikabh · 2025-12-15T21:40:42Z

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

 If you tried the last experiment, make sure to undo the last change before carrying on.

+> [!NOTE]
+> For an extra bit of function practice before you move on, check out the Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> challenge [Write your first function](https://scrimba.com/fullstack-path-c0fullstack/~04h?via=mdn).


Suggested change

> For an extra bit of function practice before you move on, check out the Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> challenge [Write your first function](https://scrimba.com/fullstack-path-c0fullstack/~04h?via=mdn).

> For more practice with functions, check out the Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> challenge [Write your first function](https://scrimba.com/fullstack-path-c0fullstack/~04h?via=mdn).

dipikabh · 2025-12-15T21:59:48Z

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

 > [!NOTE]
 > Even though `<colgroup>` and `<col>` mainly facilitate styling, they are an HTML feature, therefore we've covered them here rather than in our CSS modules. Is it also fair to say that they are a _limited_ feature — as shown on the [`<colgroup>` reference page](/en-US/docs/Web/HTML/Reference/Elements/colgroup#usage_notes), only a limited subset of styles can be applied to a `<col>` element, and most of the other settings that were historically available have been deprecated (removed, or flagged for removal).

+## Interactive table basics summary


Maybe we should drop "summary" here because there's a "Summary" section after this.
Will this work?

Suggested change

## Interactive table basics summary

## Interactive recap of table concepts

dipikabh · 2025-12-15T22:00:20Z

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


 {{EmbedLiveSample('simple-grid_2', '100%', "130") }}

+## Interactive grid lesson


Suggested change

## Interactive grid lesson

## Interactive recap of grid concepts

dipikabh · 2025-12-15T22:02:55Z

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

 - Clients are the typical web user's internet-connected devices (for example, your computer connected to your Wi-Fi, or your phone connected to your mobile network) and web-accessing software available on those devices (usually a web browser like Firefox or Chrome).
 - Servers are computers that store webpages, sites, or apps. When a client wants to access a webpage, a copy of the webpage code is downloaded from the server onto the client machine to be rendered by the browser and displayed to the user.

+The following embedded content from Scrimba <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides a interactive deeper dive into what clients and servers are, including a quiz and some discussion.


Suggested change

The following embedded content from Scrimba <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides a interactive deeper dive into what clients and servers are, including a quiz and some discussion.

The following embedded content from Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides an interactive deep dive on clients and servers, including a quiz and discussion.

dipikabh · 2025-12-15T22:08:21Z

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

+
 > [!NOTE]
-> You can also create the above button types using an `<input>` element with the same `type` values specified — [`<input type="submit">`](/en-US/docs/Web/HTML/Reference/Elements/input/submit), [`<input type="reset">`](/en-US/docs/Web/HTML/Reference/Elements/input/reset), and [`<input type="button">`](/en-US/docs/Web/HTML/Reference/Elements/input/button). However, these have many disadvantages compared to their `<button>` counterparts. You should use `<button>` instead.
+> Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> has a free lesson — [The very basics of forms](https://scrimba.com/learn-responsive-web-design-c029/~031?via=mdn) — which provides a useful interactive recap of the form basics we covered previously in this article.


leaving a note here in case you want to add a link on Scrimba

dipikabh · 2025-12-15T22:12:43Z

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

 - `<button type="reset">` creates a _reset button_ — this immediately deletes all data out of the form, resetting it to its initial state. **Don't use reset buttons** — they used to be popular in the early days of the web, but they are usually more annoying than they are helpful. Most people have experienced filling out a long form only to click the reset button by accident instead of the submit button, meaning they have to start again.
 - `<button type="button">` creates a button with the same behavior as buttons specified outside of `<form>` elements. As we saw earlier, they do absolutely nothing by default, and JavaScript is needed to give them functionality.

+Be aware that it is possible to create the above button types using an `<input>` element with the same `type` values specified — [`<input type="submit">`](/en-US/docs/Web/HTML/Reference/Elements/input/submit), [`<input type="reset">`](/en-US/docs/Web/HTML/Reference/Elements/input/reset), and [`<input type="button">`](/en-US/docs/Web/HTML/Reference/Elements/input/button). However, these have many disadvantages compared to their `<button>` counterparts. You should use `<button>` instead.


how about

Suggested change

Be aware that it is possible to create the above button types using an `<input>` element with the same `type` values specified — [`<input type="submit">`](/en-US/docs/Web/HTML/Reference/Elements/input/submit), [`<input type="reset">`](/en-US/docs/Web/HTML/Reference/Elements/input/reset), and [`<input type="button">`](/en-US/docs/Web/HTML/Reference/Elements/input/button). However, these have many disadvantages compared to their `<button>` counterparts. You should use `<button>` instead.

Although you can create these button types by using an `<input>` element with the same `type` values – such as [`<input type="submit">`](/en-US/docs/Web/HTML/Reference/Elements/input/submit), [`<input type="reset">`](/en-US/docs/Web/HTML/Reference/Elements/input/reset), and [`<input type="button">`](/en-US/docs/Web/HTML/Reference/Elements/input/button) – they have many disadvantages compared to their `<button>` counterparts. So you should use `<button>` instead.

Fourth set of Scrimba links

95412a2

chrisdavidmills requested a review from a team as a code owner December 10, 2025 16:38

chrisdavidmills requested review from pepelsbey and removed request for a team December 10, 2025 16:38

github-actions bot added the Content:Learn Learning area docs label Dec 10, 2025

chrisdavidmills requested a review from Rumyra December 10, 2025 16:38

github-actions bot added the size/s [PR only] 6-50 LoC changed label Dec 10, 2025

Add a couple more scrim links

1f638be

dipikabh approved these changes Dec 15, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Fourth set of Scrimba links #42342

Fourth set of Scrimba links #42342

chrisdavidmills commented Dec 10, 2025

Uh oh!

github-actions bot commented Dec 10, 2025

Uh oh!

dipikabh left a comment

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

dipikabh Dec 15, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		- [CSS Grid layout](/en-US/docs/Web/CSS/Guides/Grid_layout#guides)
		- : Main CSS Grid Layout module page, containing lots of further resources


	- [CSS grid layout](/en-US/docs/Web/CSS/Guides/Grid_layout)
	- : The main CSS grid layout module page, containing lots of further resources.


		## Interactive grid lesson

		The following embedded content from Scrimba <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides an interactive lesson summarizing the basics of CSS Grid, which also allows you to play with a live grid example and familiarize yourself with how the code works.

	The following embedded content from Scrimba <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides an interactive lesson summarizing the basics of CSS Grid, which also allows you to play with a live grid example and familiarize yourself with how the code works.
	The following embedded content from [Scrimba](https://scrimba.com/learn/frontend?via=mdn) <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides an interactive lesson on the basics of CSS grid. It also includes a live grid example that you can play with and see how the code works.


		{{PreviousMenuNext("Learn_web_development/Core/Scripting/What_is_JavaScript", "Learn_web_development/Core/Scripting/What_went_wrong", "Learn_web_development/Core/Scripting")}}

		Now you've learned something about the theory of JavaScript and what you can do with it, we are going to give you an idea of what the process of creating a simple JavaScript program is like, by guiding you through a practical tutorial. Here you'll build up a simple "Guess the number" game, step by step.


	Now that you've learned some theory about JavaScript and what you can do with it, we'll walk you through a practical tutorial so you can see how to create a simple JavaScript program. Here you'll build a simple "Guess the number" game, step by step.

	> Starting from [Write your first JavaScript variable](https://scrimba.com/learn-javascript-c0v/~04?via=mdn), Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides some useful interactive lessons that take you through the real basics of JavaScript.
	> Starting with [Write your first JavaScript variable](https://scrimba.com/learn-javascript-c0v/~04?via=mdn), Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> provides useful interactive lessons that take you through the basics of JavaScript.

	> For an extra bit of function practice before you move on, check out the Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> challenge [Write your first function](https://scrimba.com/fullstack-path-c0fullstack/~04h?via=mdn).
	> For more practice with functions, check out the Scrimba<sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> challenge [Write your first function](https://scrimba.com/fullstack-path-c0fullstack/~04h?via=mdn).

	## Interactive table basics summary
	## Interactive recap of table concepts


		{{EmbedLiveSample('simple-grid_2', '100%', "130") }}

		## Interactive grid lesson

	## Interactive grid lesson
	## Interactive recap of grid concepts

Fourth set of Scrimba links #42342

Are you sure you want to change the base?

Fourth set of Scrimba links #42342

Conversation

chrisdavidmills commented Dec 10, 2025

Description

Motivation

Additional details

Related issues and pull requests

Uh oh!

github-actions bot commented Dec 10, 2025

Uh oh!

dipikabh left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants