mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
chore(curriculum): reorganize semantic html lectures (#61112)
This commit is contained in:
@@ -2178,6 +2178,24 @@
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
"title": "Understanding Nuanced Semantic Elements",
|
||||
"intro": [
|
||||
"In these lectures, you will learn when you should use certain semantic elements like the <code>em</code> element over the <code>i</code> element, description lists, and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-text-and-time-semantic-elements": {
|
||||
"title": "Working with Text and Time Semantic Elements ",
|
||||
"intro": [
|
||||
"In this lecture, you will learn about the importance of semantics in conveying meaning for text and time-related content including the <code>time</code>, <code>blockquote</code> elements and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-specialized-semantic-elements": {
|
||||
"title": "Working with Specialized Semantic Elements",
|
||||
"intro": [
|
||||
"In this lecture, you will learn about specialized semantic elements like <code>u</code>, <code>s</code>, <code>code</code> elements and more."
|
||||
]
|
||||
},
|
||||
"workshop-blog-page": {
|
||||
"title": "Build a Cat Blog Page",
|
||||
"intro": [
|
||||
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: Introduction to the Understanding Nuanced Semantic Elements
|
||||
block: lecture-understanding-nuanced-semantic-elements
|
||||
superBlock: full-stack-developer
|
||||
---
|
||||
|
||||
## Introduction to the Understanding Nuanced Semantic Elements
|
||||
|
||||
In these lectures, you will learn when you should use certain semantic elements like the `em` element over the `i` element, description lists, and more.
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: Introduction to the Working with Text and Time Semantic Elements
|
||||
block: lecture-working-with-text-and-time-semantic-elements
|
||||
superBlock: full-stack-developer
|
||||
---
|
||||
|
||||
## Introduction to the Working with Text and Time Semantic Elements
|
||||
|
||||
In this lecture, you will learn about the importance of semantics in conveying meaning for text and time-related content including the `time`, `blockquote` elements and more.
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: Introduction to the Working with Specialized Semantic Elements
|
||||
block: lecture-working-with-specialized-semantic-elements
|
||||
superBlock: full-stack-developer
|
||||
---
|
||||
|
||||
## Introduction to the Working with Specialized Semantic Elements
|
||||
|
||||
In this lecture, you will learn about specialized semantic elements like `u`, `s`, `code` elements and more.
|
||||
@@ -17,46 +17,6 @@
|
||||
{
|
||||
"id": "672990ecf71a852804ababe7",
|
||||
"title": "What Is the Difference Between Presentational and Semantic HTML?"
|
||||
},
|
||||
{
|
||||
"id": "6729959bf9c8e835f46b3f78",
|
||||
"title": "When Should You Use the Emphasis Element Over the Idiomatic Text Element?"
|
||||
},
|
||||
{
|
||||
"id": "672995ac85fd943657c2ede5",
|
||||
"title": "When Should You Use the Strong Element Over the Bring Attention To Element?"
|
||||
},
|
||||
{
|
||||
"id": "672995bda6c67e369aaf8588",
|
||||
"title": "What Are Description Lists, and When Should You Use Them?"
|
||||
},
|
||||
{
|
||||
"id": "672995c9e6f69436dbcccc79",
|
||||
"title": "How Do Block and Inline Quotes Work in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "672995d673bd3237200b9e7c",
|
||||
"title": "How Do You Display Abbreviations and Acronyms in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "672995e43674fb3775b9ec5d",
|
||||
"title": "How Do You Display Addresses in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "672995f16ed97837b365a9f6",
|
||||
"title": "How Do You Display Times and Dates in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "672995ffdfd2f337f5f215f8",
|
||||
"title": "How Do You Display Mathematical Equations and Chemical Formulas in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "6729960ed6e2ca3825940e97",
|
||||
"title": "How Do You Represent Computer Code in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "6729963b1ab11638753cf082",
|
||||
"title": "What Are the U, S, and Ruby Elements Used For, and How Do They Work?"
|
||||
}
|
||||
],
|
||||
"helpCategory": "HTML-CSS"
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"name": "Understanding Nuanced Semantic Elements",
|
||||
"blockType": "lecture",
|
||||
"blockLayout": "challenge-list",
|
||||
"isUpcomingChange": false,
|
||||
"dashedName": "lecture-understanding-nuanced-semantic-elements",
|
||||
"superBlock": "full-stack-developer",
|
||||
"helpCategory": "HTML-CSS",
|
||||
"challengeOrder": [
|
||||
{
|
||||
"id": "6729959bf9c8e835f46b3f78",
|
||||
"title": "When Should You Use the Emphasis Element Over the Idiomatic Text Element?"
|
||||
},
|
||||
{
|
||||
"id": "672995ac85fd943657c2ede5",
|
||||
"title": "When Should You Use the Strong Element Over the Bring Attention To Element?"
|
||||
},
|
||||
{
|
||||
"id": "672995bda6c67e369aaf8588",
|
||||
"title": "What Are Description Lists, and When Should You Use Them?"
|
||||
}
|
||||
]
|
||||
}
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"name": "Working with Specialized Semantic Elements",
|
||||
"blockType": "lecture",
|
||||
"blockLayout": "challenge-list",
|
||||
"isUpcomingChange": false,
|
||||
"dashedName": "lecture-working-with-specialized-semantic-elements",
|
||||
"superBlock": "full-stack-developer",
|
||||
"helpCategory": "HTML-CSS",
|
||||
"challengeOrder": [
|
||||
{
|
||||
"id": "672995ffdfd2f337f5f215f8",
|
||||
"title": "How Do You Display Mathematical Equations and Chemical Formulas in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "6729960ed6e2ca3825940e97",
|
||||
"title": "How Do You Represent Computer Code in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "6729963b1ab11638753cf082",
|
||||
"title": "What Are the U, S, and Ruby Elements Used For, and How Do They Work?"
|
||||
}
|
||||
]
|
||||
}
|
||||
+27
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"name": "Working with Text and Time Semantic Elements ",
|
||||
"blockType": "lecture",
|
||||
"blockLayout": "challenge-list",
|
||||
"isUpcomingChange": false,
|
||||
"dashedName": "lecture-working-with-text-and-time-semantic-elements",
|
||||
"superBlock": "full-stack-developer",
|
||||
"helpCategory": "HTML-CSS",
|
||||
"challengeOrder": [
|
||||
{
|
||||
"id": "672995c9e6f69436dbcccc79",
|
||||
"title": "How Do Block and Inline Quotes Work in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "672995d673bd3237200b9e7c",
|
||||
"title": "How Do You Display Abbreviations and Acronyms in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "672995e43674fb3775b9ec5d",
|
||||
"title": "How Do You Display Addresses in HTML?"
|
||||
},
|
||||
{
|
||||
"id": "672995f16ed97837b365a9f6",
|
||||
"title": "How Do You Display Times and Dates in HTML?"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -65,6 +65,15 @@
|
||||
{
|
||||
"dashedName": "lecture-importance-of-semantic-html"
|
||||
},
|
||||
{
|
||||
"dashedName": "lecture-understanding-nuanced-semantic-elements"
|
||||
},
|
||||
{
|
||||
"dashedName": "lecture-working-with-text-and-time-semantic-elements"
|
||||
},
|
||||
{
|
||||
"dashedName": "lecture-working-with-specialized-semantic-elements"
|
||||
},
|
||||
{
|
||||
"dashedName": "workshop-blog-page"
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user