File tree Expand file tree Collapse file tree 7 files changed +54
-45
lines changed
_meta/learn-html-by-building-a-cat-photo-app-qa
english/14-responsive-web-design-22-qa
learn-html-by-building-a-cat-photo-app-qa Expand file tree Collapse file tree 7 files changed +54
-45
lines changed Original file line number Diff line number Diff line change 57
57
"data-analysis-with-python-course" : " Python" ,
58
58
"python-for-penetration-testing" : " Python" ,
59
59
"learn-html-by-building-a-cat-photo-app" : " HTML-CSS" ,
60
+ "learn-html-by-building-a-cat-photo-app-qa" : " HTML-CSS" ,
60
61
"learn-basic-css-by-building-a-cafe-menu" : " HTML-CSS" ,
62
+ "learn-basic-css-by-building-a-cafe-menu-qa" : " HTML-CSS" ,
61
63
"learn-css-variables-by-building-a-city-skyline" : " HTML-CSS" ,
62
64
"basic-javascript-rpg-game" : " JavaScript" ,
63
65
"functional-programming-spreadsheet" : " JavaScript" ,
Original file line number Diff line number Diff line change 1
1
{
2
- "name" : " Learn HTML by Building a Cat Photo App" ,
2
+ "name" : " Learn HTML by Building a Cat Photo App QA " ,
3
3
"isUpcomingChange" : false ,
4
4
"usesMultifileEditor" : true ,
5
5
"hasEditableBoundaries" : true ,
11
11
"superBlock" : " 2022/responsive-web-design-qa" ,
12
12
"challengeOrder" : [
13
13
[
14
- " dddddddddddddddddddddddd " ,
14
+ " cccccccccccccccccccccccc " ,
15
15
" Step 1"
16
16
],
17
17
[
18
- " cccccccccccccccccccccccc " ,
18
+ " dddddddddddddddddddddddd " ,
19
19
" Step 2"
20
20
]
21
21
]}
Original file line number Diff line number Diff line change 1
1
---
2
2
id : cccccccccccccccccccccccc
3
- title : Step 2
3
+ title : Step 1
4
4
challengeType : 0
5
- dashedName : step-2
5
+ dashedName : step-1
6
+ order : 1
6
7
---
7
8
8
9
# --description--
9
10
10
- Add a ` head ` element within the ` html ` element, so you can add a ` title ` element. The ` title ` element's text should be ` Cafe Menu ` .
11
+ 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 .
11
12
12
- # --hints--
13
-
14
- You should have an opening ` <head> ` tag.
15
-
16
- ``` js
17
- assert (code .match (/ <head>/ i ));
18
- ```
19
-
20
- You should have a closing ` </head> ` tag.
21
-
22
- ``` js
23
- assert (code .match (/ <head>/ i ));
24
- ```
13
+ Add the ` <!DOCTYPE html> ` tag, and an ` html ` element.
25
14
26
- You should have an opening ` <title> ` tag.
27
-
28
- ``` js
29
- assert (code .match (/ <title>/ i ));
30
- ```
15
+ # --hints--
31
16
32
- You should have a closing ` </title> ` tag .
17
+ You should have the ` DOCTYPE ` declaration .
33
18
34
19
``` js
35
- assert (code .match (/ <\/ title >/ i ));
20
+ assert (code .match (/ <!DOCTYPE html >/ i ));
36
21
```
37
22
38
- Your ` title ` element should be nested in your ` head ` element .
23
+ You should have an opening ` <html> ` tag .
39
24
40
25
``` js
41
- assert (code .match (/ <head> \s * <title> . * < \/ title> \s * < \/ head> / si ));
26
+ assert (code .match (/ <html> / i ));
42
27
```
43
28
44
- Your ` title ` element should have the text ` Cafe Menu ` . You may need to check your spelling .
29
+ You should have a closing ` <html> ` tag. Remember that closing tags have a ` / ` following the opening ` < ` bracket .
45
30
46
31
``` js
47
- assert .match (document . querySelector ( ' title ' ) ? . innerText , / Cafe Menu / i );
32
+ assert ( code .match (/ < \/ html> / i ) );
48
33
```
49
34
50
35
# --seed--
51
36
52
37
## --seed-contents--
53
38
54
39
``` html
55
- < ! DOCTYPE html>
56
- < html>
57
40
--fcc-editable-region--
58
41
59
42
--fcc-editable-region--
60
- < / html >
43
+
61
44
```
Original file line number Diff line number Diff line change 1
1
---
2
2
id : dddddddddddddddddddddddd
3
- title : Step 1
3
+ title : Step 2
4
4
challengeType : 0
5
- dashedName : step-1
5
+ dashedName : step-2
6
+ order : 2
6
7
---
7
8
8
9
# --description--
9
10
10
- 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.
11
-
12
- Add the ` <!DOCTYPE html> ` tag, and an ` html ` element.
11
+ Add a ` head ` element within the ` html ` element, so you can add a ` title ` element. The ` title ` element's text should be ` Cafe Menu ` .
13
12
14
13
# --hints--
15
14
16
- You should have the ` DOCTYPE ` declaration.
15
+ You should have an opening ` <head> ` tag.
16
+
17
+ ``` js
18
+ assert (code .match (/ <head>/ i ));
19
+ ```
20
+
21
+ You should have a closing ` </head> ` tag.
22
+
23
+ ``` js
24
+ assert (code .match (/ <head>/ i ));
25
+ ```
26
+
27
+ You should have an opening ` <title> ` tag.
17
28
18
29
``` js
19
- assert (code .match (/ <!DOCTYPE html >/ i ));
30
+ assert (code .match (/ <title >/ i ));
20
31
```
21
32
22
- You should have an opening ` <html > ` tag.
33
+ You should have a closing ` </title > ` tag.
23
34
24
35
``` js
25
- assert (code .match (/ <html >/ i ));
36
+ assert (code .match (/ <\/ title >/ i ));
26
37
```
27
38
28
- You should have a closing ` <html> ` tag. Remember that closing tags have a ` / ` following the opening ` < ` bracket .
39
+ Your ` title ` element should be nested in your ` head ` element .
29
40
30
41
``` js
31
- assert (code .match (/ <\/ html>/ i ));
42
+ assert (code .match (/ <head>\s * <title>. * <\/ title>\s * <\/ head>/ si ));
43
+ ```
44
+
45
+ Your ` title ` element should have the text ` Cafe Menu ` . You may need to check your spelling.
46
+
47
+ ``` js
48
+ assert .match (document .querySelector (' title' )? .innerText , / Cafe Menu/ i );
32
49
` ` `
33
50
34
51
# --seed--
35
52
36
53
## --seed-contents--
37
54
38
55
` ` ` html
56
+ < ! DOCTYPE html>
57
+ < html>
39
58
-- fcc- editable- region--
40
59
41
60
-- fcc- editable- region--
42
-
61
+ < / html >
43
62
` ` `
Original file line number Diff line number Diff line change 2
2
id : eeeeeeeeeeeeeeeeeeeeeeee
3
3
challengeType : 0
4
4
dashedName : step-1
5
+ title : Step 1
6
+ order : 1
5
7
---
6
8
7
9
# --description--
Original file line number Diff line number Diff line change @@ -3,6 +3,7 @@ id: ffffffffffffffffffffffff
3
3
title : Step 2
4
4
challengeType : 0
5
5
dashedName : step-2
6
+ order : 2
6
7
---
7
8
8
9
# --description--
Original file line number Diff line number Diff line change 18
18
"json-apis-and-ajax" : " JSON APIs and Ajax" ,
19
19
"learn-accessibility-by-building-a-quiz" : " Learn Accessibility by Building a Quiz" ,
20
20
"learn-basic-css-by-building-a-cafe-menu" : " Learn Basic CSS by Building a Cafe Menu" ,
21
+ "learn-basic-css-by-building-a-cafe-menu-qa" : " Learn Basic CSS by Building a Cafe Menu QA" ,
21
22
"learn-css-animation-by-building-a-ferris-wheel" : " Learn CSS Animation by Building a Ferris Wheel" ,
22
23
"learn-css-flexbox-by-building-a-photo-gallery" : " Learn CSS Flexbox by Building a Photo Gallery" ,
23
24
"learn-css-grid-by-building-a-magazine" : " Learn CSS Grid by Building a Magazine" ,
24
25
"learn-css-transforms-by-building-a-penguin" : " Learn CSS Transforms by Building a Penguin" ,
25
26
"learn-css-variables-by-building-a-city-skyline" : " Learn CSS Variables by Building a City Skyline" ,
26
27
"learn-html-by-building-a-cat-photo-app" : " Learn HTML by Building a Cat Photo App" ,
28
+ "learn-html-by-building-a-cat-photo-app-qa" : " Learn HTML by Building a Cat Photo App QA" ,
27
29
"learn-html-forms-by-building-a-registration-form" : " Learn HTML Forms by Building a Registration Form" ,
28
30
"learn-intermediate-css-by-building-a-picasso-painting" : " Learn Intermediate CSS by Building a Picasso Painting" ,
29
31
"learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet" : " Learn More About CSS Pseudo Selectors By Building A Balance Sheet" ,
You can’t perform that action at this time.
0 commit comments