chore(curriculum): reorganize semantic html lectures (#61112)

This commit is contained in:
Jessica Wilkins
2025-07-01 09:29:39 -07:00
committed by GitHub
parent 50482f5ccd
commit 3877fd6d8f
19 changed files with 127 additions and 40 deletions
+18
View File
@@ -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": [
@@ -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.
@@ -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.
@@ -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?"
}
]
}
@@ -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?"
}
]
}
@@ -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"
},