Skip to content

PROD-2456 configure shortened course -> dev #36

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jul 25, 2022
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions client/utils/help-category-map.json
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,9 @@
"data-analysis-with-python-course": "Python",
"python-for-penetration-testing": "Python",
"learn-html-by-building-a-cat-photo-app": "HTML-CSS",
"learn-html-by-building-a-cat-photo-app-qa": "HTML-CSS",
"learn-basic-css-by-building-a-cafe-menu": "HTML-CSS",
"learn-basic-css-by-building-a-cafe-menu-qa": "HTML-CSS",
"learn-css-variables-by-building-a-city-skyline": "HTML-CSS",
"basic-javascript-rpg-game": "JavaScript",
"functional-programming-spreadsheet": "JavaScript",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "Learn HTML by Building a Cat Photo App",
"name": "Learn HTML by Building a Cat Photo App QA",
"isUpcomingChange": false,
"usesMultifileEditor": true,
"hasEditableBoundaries": true,
Expand All @@ -11,11 +11,11 @@
"superBlock": "2022/responsive-web-design-qa",
"challengeOrder": [
[
"dddddddddddddddddddddddd",
"cccccccccccccccccccccccc",
"Step 1"
],
[
"cccccccccccccccccccccccc",
"dddddddddddddddddddddddd",
"Step 2"
]
]}
Original file line number Diff line number Diff line change
@@ -1,61 +1,44 @@
---
id: cccccccccccccccccccccccc
title: Step 2
title: Step 1
challengeType: 0
dashedName: step-2
dashedName: step-1
order: 1
---

# --description--

Add a `head` element within the `html` element, so you can add a `title` element. The `title` element's text should be `Cafe Menu`.
As you learned in the last few steps of the Cat Photo App, there is a basic structure needed to start building your web page.

# --hints--

You should have an opening `<head>` tag.

```js
assert(code.match(/<head>/i));
```

You should have a closing `</head>` tag.

```js
assert(code.match(/<head>/i));
```
Add the `<!DOCTYPE html>` tag, and an `html` element.

You should have an opening `<title>` tag.

```js
assert(code.match(/<title>/i));
```
# --hints--

You should have a closing `</title>` tag.
You should have the `DOCTYPE` declaration.

```js
assert(code.match(/<\/title>/i));
assert(code.match(/<!DOCTYPE html>/i));
```

Your `title` element should be nested in your `head` element.
You should have an opening `<html>` tag.

```js
assert(code.match(/<head>\s*<title>.*<\/title>\s*<\/head>/si));
assert(code.match(/<html>/i));
```

Your `title` element should have the text `Cafe Menu`. You may need to check your spelling.
You should have a closing `<html>` tag. Remember that closing tags have a `/` following the opening `<` bracket.

```js
assert.match(document.querySelector('title')?.innerText, /Cafe Menu/i);
assert(code.match(/<\/html>/i));
```

# --seed--

## --seed-contents--

```html
<!DOCTYPE html>
<html>
--fcc-editable-region--

--fcc-editable-region--
</html>

```
Original file line number Diff line number Diff line change
@@ -1,43 +1,62 @@
---
id: dddddddddddddddddddddddd
title: Step 1
title: Step 2
challengeType: 0
dashedName: step-1
dashedName: step-2
order: 2
---

# --description--

As you learned in the last few steps of the Cat Photo App, there is a basic structure needed to start building your web page.

Add the `<!DOCTYPE html>` tag, and an `html` element.
Add a `head` element within the `html` element, so you can add a `title` element. The `title` element's text should be `Cafe Menu`.

# --hints--

You should have the `DOCTYPE` declaration.
You should have an opening `<head>` tag.

```js
assert(code.match(/<head>/i));
```

You should have a closing `</head>` tag.

```js
assert(code.match(/<head>/i));
```

You should have an opening `<title>` tag.

```js
assert(code.match(/<!DOCTYPE html>/i));
assert(code.match(/<title>/i));
```

You should have an opening `<html>` tag.
You should have a closing `</title>` tag.

```js
assert(code.match(/<html>/i));
assert(code.match(/<\/title>/i));
```

You should have a closing `<html>` tag. Remember that closing tags have a `/` following the opening `<` bracket.
Your `title` element should be nested in your `head` element.

```js
assert(code.match(/<\/html>/i));
assert(code.match(/<head>\s*<title>.*<\/title>\s*<\/head>/si));
```

Your `title` element should have the text `Cafe Menu`. You may need to check your spelling.

```js
assert.match(document.querySelector('title')?.innerText, /Cafe Menu/i);
```

# --seed--

## --seed-contents--

```html
<!DOCTYPE html>
<html>
--fcc-editable-region--

--fcc-editable-region--

</html>
```
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@
id: eeeeeeeeeeeeeeeeeeeeeeee
challengeType: 0
dashedName: step-1
title: Step 1
order: 1
---

# --description--
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ id: ffffffffffffffffffffffff
title: Step 2
challengeType: 0
dashedName: step-2
order: 2
---

# --description--
Expand Down
2 changes: 2 additions & 0 deletions utils/preformatted-block-names.json
Original file line number Diff line number Diff line change
Expand Up @@ -18,12 +18,14 @@
"json-apis-and-ajax": "JSON APIs and Ajax",
"learn-accessibility-by-building-a-quiz": "Learn Accessibility by Building a Quiz",
"learn-basic-css-by-building-a-cafe-menu": "Learn Basic CSS by Building a Cafe Menu",
"learn-basic-css-by-building-a-cafe-menu-qa": "Learn Basic CSS by Building a Cafe Menu QA",
"learn-css-animation-by-building-a-ferris-wheel": "Learn CSS Animation by Building a Ferris Wheel",
"learn-css-flexbox-by-building-a-photo-gallery": "Learn CSS Flexbox by Building a Photo Gallery",
"learn-css-grid-by-building-a-magazine": "Learn CSS Grid by Building a Magazine",
"learn-css-transforms-by-building-a-penguin": "Learn CSS Transforms by Building a Penguin",
"learn-css-variables-by-building-a-city-skyline": "Learn CSS Variables by Building a City Skyline",
"learn-html-by-building-a-cat-photo-app": "Learn HTML by Building a Cat Photo App",
"learn-html-by-building-a-cat-photo-app-qa": "Learn HTML by Building a Cat Photo App QA",
"learn-html-forms-by-building-a-registration-form": "Learn HTML Forms by Building a Registration Form",
"learn-intermediate-css-by-building-a-picasso-painting": "Learn Intermediate CSS by Building a Picasso Painting",
"learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet": "Learn More About CSS Pseudo Selectors By Building A Balance Sheet",
Expand Down