feat(curriculum): add css lectures (freeCodeCamp#57085)

Author: moT01

client/i18n/locales/english/intro.json

@@ -1889,9 +1889,24 @@
         ]
       },
       "qpra": { "title": "30", "intro": [] },
-      "joim": { "title": "31", "intro": [] },
-      "gvtb": { "title": "32", "intro": [] },
-      "cqhu": { "title": "33", "intro": [] },
+      "lecture-understanding-computer-internet-and-tooling-basics": {
+        "title": "Understanding Computer, Internet, and Tooling Basics",
+        "intro": [
+          "In these lecture videos, you will learn about computer, internet, and tooling basics."
+        ]
+      },
+      "lecture-working-with-file-systems": {
+        "title": "Working with File Systems",
+        "intro": [
+          "In these lecture videos, you will learn about working with file systems."
+        ]
+      },
+      "lecture-browsing-the-web-effectively": {
+        "title": "Browsing the Web Effectively",
+        "intro": [
+          "In these lecture videos, you will learn how to browse the web effectively."
+        ]
+      },
       "review-computer-basics": {
         "title": "Computer Basics Review",
         "intro": [
@@ -1905,7 +1920,10 @@
           "Test what you've learned in this quiz of basic computer knowledge."
         ]
       },
-      "dxpc": { "title": "36", "intro": [] },
+      "lecture-what-is-css": {
+        "title": "What Is CSS?",
+        "intro": ["In these lecture videos, you will learn what CSS is."]
+      },
       "workshop-cafe-menu": {
         "title": "Design a Cafe Menu",
         "intro": [
@@ -1919,7 +1937,12 @@
           "In this lab, you'll create a business card and style it using CSS."
         ]
       },
-      "gnuk": { "title": "39", "intro": [] },
+      "lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
+        "title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
+        "intro": [
+          "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance."
+        ]
+      },
       "review-basic-css": {
         "title": "Basic CSS Review",
         "intro": [
@@ -1933,14 +1956,24 @@
           "Test what you've learned in this quiz of basic CSS knowledge."
         ]
       },
-      "sdul": { "title": "42", "intro": [] },
+      "lecture-styling-lists-and-links": {
+        "title": "Styling Lists and Links",
+        "intro": [
+          "In these lecture videos, you will learn about styling lists and links."
+        ]
+      },
       "lab-stylized-to-do-list": {
         "title": "Build a Stylized To-Do List",
         "intro": [
           "In this lab, you'll build a To-Do list and apply different styles to the links"
         ]
       },
-      "humj": { "title": "44", "intro": [] },
+      "lecture-working-with-backgrounds-and-borders": {
+        "title": "Working with Backgrounds and Borders",
+        "intro": [
+          "In these lecture videos, you will learn about working with backgrounds and borders."
+        ]
+      },
       "pahx": { "title": "45", "intro": [] },
       "review-css-backgrounds-and-borders": {
         "title": "CSS Backgrounds and Borders Review",
@@ -1955,9 +1988,24 @@
           "Test what you've learned in this quiz of backgrounds and borders in CSS."
         ]
       },
-      "ljmt": { "title": "48", "intro": [] },
-      "lxpk": { "title": "49", "intro": [] },
-      "lzqy": { "title": "50", "intro": [] },
+      "lecture-user-interface-design-fundamentals": {
+        "title": "User Interface Design Fundamentals",
+        "intro": [
+          "In these lecture videos, you will learn about user interface design fundamentals."
+        ]
+      },
+      "lecture-user-centered-design": {
+        "title": "User-Centered Design",
+        "intro": [
+          "In these lecture videos, you will learn about user-centered design."
+        ]
+      },
+      "lecture-common-design-tools": {
+        "title": "Common Design Tools",
+        "intro": [
+          "In these lecture videos, you will learn about common design tools."
+        ]
+      },
       "review-design-fundamentals": {
         "title": "Design Fundamentals Review",
         "intro": [
@@ -1971,7 +2019,12 @@
           "Test what you've learned in this quiz of UI design fundamentals."
         ]
       },
-      "bgrw": { "title": "53", "intro": [] },
+      "lecture-working-with-relative-and-absolute-units": {
+        "title": "Working with Relative and Absolute Units",
+        "intro": [
+          "In these lecture videos, you will learn about working with relative and absolute units."
+        ]
+      },
       "lab-event-flyer-page": {
         "title": "Build an Event Flyer Page",
         "intro": [
@@ -1991,8 +2044,13 @@
           "Test what you've learned in this quiz of relative and absolute units in CSS."
         ]
       },
+      "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
+        "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
+        "intro": [
+          "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS."
+        ]
+      },
       "ohhu": { "title": "58", "intro": [] },
-      "syga": { "title": "59", "intro": [] },
       "lab-job-application-form": {
         "title": "Build a Job Application Form",
         "intro": [
@@ -2012,6 +2070,12 @@
           "Test what you've learned in this quiz of pseudo-classes in CSS."
         ]
       },
+      "lecture-working-with-colors-in-css": {
+        "title": "Working with Colors in CSS",
+        "intro": [
+          "In these lecture videos, you will learn about working with colors in CSS."
+        ]
+      },
       "workshop-colored-markers": {
         "title": "Build a Set of Colored Markers",
         "intro": [
@@ -2032,6 +2096,12 @@
           "Test what you've learned in this quiz of using colors in CSS."
         ]
       },
+      "lecture-best-practices-for-styling-forms": {
+        "title": "Best Practices for Styling Forms",
+        "intro": [
+          "In these lecture videos, you will learn about the best practices for styling forms."
+        ]
+      },
       "workshop-registration-form": {
         "title": "Design a Registration Form",
         "intro": [
@@ -2058,7 +2128,12 @@
           "Test what you've learned in this quiz of how to style forms using CSS."
         ]
       },
-      "woza": { "title": "72", "intro": [] },
+      "lecture-working-with-css-transforms-overflow-and-filters": {
+        "title": "Working with CSS Transforms, Overflow, and Filters",
+        "intro": [
+          "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters."
+        ]
+      },
       "workshop-rothko-painting": {
         "title": "Design a Rothko Painting",
         "intro": [
@@ -2085,7 +2160,12 @@
           "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
         ]
       },
-      "ujaf": { "title": "77", "intro": [] },
+      "lecture-working-with-css-flexbox": {
+        "title": "Working with CSS Flexbox",
+        "intro": [
+          "In these lecture videos, you will learn about working with CSS flexbox."
+        ]
+      },
       "workshop-flexbox-photo-gallery": {
         "title": "Build a Flexbox Photo Gallery",
         "intro": [
@@ -2112,7 +2192,12 @@
           "Test what you've learned in this quiz of using flexbox in CSS."
         ]
       },
-      "ujcf": { "title": "82", "intro": [] },
+      "lecture-working-with-css-fonts": {
+        "title": "Working with CSS Fonts",
+        "intro": [
+          "In these lecture videos, you will learn about working with CSS fonts."
+        ]
+      },
       "workshop-nutritional-label": {
         "title": "Build a Nutritional Label",
         "intro": [
@@ -2137,6 +2222,12 @@
         "title": "CSS Typography Quiz",
         "intro": ["Test what you've learned in this quiz of typography in CSS."]
       },
+      "lecture-best-practices-for-accessibility-and-css": {
+        "title": "Best Practices for Accessibility and CSS",
+        "intro": [
+          "In these lecture videos, you will learn about best practices for accessibility in CSS."
+        ]
+      },
       "workshop-accessibility-quiz": {
         "title": "Build a Quiz Webpage",
         "intro": [
@@ -2162,7 +2253,12 @@
           "Test what you've learned in this quiz of making your webpage accessible with CSS."
         ]
       },
-      "haje": { "title": "92", "intro": [] },
+      "lecture-working-with-attribute-selectors": {
+        "title": "Working with Attribute Selectors",
+        "intro": [
+          "In these lecture videos, you will learn about working with attribute selectors."
+        ]
+      },
       "workshop-balance-sheet": {
         "title": "Build a Balance Sheet",
         "intro": [
@@ -2186,7 +2282,12 @@
           "Test what you've learned in this quiz of using attribute selectors in CSS."
         ]
       },
-      "rxzq": { "title": "97", "intro": [] },
+      "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
+        "title": "Understanding How to Work with Floats and Positioning in CSS",
+        "intro": [
+          "In these lecture videos, you will learn about how to work with floats and positioning in CSS."
+        ]
+      },
       "workshop-cat-painting": {
         "title": "Build a Cat Painting",
         "intro": [
@@ -2210,7 +2311,12 @@
           "Test what you've learned in this quiz of how positioning works in CSS."
         ]
       },
-      "jkdu": { "title": "102", "intro": [] },
+      "lecture-best-practices-for-responsive-web-design": {
+        "title": "Best Practices for Responsive Web Design",
+        "intro": [
+          "In these lecture videos, you will learn about the best practices for responsive web design."
+        ]
+      },
       "workshop-piano": {
         "title": "Design a Piano",
         "intro": [
@@ -2236,7 +2342,12 @@
           "Test what you've learned in this quiz of making your webpage responsive."
         ]
       },
-      "vlov": { "title": "107", "intro": [] },
+      "lecture-working-with-css-variables": {
+        "title": "Working with CSS Variables",
+        "intro": [
+          "In these lecture videos, you will learn about working with CSS variables."
+        ]
+      },
       "workshop-city-skyline": {
         "title": "Build a City Skyline",
         "intro": [
@@ -2261,7 +2372,12 @@
           "Test what you've learned in this quiz of how using variables in CSS."
         ]
       },
-      "nsia": { "title": "112", "intro": [] },
+      "lecture-working-with-css-grid": {
+        "title": "Working with CSS Grid",
+        "intro": [
+          "In these lecture videos, you will learn about working with CSS grid."
+        ]
+      },
       "workshop-magazine": {
         "title": "Build a Magazine",
         "intro": [
@@ -2270,7 +2386,12 @@
         ]
       },
       "ogko": { "title": "114", "intro": [] },
-      "harp": { "title": "115", "intro": [] },
+      "lecture-debugging-css": {
+        "title": "Debugging CSS",
+        "intro": [
+          "In these lecture videos, you will learn about debugging CSS."
+        ]
+      },
       "lab-product-landing-page": {
         "title": "Build a Product Landing Page",
         "intro": [
@@ -2287,7 +2408,12 @@
         "title": "CSS Grid Quiz",
         "intro": ["Test what you've learned in this quiz of using grid in CSS."]
       },
-      "dora": { "title": "119", "intro": [] },
+      "lecture-animations-and-accessibility": {
+        "title": "Animations and Accessibility",
+        "intro": [
+          "In these lecture videos, you will learn about animations and accessibility."
+        ]
+      },
       "dpaq": { "title": "120", "intro": [] },
       "lab-moon-orbit": {
         "title": "Build a Moon Orbit",

client/src/pages/learn/full-stack-developer/lecture-animations-and-accessibility/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to Animations and Accessibility
+block: lecture-animations-and-accessibility
+superBlock: full-stack-developer
+---
+
+## Introduction to Animations and Accessibility
+
+In these lecture videos, you will learn about animations and accessibility.

client/src/pages/learn/full-stack-developer/lecture-best-practices-for-accessibility-and-css/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to Best Practices for Accessibility and CSS
+block: lecture-best-practices-for-accessibility-and-css
+superBlock: full-stack-developer
+---
+
+## Introduction to Best Practices for Accessibility and CSS
+
+In these lecture videos, you will learn about best practices for accessibility in CSS.

client/src/pages/learn/full-stack-developer/lecture-best-practices-for-responsive-web-design/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to Best Practices for Responsive Web Design
+block: lecture-best-practices-for-responsive-web-design
+superBlock: full-stack-developer
+---
+
+## Introduction to Best Practices for Responsive Web Design
+
+In these lecture videos, you will learn about the best practices for responsive web design.

client/src/pages/learn/full-stack-developer/lecture-best-practices-for-styling-forms/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to Best Practices for Styling Forms
+block: lecture-best-practices-for-styling-forms
+superBlock: full-stack-developer
+---
+
+## Introduction to Best Practices for Styling Forms
+
+In these lecture videos, you will learn about the best practices for styling forms.

client/src/pages/learn/full-stack-developer/lecture-browsing-the-web-effectively/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to Browsing the Web Effectively
+block: lecture-browsing-the-web-effectively
+superBlock: full-stack-developer
+---
+
+## Introduction to Browsing the Web Effectively
+
+In these lecture videos, you will learn how to browse the web effectively.

client/src/pages/learn/full-stack-developer/lecture-common-design-tools/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to Common Design Tools
+block: lecture-common-design-tools
+superBlock: full-stack-developer
+---
+
+## Introduction to Common Design Tools
+
+In these lecture videos, you will learn about common design tools.

client/src/pages/learn/full-stack-developer/lecture-css-specificity-the-cascade-algorithm-and-inheritance/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to CSS Specificity, the Cascade Algorithm, and Inheritance
+block: lecture-css-specificity-the-cascade-algorithm-and-inheritance
+superBlock: full-stack-developer
+---
+
+## Introduction to CSS Specificity, the Cascade Algorithm, and Inheritance
+
+In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance.

client/src/pages/learn/full-stack-developer/lecture-debugging-css/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to Debugging CSS
+block: lecture-debugging-css
+superBlock: full-stack-developer
+---
+
+## Introduction to Debugging CSS
+
+In these lecture videos, you will learn about debugging CSS.