Skip to content

Commit e071900

Browse files
fix(curriculum): remove videos and references from forms, tables, and html tools lectures (freeCodeCamp#61582)
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
1 parent cd85e85 commit e071900

File tree

7 files changed

+40
-89
lines changed

7 files changed

+40
-89
lines changed

curriculum/challenges/english/25-front-end-development/lecture-working-with-forms/6729974ec29be33cb00eb54d.md

Lines changed: 10 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 6729974ec29be33cb00eb54d
33
title: How Do Forms, Labels, and Inputs Work in HTML?
4-
challengeType: 11
5-
videoId: O14Wb3N4wDQ
4+
challengeType: 19
65
dashedName: how-do-forms-labels-and-inputs-work-in-html
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
How do forms, labels, and inputs work in HTML?
16-
1710
The `form` element in HTML is used to gather user information, such as names and email addresses. Here is an example of a `form` element:
1811

1912
```html
@@ -73,7 +66,7 @@ It indicates the color of the label text.
7366

7467
### --feedback--
7568

76-
Review the middle portion of the video where the `for` attribute is discussed.
69+
Review the middle portion of the lecture where the `for` attribute is discussed.
7770

7871
---
7972

@@ -85,15 +78,15 @@ It specifies the alignment of the label within its container.
8578

8679
### --feedback--
8780

88-
Review the middle portion of the video where the `for` attribute is discussed.
81+
Review the middle portion of the lecture where the `for` attribute is discussed.
8982

9083
---
9184

9285
It defines a JavaScript function to execute when the label is clicked.
9386

9487
### --feedback--
9588

96-
Review the middle portion of the video where the `for` attribute is discussed.
89+
Review the middle portion of the lecture where the `for` attribute is discussed.
9790

9891
## --video-solution--
9992

@@ -109,23 +102,23 @@ Which of the following is a correct value for the `type` attribute used inside i
109102

110103
### --feedback--
111104

112-
Refer back to the beginning of the video where the example shows a valid value for the `type` attribute.
105+
Refer back to the beginning of the lecture where the example shows a valid value for the `type` attribute.
113106

114107
---
115108

116109
`text-box`
117110

118111
### --feedback--
119112

120-
Refer back to the beginning of the video where the example shows a valid value for the `type` attribute.
113+
Refer back to the beginning of the lecture where the example shows a valid value for the `type` attribute.
121114

122115
---
123116

124117
`numberinput`
125118

126119
### --feedback--
127120

128-
Refer back to the beginning of the video where the example shows a valid value for the `type` attribute.
121+
Refer back to the beginning of the lecture where the example shows a valid value for the `type` attribute.
129122

130123
---
131124

@@ -149,23 +142,23 @@ It specifies the type of input field.
149142

150143
### --feedback--
151144

152-
Review the end of the video where the `placeholder` attribute was discussed.
145+
Review the end of the lecture where the `placeholder` attribute was discussed.
153146

154147
---
155148

156149
It defines the initial value displayed in the input field.
157150

158151
### --feedback--
159152

160-
Review the end of the video where the `placeholder` attribute was discussed.
153+
Review the end of the lecture where the `placeholder` attribute was discussed.
161154

162155
---
163156

164157
It indicates the maximum length of characters allowed in the input field.
165158

166159
### --feedback--
167160

168-
Review the end of the video where the `placeholder` attribute was discussed.
161+
Review the end of the lecture where the `placeholder` attribute was discussed.
169162

170163
## --video-solution--
171164

curriculum/challenges/english/25-front-end-development/lecture-working-with-forms/672a4cd3d59756726657efb8.md

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672a4cd3d59756726657efb8
33
title: What Are the Different Types of Buttons, and When Should You Use Them?
4-
challengeType: 11
5-
videoId: tlumOah6l4k
4+
challengeType: 19
65
dashedName: what-are-the-different-types-of-buttons
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What are the different types of buttons, and when should you use them?
16-
1710
The `button` element is used to perform a particular action when it is activated. Here is an example of a `button` element with the button text of `Start Game`.
1811

1912
```html
@@ -145,23 +138,23 @@ What is another element you can use to represent a button?
145138

146139
### --feedback--
147140

148-
Review the last part of the video where this is discussed in more detail.
141+
Review the last part of the lecture where this is discussed in more detail.
149142

150143
---
151144

152145
`form`
153146

154147
### --feedback--
155148

156-
Review the last part of the video where this is discussed in more detail.
149+
Review the last part of the lecture where this is discussed in more detail.
157150

158151
---
159152

160153
`header`
161154

162155
### --feedback--
163156

164-
Review the last part of the video where this is discussed in more detail.
157+
Review the last part of the lecture where this is discussed in more detail.
165158

166159
---
167160

curriculum/challenges/english/25-front-end-development/lecture-working-with-forms/672a4ce6dab9eb735828b48b.md

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672a4ce6dab9eb735828b48b
33
title: What Is Client-Side Form Validation in HTML Forms, and What Are Some Examples?
4-
challengeType: 11
5-
videoId: Mt-e0DpxGXE
4+
challengeType: 19
65
dashedName: what-is-client-side-form-validation-in-html-forms
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is client-side form validation in HTML forms, and what are some examples?
16-
1710
When a user fills out a form on your website, it is important that they fill out all of the necessary information in the correct format. HTML form controls, like inputs, have a lot of built-in validation that you can use to check for invalid data. This will help ensure that the user fixes these mistakes before the information is submitted and processed by the server.
1811

1912
The term "client-side" refers to everything that happens on the user's computer or device, like the part of a website or app you interact with directly. This includes the layout, design, and any interactive features.
@@ -139,23 +132,23 @@ The program will crash.
139132

140133
### --feedback--
141134

142-
Refer back to the middle of the video where this was discussed.
135+
Refer back to the middle of the lecture where this was discussed.
143136

144137
---
145138

146139
The form will submit just fine.
147140

148141
### --feedback--
149142

150-
Refer back to the middle of the video where this was discussed.
143+
Refer back to the middle of the lecture where this was discussed.
151144

152145
---
153146

154147
Nothing will happen.
155148

156149
### --feedback--
157150

158-
Refer back to the middle of the video where this was discussed.
151+
Refer back to the middle of the lecture where this was discussed.
159152

160153
---
161154

curriculum/challenges/english/25-front-end-development/lecture-working-with-forms/672a4cf959443073a6774908.md

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672a4cf959443073a6774908
33
title: What Are the Different Form States, and Why Are They Important?
4-
challengeType: 11
5-
videoId: 0kD-EwXqRG4
4+
challengeType: 19
65
dashedName: what-are-the-different-form-states
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What are the different form states, and why are they important?
16-
1710
In HTML, form controls, like inputs, can be in different stages or conditions like a `focused` state, `readonly` state, or `disabled` state.
1811

1912
The first state would be considered the `default` state. The default state of an email address input is a blank input. That is what the email input looks like when it is first rendered on the page. At this point, the user has not input any information.
@@ -130,15 +123,15 @@ When an input field is disabled and cannot be interacted with.
130123

131124
### --feedback--
132125

133-
Refer back to the beginning of the video where the focused state was discussed.
126+
Refer back to the beginning of the lecture where the focused state was discussed.
134127

135128
---
136129

137130
When an input field is validated and shows an error message.
138131

139132
### --feedback--
140133

141-
Refer back to the beginning of the video where the focused state was discussed.
134+
Refer back to the beginning of the lecture where the focused state was discussed.
142135

143136
---
144137

@@ -150,7 +143,7 @@ When an input field has been pre-filled with default values by the browser.
150143

151144
### --feedback--
152145

153-
Refer back to the beginning of the video where the focused state was discussed.
146+
Refer back to the beginning of the lecture where the focused state was discussed.
154147

155148
## --video-solution--
156149

curriculum/challenges/english/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672a4fa7d335bc7cfb63a392
33
title: What Is an HTML Validator, and How Can It Help You Debug Your Code?
4-
challengeType: 11
5-
videoId: gniy8iis5ok
4+
challengeType: 19
65
dashedName: what-is-an-html-validator
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is an HTML validator, and how can it help you debug your code?
16-
1710
HTML is a very forgiving language – elements still render even when you make mistakes, like forgetting to include a closing tag.
1811

1912
Let's say you have an `h2` element without a closing tag:

curriculum/challenges/english/25-front-end-development/lecture-working-with-html-tools/672a511bb408ec81c592eb68.md

Lines changed: 7 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672a511bb408ec81c592eb68
33
title: How to Use the DOM Inspector and DevTools to Debug and Build Your Projects
4-
challengeType: 11
5-
videoId: aigMtKHvkSM
4+
challengeType: 19
65
dashedName: how-to-use-the-dom-inspector-and-devtools
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
How do you use the DOM inspector and devtools to debug and build your projects?
16-
1710
When you are building out your projects, you will frequently run into issues where your programs are not working as expected.
1811

1912
Programmers often refer to issues as bugs. The process of finding and fixing these bugs is known as debugging.
@@ -68,15 +61,15 @@ Scanning.
6861

6962
### --feedback--
7063

71-
Review the beginning of the video where this was discussed.
64+
Review the beginning of the lecture where this was discussed.
7265

7366
---
7467

7568
Building.
7669

7770
### --feedback--
7871

79-
Review the beginning of the video where this was discussed.
72+
Review the beginning of the lecture where this was discussed.
8073

8174
---
8275

@@ -88,7 +81,7 @@ Scripting.
8881

8982
### --feedback--
9083

91-
Review the beginning of the video where this was discussed.
84+
Review the beginning of the lecture where this was discussed.
9285

9386
## --video-solution--
9487

@@ -104,7 +97,7 @@ BOM
10497

10598
### --feedback--
10699

107-
Review the beginning of the video where this was discussed.
100+
Review the beginning of the lecture where this was discussed.
108101

109102
---
110103

@@ -116,15 +109,15 @@ Python
116109

117110
### --feedback--
118111

119-
Review the beginning of the video where this was discussed.
112+
Review the beginning of the lecture where this was discussed.
120113

121114
---
122115

123116
CSS
124117

125118
### --feedback--
126119

127-
Review the beginning of the video where this was discussed.
120+
Review the beginning of the lecture where this was discussed.
128121

129122
## --video-solution--
130123

0 commit comments

Comments
 (0)