Skip to content

Commit fc9b827

Browse files
moT01moT01
authored
feat(curriculum): add lecture blocks to the end of HTML (freeCodeCamp#57063)
1 parent 9fe1a28 commit fc9b827

File tree

57 files changed

+5512
-7
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+5512
-7
lines changed

‎client/i18n/locales/english/intro.json‎

Lines changed: 28 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1764,7 +1764,12 @@
17641764
"The following quiz will test your knowledge of the basic HTML concepts you have learned so far."
17651765
]
17661766
},
1767-
"evdc": { "title": "11", "intro": [] },
1767+
"lecture-importance-of-semantic-html": {
1768+
"title": "Importance of Semantic HTML",
1769+
"intro": [
1770+
"In these lecture videos, you will learn about semantic HTML and the importance of using it."
1771+
]
1772+
},
17681773
"workshop-blog-page": {
17691774
"title": "Build a Cat Blog Page",
17701775
"intro": [
@@ -1791,7 +1796,12 @@
17911796
"The following quiz will test your knowledge on semantic HTML concepts you have learned so far."
17921797
]
17931798
},
1794-
"cfgp": { "title": "16", "intro": [] },
1799+
"lecture-working-with-forms": {
1800+
"title": "Working with Forms",
1801+
"intro": [
1802+
"In these lecture videos, you will learn about working with forms in HTML."
1803+
]
1804+
},
17951805
"workshop-hotel-feedback-form": {
17961806
"title": "Build a Hotel Feedback Form",
17971807
"intro": [
@@ -1806,7 +1816,10 @@
18061816
"This lab will give you the opportunity to practice working with the <code>label</code> element, the different <code>input</code> elements, the <code>required</code> attribute, and more. "
18071817
]
18081818
},
1809-
"wgot": { "title": "19", "intro": [] },
1819+
"lecture-working-with-tables": {
1820+
"title": "Working with Tables",
1821+
"intro": ["In these lecture videos, you will learn about HTML tables."]
1822+
},
18101823
"workshop-final-exams-table": {
18111824
"title": "Build a Final Exams Table",
18121825
"intro": [
@@ -1820,7 +1833,12 @@
18201833
"This lab will give you an opportunity to practice working with the different table components like the <code>Table Head</code>, <code>Table Row</code> and <code>Table Data Cell</code> elements."
18211834
]
18221835
},
1823-
"rsve": { "title": "22", "intro": [] },
1836+
"lecture-working-with-html-tools": {
1837+
"title": "Working with HTML Tools",
1838+
"intro": [
1839+
"In these lecture videos, you will learn about working with HTML tools."
1840+
]
1841+
},
18241842
"review-html-tables-and-forms": {
18251843
"title": "HTML Tables and Forms Review",
18261844
"intro": [
@@ -1834,7 +1852,12 @@
18341852
"The following quiz will test your knowledge of HTML tables and forms."
18351853
]
18361854
},
1837-
"ghoc": { "title": "25", "intro": [] },
1855+
"lecture-importance-of-accessibility-and-good-html-structure": {
1856+
"title": "Importance of Accessibility and Good HTML Structure",
1857+
"intro": [
1858+
"In these lecture videos, you will learn about importance of accessibility and using good HTML structure."
1859+
]
1860+
},
18381861
"lab-checkout-page": {
18391862
"title": "Build a Checkout Page",
18401863
"intro": ["In this lab, you will create an accessible checkout page."]

‎client/src/pages/learn/full-stack-developer/lecture-importance-of-accessibility-and-good-html-structure/index.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
title: Introduction to Importance of Accessibility and Good HTML Structure
3+
block: lecture-importance-of-accessibility-and-good-html-structure
4+
superBlock: full-stack-developer
5+
---
6+
7+
## Introduction to Importance of Accessibility and Good HTML Structure
8+
9+
In these lecture videos, you will learn about importance of accessibility and using good HTML structure.

‎client/src/pages/learn/full-stack-developer/lecture-importance-of-semantic-html/index.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
title: Introduction to Importance of Semantic HTML
3+
block: lecture-importance-of-semantic-html
4+
superBlock: full-stack-developer
5+
---
6+
7+
## Introduction to Importance of Semantic HTML
8+
9+
In these lecture videos, you will learn about semantic HTML and the importance of using it.

‎client/src/pages/learn/full-stack-developer/lecture-working-with-forms/index.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
title: Introduction to Working with Forms
3+
block: lecture-working-with-forms
4+
superBlock: full-stack-developer
5+
---
6+
7+
## Introduction to Working with Forms
8+
9+
In these lecture videos, you will learn about working with forms in HTML.

‎client/src/pages/learn/full-stack-developer/lecture-working-with-html-tools/index.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
title: Introduction to Working with HTML Tools
3+
block: lecture-working-with-html-tools
4+
superBlock: full-stack-developer
5+
---
6+
7+
## Introduction to Working with HTML Tools
8+
9+
In these lecture videos, you will learn about working with HTML tools.

‎client/src/pages/learn/full-stack-developer/lecture-working-with-tables/index.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
title: Introduction to Working with Tables
3+
block: lecture-working-with-tables
4+
superBlock: full-stack-developer
5+
---
6+
7+
## Introduction to Working with Tables
8+
9+
In these lecture videos, you will learn about HTML tables.

‎curriculum/challenges/_meta/lecture-html-fundamentals/meta.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
},
3838
{
3939
"id": "670839051794aa19fcef6dc8",
40-
"title": "What Is UTF-8 Character Encoding and Why Is It Needed?"
40+
"title": "What Is UTF-8 Character Encoding, and Why Is It Needed?"
4141
},
4242
{
4343
"id": "67083952f800051a8a21fcfd",

‎curriculum/challenges/_meta/lecture-importance-of-accessibility-and-good-html-structure/meta.json‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
{
2+
"name": "Importance of Accessibility and Good HTML Structure",
3+
"blockType": "lecture",
4+
"blockLayout": "challenge-list",
5+
"isUpcomingChange": true,
6+
"dashedName": "lecture-importance-of-accessibility-and-good-html-structure",
7+
"superBlock": "full-stack-developer",
8+
"challengeOrder": [
9+
{
10+
"id": "672a51e9e4fd8b8552eeb758",
11+
"title": "What Is Accessibility?"
12+
},
13+
{
14+
"id": "672a5310d7e46b8a34d48dfd",
15+
"title": "What Are Screen Readers, and Who Uses Them?"
16+
},
17+
{
18+
"id": "672a5326a7606a8a766cbedb",
19+
"title": "What Are Large Text or Braille Keyboards, and Who Uses Them?"
20+
},
21+
{
22+
"id": "672a533e6041c28ad680eb8f",
23+
"title": "What Are Alternative Pointing Devices Such as Trackballs, Joysticks, and Touchpads Used For?"
24+
},
25+
{
26+
"id": "672a5361ef88158b25fbfba7",
27+
"title": "What Are Screen Magnifiers Used For?"
28+
},
29+
{
30+
"id": "672a536f8386288b9ed0a154",
31+
"title": "What Is Voice Recognition Software Used For?"
32+
},
33+
{
34+
"id": "672a537f05f3798bd4f57d2d",
35+
"title": "What Are Some Common Accessibility Auditing Tools to Use?"
36+
},
37+
{
38+
"id": "672a538c029f9e8c1687460e",
39+
"title": "How Does Proper Heading Level Structure Affect Accessibility?"
40+
},
41+
{
42+
"id": "672a539b887ec68c593cdc4b",
43+
"title": "What Are Best Practices for Tables and Accessibility?"
44+
},
45+
{
46+
"id": "672a53ae8f1ad28c8a1ed0f0",
47+
"title": "Why Is It Important for Inputs to Have an Associated Label?"
48+
},
49+
{
50+
"id": "672a53cf67140d8cd85d4b0f",
51+
"title": "What Is the Purpose of WAI-ARIA, and How Does It Work?"
52+
},
53+
{
54+
"id": "672a549231b8728f7171ed9d",
55+
"title": "What Are ARIA Roles?"
56+
},
57+
{
58+
"id": "672a54a6675c168faa84252d",
59+
"title": "What Are the Roles of the aria-label and aria-labelledby Attributes?"
60+
},
61+
{
62+
"id": "672a54bc58319c8fe6f78ad4",
63+
"title": "What Is the aria-hidden Attribute, and How Does It Work?"
64+
},
65+
{
66+
"id": "672a54ce90c19e9038f481d7",
67+
"title": "What Is the aria-expanded Attribute, and How Does It Work?"
68+
},
69+
{
70+
"id": "672a54dff9dc439089f1a219",
71+
"title": "What Is the aria-live Attribute, and How Does It Work?"
72+
},
73+
{
74+
"id": "672a54f29d783890d1f94740",
75+
"title": "What Are Some Common ARIA States Used on Custom Control Elements?"
76+
},
77+
{
78+
"id": "672a5507d857a891139abc7f",
79+
"title": "What Is the aria-controls Attribute, and How Does It Work?"
80+
},
81+
{
82+
"id": "672a551975938a916c74802c",
83+
"title": "What Is the aria-describedby Attribute, and How Does It Work?"
84+
},
85+
{
86+
"id": "672a55b5c0c14493328fe36e",
87+
"title": "When Is the alt Attribute Needed, and What Are Some Examples of Good Alt Text?"
88+
},
89+
{
90+
"id": "672a55dd1d86bc939606e204",
91+
"title": "What Are the Accessibility Benefits for Good Link Text, and What Are Examples of Good Link Text?"
92+
},
93+
{
94+
"id": "672a55eb7791559421ff0cd3",
95+
"title": "What Are Good Ways to Make Audio and Video Content Accessible?"
96+
},
97+
{
98+
"id": "672a55fbc2d95a9453151caf",
99+
"title": "What Are Some Ways to Make Web Applications Keyboard Accessible?"
100+
}
101+
],
102+
"helpCategory": "HTML-CSS"
103+
}

‎curriculum/challenges/_meta/lecture-importance-of-semantic-html/meta.json‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
{
2+
"name": "Importance of Semantic HTML",
3+
"blockType": "lecture",
4+
"blockLayout": "challenge-list",
5+
"isUpcomingChange": true,
6+
"dashedName": "lecture-importance-of-semantic-html",
7+
"superBlock": "full-stack-developer",
8+
"challengeOrder": [
9+
{
10+
"id": "67298243760ae980de5266db",
11+
"title": "Why Should You Care About Semantic HTML?"
12+
},
13+
{
14+
"id": "672985445d7da807c6b4f406",
15+
"title": "Why is it Important to Have Good Structural Hierarchy?"
16+
},
17+
{
18+
"id": "672990ecf71a852804ababe7",
19+
"title": "What Is the Difference Between Presentational and Semantic HTML?"
20+
},
21+
{
22+
"id": "6729959bf9c8e835f46b3f78",
23+
"title": "When Should You Use the Emphasis Element Over the Idiomatic Text Element?"
24+
},
25+
{
26+
"id": "672995ac85fd943657c2ede5",
27+
"title": "When Should You Use the Strong Element Over the Bring Attention To Element?"
28+
},
29+
{
30+
"id": "672995bda6c67e369aaf8588",
31+
"title": "What Are Description Lists, and When Should You Use Them?"
32+
},
33+
{
34+
"id": "672995c9e6f69436dbcccc79",
35+
"title": "How Do Block and Inline Quotes Work in HTML?"
36+
},
37+
{
38+
"id": "672995d673bd3237200b9e7c",
39+
"title": "How Do You Display Abbreviations and Acronyms in HTML?"
40+
},
41+
{
42+
"id": "672995e43674fb3775b9ec5d",
43+
"title": "How Do You Display Addresses in HTML?"
44+
},
45+
{
46+
"id": "672995f16ed97837b365a9f6",
47+
"title": "How Do You Display Times and Dates in HTML?"
48+
},
49+
{
50+
"id": "672995ffdfd2f337f5f215f8",
51+
"title": "How Do You Display Mathematical Equations and Chemical Formulas in HTML?"
52+
},
53+
{
54+
"id": "6729960ed6e2ca3825940e97",
55+
"title": "How Do You Represent Computer Code in HTML?"
56+
},
57+
{
58+
"id": "6729963b1ab11638753cf082",
59+
"title": "What Are the U, S, and Ruby Elements Used For, and How Do They Work?"
60+
}
61+
],
62+
"helpCategory": "HTML-CSS"
63+
}

‎curriculum/challenges/_meta/lecture-working-with-forms/meta.json‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{
2+
"name": "Working with Forms",
3+
"blockType": "lecture",
4+
"blockLayout": "challenge-list",
5+
"isUpcomingChange": true,
6+
"dashedName": "lecture-working-with-forms",
7+
"superBlock": "full-stack-developer",
8+
"challengeOrder": [
9+
{
10+
"id": "6729974ec29be33cb00eb54d",
11+
"title": "How Do Forms, Labels, and Inputs Work in HTML?"
12+
},
13+
{
14+
"id": "672a4cd3d59756726657efb8",
15+
"title": "What Are the Different Types of Buttons, and When Should You Use Them?"
16+
},
17+
{
18+
"id": "672a4ce6dab9eb735828b48b",
19+
"title": "What Is Client-Side Form Validation in HTML Forms, and What Are Some Examples?"
20+
},
21+
{
22+
"id": "672a4cf959443073a6774908",
23+
"title": "What Are the Different Form States, and Why Are They Important?"
24+
}
25+
],
26+
"helpCategory": "HTML-CSS"
27+
}

0 commit comments

Comments
 (0)