mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
fix(curriculum): remove boilerplate steps 1-2 from final exams table workshop (#63718)
This commit is contained in:
-75
@@ -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--
|
||||
```
|
||||
-114
@@ -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>
|
||||
```
|
||||
+4
-2
@@ -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.
|
||||
|
||||
+2
-2
@@ -1,8 +1,8 @@
|
||||
---
|
||||
id: 66a9b8f14b963916a3baa732
|
||||
title: Step 4
|
||||
title: Step 2
|
||||
challengeType: 0
|
||||
dashedName: step-4
|
||||
dashedName: step-2
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
+2
-2
@@ -1,8 +1,8 @@
|
||||
---
|
||||
id: 66a9bb8578459a175432e7d0
|
||||
title: Step 5
|
||||
title: Step 3
|
||||
challengeType: 0
|
||||
dashedName: step-5
|
||||
dashedName: step-3
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
+2
-2
@@ -1,8 +1,8 @@
|
||||
---
|
||||
id: 66a9bcf00f13a418368a272e
|
||||
title: Step 6
|
||||
title: Step 4
|
||||
challengeType: 0
|
||||
dashedName: step-6
|
||||
dashedName: step-4
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
+2
-2
@@ -1,8 +1,8 @@
|
||||
---
|
||||
id: 66a9c006e4f58819396605b3
|
||||
title: Step 7
|
||||
title: Step 5
|
||||
challengeType: 0
|
||||
dashedName: step-7
|
||||
dashedName: step-5
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
+2
-2
@@ -1,8 +1,8 @@
|
||||
---
|
||||
id: 66a9c14e3b34c719e34bae20
|
||||
title: Step 8
|
||||
title: Step 6
|
||||
challengeType: 0
|
||||
dashedName: step-8
|
||||
dashedName: step-6
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
+2
-2
@@ -1,8 +1,8 @@
|
||||
---
|
||||
id: 66a9c7a4521d2b1b1ec6dcf0
|
||||
title: Step 9
|
||||
title: Step 7
|
||||
challengeType: 0
|
||||
dashedName: step-9
|
||||
dashedName: step-7
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
+2
-2
@@ -1,8 +1,8 @@
|
||||
---
|
||||
id: 66a9ca099e3ecb1be10a2696
|
||||
title: Step 10
|
||||
title: Step 8
|
||||
challengeType: 0
|
||||
dashedName: step-10
|
||||
dashedName: step-8
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
+2
-2
@@ -1,8 +1,8 @@
|
||||
---
|
||||
id: 66a9cb26ec6bd41cf6c82bc5
|
||||
title: Step 11
|
||||
title: Step 9
|
||||
challengeType: 0
|
||||
dashedName: step-11
|
||||
dashedName: step-9
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
+2
-2
@@ -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"
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user