fix(curriculum): remove boilerplate steps 1-2 from final exams table workshop (#63718)

This commit is contained in:
Diem-Trang Pham
2025-11-12 12:43:20 -06:00
committed by GitHub
parent 628484c5db
commit 28db49e684
13 changed files with 32 additions and 257 deletions
@@ -1,75 +0,0 @@
---
id: 66a98f42c7c06903e5f8dd07
title: Step 1
challengeType: 0
dashedName: step-1
demoType: onLoad
---
# --description--
In this workshop, you will practice working with HTML tables by building a final exam table for a group of students.
To begin the project, add the `<!DOCTYPE html>`, and an `html` element with a `lang` attribute of `en`.
Inside the `html` element, add a `head` element.
# --hints--
You should have the `<!DOCTYPE html>`.
```js
assert.match(code, /<!DOCTYPE\s+html>/i);
```
You should have an opening `html` tag with the language set to english.
```js
assert.match(code, /<html\s+lang\s*=\s*('|")en\1\s*>/gi);
```
You should have a closing `html` tag.
```js
assert.match(code, /<\/html>/i);
```
Your `DOCTYPE` should come before the `html` element.
```js
assert.match(code, /<!DOCTYPE\s+html>[.\n\s]*<html\s+lang\s*=\s*('|")en\1\s*>/im)
```
You should have an opening `head` tag.
```js
assert.match(code, /<head>/i);
```
You should have a closing `head` tag.
```js
assert.match(code, /<\/head>/i);
```
Your opening `head` tag should come before the closing `head` tag.
```js
assert.match(code, /<head>[.\n\s]*<\/head>/im)
```
Your `head` element should be inside the `html` element.
```js
assert.match(code, /<html\s+lang\s*=\s*('|")en\1\s*>[.\n\s]*<head>[.\n\s]*<\/head>[.\n\s]*<\/html>/im);
```
# --seed--
## --seed-contents--
```html
--fcc-editable-region--
--fcc-editable-region--
```
@@ -1,114 +0,0 @@
---
id: 66a9b333487b9c14998539a5
title: Step 2
challengeType: 0
dashedName: step-2
---
# --description--
Inside your `head` element, nest a `meta` element with the `charset` attribute set to the value `"UTF-8"`.
Below that `meta` element, add a `title` element.
The `title` element's text should be `Calculus Final Exams Table`.
After you complete your `head` element, you can add your `body` element.
# --hints--
You should have a `meta` element.
```js
assert.isNotNull(document.querySelector("meta"));
```
The `meta` element is a void element, it should not have an end tag `</meta>`.
```js
assert.notMatch(code, /<\/meta>/i);
```
Your `meta` tag should have a `charset` attribute.
```js
assert.match(code, /<meta\s+charset\s*/i);
```
Your `charset` attribute should have a value of `"UTF-8"`.
```js
assert.match(code, /charset\s*=\s*('|")UTF-8\1/i);
```
Your `meta` element should be nested inside your `head` element.
```js
const meta = document.querySelector('head > meta');
assert.strictEqual(meta?.parentElement?.tagName, 'HEAD');
```
You should have an opening `title` tag.
```js
assert.match(code, /<title>/i);
```
You should have a closing `title` tag.
```js
assert.match(code, /<\/title>/i);
```
Your `title` element should be nested in your `head` element.
```js
assert.match(code, /<head>.*\s*<title>.*<\/title>.*\s*<\/head>/si);
```
Your `title` element should have the text `Calculus Final Exams Table`. You may need to check your spelling.
```js
const titleText = document.querySelector('title')?.innerText.trim();
assert.strictEqual(titleText, "Calculus Final Exams Table");
```
You should have an opening `body` tag.
```js
assert.match(code, /<body>/i);
```
You should have a closing `body` tag.
```js
assert.match(code, /<\/body>/i);
```
You should not change your `head` element. Make sure you did not delete your closing tag.
```js
assert.match(code, /<head>/i);
assert.match(code, /<\/head>/i);
```
Your `body` element should come after your `head` element.
```js
assert.match(code, /<\/head>[.\n\s]*<body>/im)
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
<html lang="en">
--fcc-editable-region--
<head>
</head>
--fcc-editable-region--
</html>
```
@@ -1,12 +1,14 @@
---
id: 66a9b48a211a73155621d0df
title: Step 3
title: Step 1
challengeType: 0
dashedName: step-3
dashedName: step-1
---
# --description--
In this workshop, you will practice working with HTML tables by building a final exam table for a group of students.
In previous lessons, you learned how to work with the `table` element to represent tabular data.
Inside your `body` element, nest a `table` element.
@@ -1,8 +1,8 @@
---
id: 66a9b8f14b963916a3baa732
title: Step 4
title: Step 2
challengeType: 0
dashedName: step-4
dashedName: step-2
---
# --description--
@@ -1,8 +1,8 @@
---
id: 66a9bb8578459a175432e7d0
title: Step 5
title: Step 3
challengeType: 0
dashedName: step-5
dashedName: step-3
---
# --description--
@@ -1,8 +1,8 @@
---
id: 66a9bcf00f13a418368a272e
title: Step 6
title: Step 4
challengeType: 0
dashedName: step-6
dashedName: step-4
---
# --description--
@@ -1,8 +1,8 @@
---
id: 66a9c006e4f58819396605b3
title: Step 7
title: Step 5
challengeType: 0
dashedName: step-7
dashedName: step-5
---
# --description--
@@ -1,8 +1,8 @@
---
id: 66a9c14e3b34c719e34bae20
title: Step 8
title: Step 6
challengeType: 0
dashedName: step-8
dashedName: step-6
---
# --description--
@@ -1,8 +1,8 @@
---
id: 66a9c7a4521d2b1b1ec6dcf0
title: Step 9
title: Step 7
challengeType: 0
dashedName: step-9
dashedName: step-7
---
# --description--
@@ -1,8 +1,8 @@
---
id: 66a9ca099e3ecb1be10a2696
title: Step 10
title: Step 8
challengeType: 0
dashedName: step-10
dashedName: step-8
---
# --description--
@@ -1,8 +1,8 @@
---
id: 66a9cb26ec6bd41cf6c82bc5
title: Step 11
title: Step 9
challengeType: 0
dashedName: step-11
dashedName: step-9
---
# --description--
@@ -1,8 +1,8 @@
---
id: 66a9cd4ffa48cf1ef7333640
title: Step 12
title: Step 10
challengeType: 0
dashedName: step-12
dashedName: step-10
---
# --description--
@@ -7,54 +7,16 @@
"hasEditableBoundaries": true,
"dashedName": "workshop-final-exams-table",
"challengeOrder": [
{
"id": "66a98f42c7c06903e5f8dd07",
"title": "Step 1"
},
{
"id": "66a9b333487b9c14998539a5",
"title": "Step 2"
},
{
"id": "66a9b48a211a73155621d0df",
"title": "Step 3"
},
{
"id": "66a9b8f14b963916a3baa732",
"title": "Step 4"
},
{
"id": "66a9bb8578459a175432e7d0",
"title": "Step 5"
},
{
"id": "66a9bcf00f13a418368a272e",
"title": "Step 6"
},
{
"id": "66a9c006e4f58819396605b3",
"title": "Step 7"
},
{
"id": "66a9c14e3b34c719e34bae20",
"title": "Step 8"
},
{
"id": "66a9c7a4521d2b1b1ec6dcf0",
"title": "Step 9"
},
{
"id": "66a9ca099e3ecb1be10a2696",
"title": "Step 10"
},
{
"id": "66a9cb26ec6bd41cf6c82bc5",
"title": "Step 11"
},
{
"id": "66a9cd4ffa48cf1ef7333640",
"title": "Step 12"
}
{ "id": "66a9b48a211a73155621d0df", "title": "Step 1" },
{ "id": "66a9b8f14b963916a3baa732", "title": "Step 2" },
{ "id": "66a9bb8578459a175432e7d0", "title": "Step 3" },
{ "id": "66a9bcf00f13a418368a272e", "title": "Step 4" },
{ "id": "66a9c006e4f58819396605b3", "title": "Step 5" },
{ "id": "66a9c14e3b34c719e34bae20", "title": "Step 6" },
{ "id": "66a9c7a4521d2b1b1ec6dcf0", "title": "Step 7" },
{ "id": "66a9ca099e3ecb1be10a2696", "title": "Step 8" },
{ "id": "66a9cb26ec6bd41cf6c82bc5", "title": "Step 9" },
{ "id": "66a9cd4ffa48cf1ef7333640", "title": "Step 10" }
],
"helpCategory": "HTML-CSS"
}