From 0974f401c2b4d4378eb22d2f9a246baeed06aaa4 Mon Sep 17 00:00:00 2001 From: Hillary Nyakundi <63947040+larymak@users.noreply.github.com> Date: Wed, 30 Jul 2025 17:26:08 +0300 Subject: [PATCH] chore: remove videos from html fundamental block (#61564) --- .../670803abcb3e980233da4768.md | 25 +++++++---------- .../6708382cf088b216580a9ff1.md | 9 +------ .../67083868d5fdcb17bf8c14bd.md | 21 +++++---------- .../670838b10ee87a18e5faff62.md | 21 +++++---------- .../67083952f800051a8a21fcfd.md | 27 +++++++------------ .../6708396caa00e11b597b3365.md | 15 +++-------- 6 files changed, 39 insertions(+), 79 deletions(-) diff --git a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md index 9cf9871e333..ff9fa7f1adf 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md @@ -1,17 +1,12 @@ --- id: 670803abcb3e980233da4768 title: What are Div Elements and When Should You Use Them? -challengeType: 11 -videoId: fq65B7JnEjM +challengeType: 19 dashedName: what-are-div-elements --- # --description-- -Watch the video or read the transcript and answer the questions below. - -# --transcript-- - Now that we understand what HTML is, let's move onto the fun stuff! I am going to look at the Content Division Element - or in other words, the *div*: ```html @@ -54,7 +49,7 @@ The `div` element represents a container for introductory content or a set of na ### --feedback-- -Review the last 10 seconds of the video for the answer. +Refer back to the examples showing the correct definition. --- @@ -62,7 +57,7 @@ The `div` element defines a footer for a document or section. ### --feedback-- -Review the last 10 seconds of the video for the answer. +Refer back to the examples showing the correct definition. --- @@ -70,7 +65,7 @@ The `div` specifies the main page content and should be unique. ### --feedback-- -Review the last 10 seconds of the video for the answer. +Refer back to the examples showing the correct definition. --- @@ -92,7 +87,7 @@ Which of the following is the correct syntax for a `div` element? ### --feedback-- -Review the beginning of the video for the correct syntax. +Refer back to the notes for the correct syntax. --- @@ -108,7 +103,7 @@ Review the beginning of the video for the correct syntax. ### --feedback-- -Review the beginning of the video for the correct syntax. +Refer back to the beginning of the lecture for the correct syntax. --- @@ -118,7 +113,7 @@ Review the beginning of the video for the correct syntax. ### --feedback-- -Review the beginning of the video for the correct syntax. +Refer back to the notes for the correct syntax. ## --video-solution-- @@ -138,7 +133,7 @@ Which of the following HTML elements is commonly used to group content into dist ### --feedback-- -Review the video starting at the 45 second mark for the answer. +Refer back to the beginning of the lecture for the correct syntax. --- @@ -146,7 +141,7 @@ Review the video starting at the 45 second mark for the answer. ### --feedback-- -Review the video starting at the 45 second mark for the answer. +Refer back to the notes for the correct answer. --- @@ -154,7 +149,7 @@ Review the video starting at the 45 second mark for the answer. ### --feedback-- -Review the video starting at the 45 second mark for the answer. +Refer back to the notes for the correct answer. ## --video-solution-- diff --git a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md index 55e2fbc2d4d..49278d80f50 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md @@ -1,19 +1,12 @@ --- id: 6708382cf088b216580a9ff1 title: What Are IDs and Classes, and When Should You Use Them? -challengeType: 11 -videoId: gM7Tngm3QXo +challengeType: 19 dashedName: what-are-ids-and-classes --- # --description-- -Watch the video or read the transcript and answer the questions below. - -# --transcript-- - -Let's learn about ID's and classes, and when you should use them. - The `id` attribute adds a unique identifier to an HTML element. In this example, there is an `h1` element with an `id` of `title`: ```html diff --git a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md index 34302145217..bbc119898ea 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md @@ -1,19 +1,12 @@ --- id: 67083868d5fdcb17bf8c14bd title: What Are HTML Entities, and What Are Some Common Examples? -challengeType: 11 -videoId: brTVRzirTGM +challengeType: 19 dashedName: what-are-html-entities --- # --description-- -Watch the video or read the transcript and answer the questions below. - -# --transcript-- - -Let's learn about HTML entities. - An HTML entity, or character reference, is a set of characters used to represent a reserved character in HTML. In this example, there is a paragraph element with an image element nested inside: ```html @@ -96,7 +89,7 @@ Named, Roman and Hexadecimal numeric character references. ### --feedback-- -Please refer back to the middle of the video where the different types of character references are talked about in detail. +Please refer back to where the different types of character references are talked about in detail. --- @@ -104,7 +97,7 @@ Octal, Named and Binary character references. ### --feedback-- -Please refer back to the middle of the video where the different types of character references are talked about in detail. +Please refer back to where the different types of character references are talked about in detail. --- @@ -116,7 +109,7 @@ Asymmetric, Decimal numeric, and Hexadecimal numeric character references. ### --feedback-- -Please refer back to the middle of the video where the different types of character references are talked about in detail. +Please refer back to where the different types of character references are talked about in detail. ## --video-solution-- @@ -136,7 +129,7 @@ Which of the following is the correct syntax for a named character reference? ### --feedback-- -Refer back to the beginning of the video where there are examples for named references. +Refer back to where there are examples for named references. --- @@ -144,7 +137,7 @@ Refer back to the beginning of the video where there are examples for named refe ### --feedback-- -Refer back to the beginning of the video where there are examples for named references. +Refer back to where there are examples for named references. --- @@ -152,7 +145,7 @@ Refer back to the beginning of the video where there are examples for named refe ### --feedback-- -Refer back to the beginning of the video where there are examples for named references. +Refer back to where there are examples for named references. ## --video-solution-- diff --git a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md index d491461b9fc..4c79a03e90d 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md @@ -1,19 +1,12 @@ --- id: 670838b10ee87a18e5faff62 title: What Is the Role of the Script Element in HTML, and How Can It Be Used to Link to External JavaScript Files? -challengeType: 11 -videoId: nNCwy4QUh8Q +challengeType: 19 dashedName: what-is-the-role-of-the-script-element-in-html --- # --description-- -Watch the video or read the transcript and answer the questions below. - -# --transcript-- - -Let's learn about the `script` element, and how to use it to link to external JavaScript files. - The `script` element is used to embed executable code. Most developers will use this to execute JavaScript code. JavaScript is used to add interactivity to your web pages. Common examples of using JavaScript include interactive games, image sliders, and dynamic forms that validate user input in real-time. Here is an example of using the `script` element in an HTML document: ```html @@ -82,7 +75,7 @@ It's about making sure everyone on the team has their own clear responsibilities ### --feedback-- -Review the ending of the video where separation of concerns was discussed. +Review where separation of concerns was discussed. --- @@ -94,7 +87,7 @@ The act of combining all aspects of a program into a single module for simplicit ### --feedback-- -Review the ending of the video where separation of concerns was discussed. +Review where separation of concerns was discussed. --- @@ -102,7 +95,7 @@ It involves dividing up tasks among team members without considering how they mi ### --feedback-- -Review the ending of the video where separation of concerns was discussed. +Review where separation of concerns was discussed. ## --video-solution-- @@ -118,7 +111,7 @@ Which of the following is the correct syntax for linking to an external JavaScri ### --feedback-- -Review the ending of the video where linking to external files was discussed. +Review where linking to external files was discussed. --- @@ -126,7 +119,7 @@ Review the ending of the video where linking to external files was discussed. ### --feedback-- -Review the ending of the video where linking to external files was discussed. +Review where linking to external files was discussed. --- @@ -138,7 +131,7 @@ Review the ending of the video where linking to external files was discussed. ### --feedback-- -Review the ending of the video where linking to external files was discussed. +Review where linking to external files was discussed. ## --video-solution-- diff --git a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md index 5ccd96aad19..4eb3ee3a1ba 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md @@ -1,19 +1,12 @@ --- id: 67083952f800051a8a21fcfd title: What Is the Role of the Meta Description, and How Does It Affect SEO? -challengeType: 11 -videoId: G-g2KBE05to +challengeType: 19 dashedName: what-is-the-role-of-the-meta-description --- # --description-- -Watch the video or read the transcript and answer the questions below. - -# --transcript-- - -What is the role of the `meta` description element, and how does it affect SEO? - SEO, or Search Engine Optimization, is a practice that optimizes web pages so they become more visible and rank higher on search engines. One way to improve your site's SEO, is to provide a short description for the web page using the `meta` element. Here is an example of using the meta element to set a page description for a gardening site: ```html @@ -53,7 +46,7 @@ Which element is used to set the description for a web page? ### --feedback-- -Look closely to the title of this video +Look closely to the title of this lecture. --- @@ -65,7 +58,7 @@ Look closely to the title of this video ### --feedback-- -Look closely to the title of this video +Look closely to the title of this lecture. --- @@ -73,7 +66,7 @@ Look closely to the title of this video ### --feedback-- -Look closely to the title of this video +Look closely to the title of this lecture. ## --video-solution-- @@ -89,7 +82,7 @@ Slot Engine Optimization ### --feedback-- -Refer back to the beginning of the video where SEO was talked about. +Refer back to where SEO was talked about. --- @@ -97,7 +90,7 @@ Site Enhancement Outreach ### --feedback-- -Refer back to the beginning of the video where SEO was talked about. +Refer back to where SEO was talked about. --- @@ -105,7 +98,7 @@ Social Engagement Optimization ### --feedback-- -Refer back to the beginning of the video where SEO was talked about. +Refer back to where SEO was talked about. --- @@ -125,7 +118,7 @@ Inside the `figure` element. ### --feedback-- -Refer back to the middle of the video where there are examples showing where the page's descriptions typically show up. +Refer back to where there are examples showing where the page's descriptions typically show up. --- @@ -133,7 +126,7 @@ Inside the `footer` element. ### --feedback-- -Refer back to the middle of the video where there are examples showing where the page's descriptions typically show up. +Refer back to where there are examples showing where the page's descriptions typically show up. --- @@ -145,7 +138,7 @@ In a popup alert message. ### --feedback-- -Refer back to the middle of the video where there are examples showing where the page's descriptions typically show up. +Refer back to where there are examples showing where the page's descriptions typically show up. ## --video-solution-- diff --git a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md index cd196ea8972..33bfe3e3cc0 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md @@ -1,19 +1,12 @@ --- id: 6708396caa00e11b597b3365 title: What Is the Role of Open Graph Tags, and How Do They Affect SEO? -challengeType: 11 -videoId: Bat8HyGzkU8 +challengeType: 19 dashedName: what-is-the-role-of-open-graph-tags --- # --description-- -Watch the video or read the transcript and answer the questions below. - -# --transcript-- - -What is the role of the open graph tag, and how does it affect SEO? - The open graph protocol enables you to control how your website's content appears across various social media platforms, such as Facebook, LinkedIn, and many more. By setting these open graph properties, you can entice users to want to click and engage with your content. You can set these properties through a collection of `meta` elements inside your HTML `head` section. The first important OG property to include would be the `title`. Here is an example of setting the OG `title` for the freeCodeCamp homepage: @@ -67,7 +60,7 @@ For embedding interactive multimedia content directly into web pages. ### --feedback-- -Refer back to the beginning of the video, where open graph properties were introduced. +Refer back to where open graph properties were introduced. --- @@ -79,7 +72,7 @@ For generating dynamic pop-up advertisements on websites. ### --feedback-- -Refer back to the beginning of the video, where open graph properties were introduced. +Refer back to where open graph properties were introduced. --- @@ -87,7 +80,7 @@ For encrypting sensitive data transmitted between web servers and users' browser ### --feedback-- -Refer back to the beginning of the video, where open graph properties were introduced. +Refer back to where open graph properties were introduced. ## --video-solution--