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

		- [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

Uh oh!

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