gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(curriculum): reorder intros for superblock responsive-web-design-v9 (#66295)

Browse Source
This commit is contained in:
majestic-owl448
2026-03-10 15:48:17 +01:00
committed by GitHub
parent 7302c9b965
commit bd767988e4
1 changed files with 41 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/i18n/locales/english/intro.json
+41 -42
View File
@@ -5365,14 +5365,15 @@
],
"chapters": {
"html": "HTML",
"css": "CSS",
"computers": "Computers",
"css": "CSS",
"responsive-web-design-certification-exam": "Responsive Web Design Certification Exam"
},
"modules": {
"basic-html": "Basic HTML",
"semantic-html": "Semantic HTML",
"html-forms-and-tables": "Forms and Tables",
"lab-survey-form": "Build a Survey Form",
"html-and-accessibility": "Accessibility",
"review-html": "HTML Review",
"computer-basics": "Computer Basics",
@@ -5384,20 +5385,19 @@
"styling-forms": "Styling Forms",
"css-box-model": "The Box Model",
"css-flexbox": "Flexbox",
"lab-page-of-playing-cards": "Build a Page of Playing Cards",
"css-typography": "Typography",
"css-and-accessibility": "Accessibility",
"attribute-selectors": "Attribute Selectors",
"css-positioning": "Positioning",
"attribute-selectors": "Attribute Selectors",
"lab-book-inventory-app": "Build a Book Inventory App",
"responsive-design": "Responsive Design",
"lab-technical-documentation-page": "Build a Technical Documentation Page",
"css-variables": "Variables",
"css-grid": "Grid",
"lab-product-landing-page": "Build a Product Landing Page",
"css-animations": "Animations",
"review-css": "CSS Review",
"lab-survey-form": "Build a Survey Form",
"lab-page-of-playing-cards": "Build a Page of Playing Cards",
"lab-book-inventory-app": "Build a Book Inventory App",
"lab-technical-documentation-page": "Build a Technical Documentation Page",
"lab-product-landing-page": "Build a Product Landing Page",
"responsive-web-design-certification-exam": "Responsive Web Design Certification Exam"
},
"blocks": {
@@ -5623,13 +5623,6 @@
"You will practice working with labels, inputs, fieldsets, legends, textareas and buttons."
]
},
"lab-survey-form": {
"title": "Build a Survey Form",
"intro": [
"In this lab, you'll review HTML forms by creating a survey form.",
"You'll practice working with the <code>label</code> element, the different <code>input</code> elements, the <code>required</code> attribute, and more. "
]
},
"lecture-working-with-tables": {
"title": "Working with Tables",
"intro": [
@@ -5669,6 +5662,13 @@
"If you're getting ready for the exam, there are several quiz sets available for practice. After completing a quiz, you can revisit this page to access a new set of questions."
]
},
"lab-survey-form": {
"title": "Build a Survey Form",
"intro": [
"In this lab, you'll review HTML forms by creating a survey form.",
"You'll practice working with the <code>label</code> element, the different <code>input</code> elements, the <code>required</code> attribute, and more. "
]
},
"lecture-importance-of-accessibility-and-good-html-structure": {
"title": "Importance of Accessibility and Good HTML Structure",
"intro": [
@@ -5759,7 +5759,6 @@
"Open up this page to review concepts around the basics of HTML elements, semantic HTML, tables, forms and accessibility."
]
},
"qpra": { "title": "30", "intro": [] },
"lecture-understanding-computer-internet-and-tooling-basics": {
"title": "Understanding Computer, Internet, and Tooling Basics",
"intro": [
@@ -6094,13 +6093,6 @@
"You'll practice aligning elements using flexbox properties like <code>flex</code>, <code>flex-grow</code>, <code>order</code>, and more."
]
},
"lab-page-of-playing-cards": {
"title": "Build a Page of Playing Cards",
"intro": [
"In this lab, you'll use flexbox to create a webpage of playing cards.",
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</code>, and more."
]
},
"review-css-flexbox": {
"title": "CSS Flexbox Review",
"intro": [
@@ -6112,6 +6104,13 @@
"title": "CSS Flexbox Quiz",
"intro": ["Test what you've learned on CSS flexbox with this quiz."]
},
"lab-page-of-playing-cards": {
"title": "Build a Page of Playing Cards",
"intro": [
"In this lab, you'll use flexbox to create a webpage of playing cards.",
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</code>, and more."
]
},
"lecture-working-with-css-fonts": {
"title": "Working with CSS Fonts",
"intro": [
@@ -6218,13 +6217,6 @@
"In this workshop, you'll build a balance sheet using pseudo selectors. You'll learn how to change the style of an element when you hover over it with your mouse, and trigger other events on your webpage."
]
},
"lab-book-inventory-app": {
"title": "Build a Book Inventory App",
"intro": [
"In this lab, you'll create a book inventory app.",
"You'll practice CSS attribute selectors like <code>[attribute]</code>, <code>[attribute=value]</code>, <code>[attribute~=value]</code>, and more."
]
},
"review-css-attribute-selectors": {
"title": "CSS Attribute Selectors Review",
"intro": [
@@ -6238,6 +6230,13 @@
"Test your knowledge of CSS attribute selectors with this quiz."
]
},
"lab-book-inventory-app": {
"title": "Build a Book Inventory App",
"intro": [
"In this lab, you'll create a book inventory app.",
"You'll practice CSS attribute selectors like <code>[attribute]</code>, <code>[attribute=value]</code>, <code>[attribute~=value]</code>, and more."
]
},
"lecture-best-practices-for-responsive-web-design": {
"title": "Best Practices for Responsive Web Design",
"intro": [
@@ -6251,13 +6250,6 @@
"In this workshop, you'll use CSS and responsive design to code a piano. You'll also practice media queries and pseudo selectors."
]
},
"lab-technical-documentation-page": {
"title": "Build a Technical Documentation Page",
"intro": [
"In this lab, you'll build a technical documentation page to serve as instruction or reference for a topic.",
"You'll also practice media queries to create a responsive design."
]
},
"review-responsive-web-design": {
"title": "Responsive Web Design Review",
"intro": [
@@ -6271,6 +6263,13 @@
"Test what you've learned about making your webpages responsive with this quiz."
]
},
"lab-technical-documentation-page": {
"title": "Build a Technical Documentation Page",
"intro": [
"In this lab, you'll build a technical documentation page to serve as instruction or reference for a topic.",
"You'll also practice media queries to create a responsive design."
]
},
"lecture-working-with-css-variables": {
"title": "Working with CSS Variables",
"intro": [
@@ -6327,12 +6326,6 @@
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
]
},
"lab-product-landing-page": {
"title": "Build a Product Landing Page",
"intro": [
"In this project, you'll build a product landing page to market a product of your choice."
]
},
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
@@ -6344,6 +6337,12 @@
"title": "CSS Grid Quiz",
"intro": ["Test your knowledge of CSS Grid with this quiz."]
},
"lab-product-landing-page": {
"title": "Build a Product Landing Page",
"intro": [
"In this project, you'll build a product landing page to market a product of your choice."
]
},
"lecture-animations-and-accessibility": {
"title": "Animations and Accessibility",
"intro": [