mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-03-31 18:01:36 -04:00
chore(i18n,client): processed translations (#66618)
This commit is contained in:
freeCodeCamp's Camper Bot
committed by
GitHub
GitHub
parent
067aef7646
commit
0b4ffeb3ee
@@ -4721,6 +4721,13 @@
|
||||
"在這些講座中，你將學習 JavaScript 對象的基礎，包括如何創建對象、訪問其屬性，以及理解原始類型與非原始類型的區別。"
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Build a Cargo Manifest Validator",
|
||||
"intro": [
|
||||
@@ -7051,6 +7058,13 @@
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "HTML Tables and Forms Review",
|
||||
"intro": [
|
||||
@@ -8888,24 +8902,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Build a Survey Form",
|
||||
"summary": [
|
||||
"Create a complete survey form while practicing HTML structure and accessible form controls."
|
||||
],
|
||||
"intro": [
|
||||
"Build a complete survey form with semantic HTML and accessible inputs."
|
||||
],
|
||||
"blocks": {
|
||||
"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. "
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Learn HTML and Accessibility",
|
||||
"summary": [
|
||||
@@ -9413,6 +9409,13 @@
|
||||
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</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": [
|
||||
@@ -9426,22 +9429,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Build a Page of Playing Cards",
|
||||
"summary": [
|
||||
"Create a multi-card layout to practice flexible CSS composition."
|
||||
],
|
||||
"intro": ["Build a card-based layout and practice reusable styling."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Learn CSS Typography",
|
||||
"summary": [
|
||||
@@ -9580,6 +9567,13 @@
|
||||
"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": [
|
||||
@@ -9595,20 +9589,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Build a Book Inventory App",
|
||||
"summary": ["Build a structured layout for managing a book inventory."],
|
||||
"intro": ["Create a structured UI for a book inventory layout."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Learn Responsive Design",
|
||||
"summary": [
|
||||
@@ -9629,6 +9609,13 @@
|
||||
"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": "響應式 Web 設計複習",
|
||||
"intro": [
|
||||
@@ -9644,24 +9631,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Build a Technical Documentation Page",
|
||||
"summary": [
|
||||
"Create a documentation page and practice responsive structure and layout."
|
||||
],
|
||||
"intro": [
|
||||
"Build a documentation page with clear structure and navigation."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Learn CSS Variables",
|
||||
"summary": ["Use CSS variables to build reusable, theme-friendly styles."],
|
||||
@@ -9730,6 +9699,12 @@
|
||||
"In this lesson, 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": [
|
||||
@@ -9743,23 +9718,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
"summary": [
|
||||
"Build a complete landing page and apply layout, typography, and responsive design."
|
||||
],
|
||||
"intro": [
|
||||
"Create a product landing page with cohesive layout and styling."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Learn CSS Animations",
|
||||
"summary": ["Create engaging UI motion with accessible CSS animations."],
|
||||
|
||||
@@ -4721,6 +4721,13 @@
|
||||
"在这些讲座中，你将学习 JavaScript 对象的基础，包括如何创建对象、访问其属性，以及理解原始类型与非原始类型的区别。"
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Build a Cargo Manifest Validator",
|
||||
"intro": [
|
||||
@@ -7051,6 +7058,13 @@
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "HTML Tables and Forms Review",
|
||||
"intro": [
|
||||
@@ -8888,24 +8902,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Build a Survey Form",
|
||||
"summary": [
|
||||
"Create a complete survey form while practicing HTML structure and accessible form controls."
|
||||
],
|
||||
"intro": [
|
||||
"Build a complete survey form with semantic HTML and accessible inputs."
|
||||
],
|
||||
"blocks": {
|
||||
"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. "
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Learn HTML and Accessibility",
|
||||
"summary": [
|
||||
@@ -9413,6 +9409,13 @@
|
||||
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</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": [
|
||||
@@ -9426,22 +9429,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Build a Page of Playing Cards",
|
||||
"summary": [
|
||||
"Create a multi-card layout to practice flexible CSS composition."
|
||||
],
|
||||
"intro": ["Build a card-based layout and practice reusable styling."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Learn CSS Typography",
|
||||
"summary": [
|
||||
@@ -9580,6 +9567,13 @@
|
||||
"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": [
|
||||
@@ -9595,20 +9589,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Build a Book Inventory App",
|
||||
"summary": ["Build a structured layout for managing a book inventory."],
|
||||
"intro": ["Create a structured UI for a book inventory layout."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Learn Responsive Design",
|
||||
"summary": [
|
||||
@@ -9629,6 +9609,13 @@
|
||||
"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": "响应式 Web 设计复习",
|
||||
"intro": [
|
||||
@@ -9644,24 +9631,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Build a Technical Documentation Page",
|
||||
"summary": [
|
||||
"Create a documentation page and practice responsive structure and layout."
|
||||
],
|
||||
"intro": [
|
||||
"Build a documentation page with clear structure and navigation."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Learn CSS Variables",
|
||||
"summary": ["Use CSS variables to build reusable, theme-friendly styles."],
|
||||
@@ -9730,6 +9699,12 @@
|
||||
"In this lesson, 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": [
|
||||
@@ -9743,23 +9718,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
"summary": [
|
||||
"Build a complete landing page and apply layout, typography, and responsive design."
|
||||
],
|
||||
"intro": [
|
||||
"Create a product landing page with cohesive layout and styling."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Learn CSS Animations",
|
||||
"summary": ["Create engaging UI motion with accessible CSS animations."],
|
||||
|
||||
@@ -4805,6 +4805,13 @@
|
||||
"En estas lecciones, aprenderás los fundamentos de los objetos en JavaScript, incluyendo cómo crearlos, acceder a sus propiedades y comprender la diferencia entre los tipos de datos primitivos y no primitivos."
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Build a Cargo Manifest Validator",
|
||||
"intro": [
|
||||
@@ -7199,6 +7206,13 @@
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "HTML Tables and Forms Review",
|
||||
"intro": [
|
||||
@@ -9056,24 +9070,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Build a Survey Form",
|
||||
"summary": [
|
||||
"Create a complete survey form while practicing HTML structure and accessible form controls."
|
||||
],
|
||||
"intro": [
|
||||
"Build a complete survey form with semantic HTML and accessible inputs."
|
||||
],
|
||||
"blocks": {
|
||||
"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. "
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Learn HTML and Accessibility",
|
||||
"summary": [
|
||||
@@ -9581,6 +9577,13 @@
|
||||
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</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": [
|
||||
@@ -9594,22 +9597,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Build a Page of Playing Cards",
|
||||
"summary": [
|
||||
"Create a multi-card layout to practice flexible CSS composition."
|
||||
],
|
||||
"intro": ["Build a card-based layout and practice reusable styling."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Learn CSS Typography",
|
||||
"summary": [
|
||||
@@ -9748,6 +9735,13 @@
|
||||
"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": [
|
||||
@@ -9763,20 +9757,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Build a Book Inventory App",
|
||||
"summary": ["Build a structured layout for managing a book inventory."],
|
||||
"intro": ["Create a structured UI for a book inventory layout."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Learn Responsive Design",
|
||||
"summary": [
|
||||
@@ -9797,6 +9777,13 @@
|
||||
"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": [
|
||||
@@ -9812,24 +9799,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Build a Technical Documentation Page",
|
||||
"summary": [
|
||||
"Create a documentation page and practice responsive structure and layout."
|
||||
],
|
||||
"intro": [
|
||||
"Build a documentation page with clear structure and navigation."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Learn CSS Variables",
|
||||
"summary": ["Use CSS variables to build reusable, theme-friendly styles."],
|
||||
@@ -9898,6 +9867,12 @@
|
||||
"In this lesson, 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": [
|
||||
@@ -9911,23 +9886,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
"summary": [
|
||||
"Build a complete landing page and apply layout, typography, and responsive design."
|
||||
],
|
||||
"intro": [
|
||||
"Create a product landing page with cohesive layout and styling."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Learn CSS Animations",
|
||||
"summary": ["Create engaging UI motion with accessible CSS animations."],
|
||||
|
||||
@@ -4799,6 +4799,13 @@
|
||||
"In these lectures, you will learn the fundamentals of JavaScript objects, including how to create them, access their properties, and understand the difference between primitive and non-primitive data types."
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Build a Cargo Manifest Validator",
|
||||
"intro": [
|
||||
@@ -7159,6 +7166,13 @@
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "HTML Tables and Forms Review",
|
||||
"intro": [
|
||||
@@ -8996,24 +9010,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Build a Survey Form",
|
||||
"summary": [
|
||||
"Create a complete survey form while practicing HTML structure and accessible form controls."
|
||||
],
|
||||
"intro": [
|
||||
"Build a complete survey form with semantic HTML and accessible inputs."
|
||||
],
|
||||
"blocks": {
|
||||
"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. "
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Learn HTML and Accessibility",
|
||||
"summary": [
|
||||
@@ -9521,6 +9517,13 @@
|
||||
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</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": [
|
||||
@@ -9534,22 +9537,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Build a Page of Playing Cards",
|
||||
"summary": [
|
||||
"Create a multi-card layout to practice flexible CSS composition."
|
||||
],
|
||||
"intro": ["Build a card-based layout and practice reusable styling."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Learn CSS Typography",
|
||||
"summary": [
|
||||
@@ -9688,6 +9675,13 @@
|
||||
"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": [
|
||||
@@ -9703,20 +9697,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Build a Book Inventory App",
|
||||
"summary": ["Build a structured layout for managing a book inventory."],
|
||||
"intro": ["Create a structured UI for a book inventory layout."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Learn Responsive Design",
|
||||
"summary": [
|
||||
@@ -9737,6 +9717,13 @@
|
||||
"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": [
|
||||
@@ -9752,24 +9739,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Build a Technical Documentation Page",
|
||||
"summary": [
|
||||
"Create a documentation page and practice responsive structure and layout."
|
||||
],
|
||||
"intro": [
|
||||
"Build a documentation page with clear structure and navigation."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Learn CSS Variables",
|
||||
"summary": ["Use CSS variables to build reusable, theme-friendly styles."],
|
||||
@@ -9838,6 +9807,12 @@
|
||||
"In this lesson, 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": [
|
||||
@@ -9851,23 +9826,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
"summary": [
|
||||
"Build a complete landing page and apply layout, typography, and responsive design."
|
||||
],
|
||||
"intro": [
|
||||
"Create a product landing page with cohesive layout and styling."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Learn CSS Animations",
|
||||
"summary": ["Create engaging UI motion with accessible CSS animations."],
|
||||
|
||||
@@ -4799,6 +4799,13 @@
|
||||
"In these lectures, you will learn the fundamentals of JavaScript objects, including how to create them, access their properties, and understand the difference between primitive and non-primitive data types."
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Build a Cargo Manifest Validator",
|
||||
"intro": [
|
||||
@@ -7159,6 +7166,13 @@
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "HTML Tables and Forms Review",
|
||||
"intro": [
|
||||
@@ -8996,24 +9010,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Build a Survey Form",
|
||||
"summary": [
|
||||
"Create a complete survey form while practicing HTML structure and accessible form controls."
|
||||
],
|
||||
"intro": [
|
||||
"Build a complete survey form with semantic HTML and accessible inputs."
|
||||
],
|
||||
"blocks": {
|
||||
"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. "
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Learn HTML and Accessibility",
|
||||
"summary": [
|
||||
@@ -9521,6 +9517,13 @@
|
||||
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</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": [
|
||||
@@ -9534,22 +9537,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Build a Page of Playing Cards",
|
||||
"summary": [
|
||||
"Create a multi-card layout to practice flexible CSS composition."
|
||||
],
|
||||
"intro": ["Build a card-based layout and practice reusable styling."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Learn CSS Typography",
|
||||
"summary": [
|
||||
@@ -9688,6 +9675,13 @@
|
||||
"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": [
|
||||
@@ -9703,20 +9697,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Build a Book Inventory App",
|
||||
"summary": ["Build a structured layout for managing a book inventory."],
|
||||
"intro": ["Create a structured UI for a book inventory layout."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Learn Responsive Design",
|
||||
"summary": [
|
||||
@@ -9737,6 +9717,13 @@
|
||||
"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": [
|
||||
@@ -9752,24 +9739,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Build a Technical Documentation Page",
|
||||
"summary": [
|
||||
"Create a documentation page and practice responsive structure and layout."
|
||||
],
|
||||
"intro": [
|
||||
"Build a documentation page with clear structure and navigation."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Learn CSS Variables",
|
||||
"summary": ["Use CSS variables to build reusable, theme-friendly styles."],
|
||||
@@ -9838,6 +9807,12 @@
|
||||
"In this lesson, 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": [
|
||||
@@ -9851,23 +9826,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
"summary": [
|
||||
"Build a complete landing page and apply layout, typography, and responsive design."
|
||||
],
|
||||
"intro": [
|
||||
"Create a product landing page with cohesive layout and styling."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Learn CSS Animations",
|
||||
"summary": ["Create engaging UI motion with accessible CSS animations."],
|
||||
|
||||
@@ -4799,6 +4799,13 @@
|
||||
"In these lectures, you will learn the fundamentals of JavaScript objects, including how to create them, access their properties, and understand the difference between primitive and non-primitive data types."
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Build a Cargo Manifest Validator",
|
||||
"intro": [
|
||||
@@ -7159,6 +7166,13 @@
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "HTML Tables and Forms Review",
|
||||
"intro": [
|
||||
@@ -8996,24 +9010,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Build a Survey Form",
|
||||
"summary": [
|
||||
"Create a complete survey form while practicing HTML structure and accessible form controls."
|
||||
],
|
||||
"intro": [
|
||||
"Build a complete survey form with semantic HTML and accessible inputs."
|
||||
],
|
||||
"blocks": {
|
||||
"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. "
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Learn HTML and Accessibility",
|
||||
"summary": [
|
||||
@@ -9521,6 +9517,13 @@
|
||||
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</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": [
|
||||
@@ -9534,22 +9537,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Build a Page of Playing Cards",
|
||||
"summary": [
|
||||
"Create a multi-card layout to practice flexible CSS composition."
|
||||
],
|
||||
"intro": ["Build a card-based layout and practice reusable styling."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Learn CSS Typography",
|
||||
"summary": [
|
||||
@@ -9688,6 +9675,13 @@
|
||||
"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": [
|
||||
@@ -9703,20 +9697,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Build a Book Inventory App",
|
||||
"summary": ["Build a structured layout for managing a book inventory."],
|
||||
"intro": ["Create a structured UI for a book inventory layout."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Learn Responsive Design",
|
||||
"summary": [
|
||||
@@ -9737,6 +9717,13 @@
|
||||
"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": [
|
||||
@@ -9752,24 +9739,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Build a Technical Documentation Page",
|
||||
"summary": [
|
||||
"Create a documentation page and practice responsive structure and layout."
|
||||
],
|
||||
"intro": [
|
||||
"Build a documentation page with clear structure and navigation."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Learn CSS Variables",
|
||||
"summary": ["Use CSS variables to build reusable, theme-friendly styles."],
|
||||
@@ -9838,6 +9807,12 @@
|
||||
"In this lesson, 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": [
|
||||
@@ -9851,23 +9826,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
"summary": [
|
||||
"Build a complete landing page and apply layout, typography, and responsive design."
|
||||
],
|
||||
"intro": [
|
||||
"Create a product landing page with cohesive layout and styling."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Learn CSS Animations",
|
||||
"summary": ["Create engaging UI motion with accessible CSS animations."],
|
||||
|
||||
@@ -4799,6 +4799,13 @@
|
||||
"In these lectures, you will learn the fundamentals of JavaScript objects, including how to create them, access their properties, and understand the difference between primitive and non-primitive data types."
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Build a Cargo Manifest Validator",
|
||||
"intro": [
|
||||
@@ -7159,6 +7166,13 @@
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "HTML Tables and Forms Review",
|
||||
"intro": [
|
||||
@@ -8996,24 +9010,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Build a Survey Form",
|
||||
"summary": [
|
||||
"Create a complete survey form while practicing HTML structure and accessible form controls."
|
||||
],
|
||||
"intro": [
|
||||
"Build a complete survey form with semantic HTML and accessible inputs."
|
||||
],
|
||||
"blocks": {
|
||||
"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. "
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Learn HTML and Accessibility",
|
||||
"summary": [
|
||||
@@ -9521,6 +9517,13 @@
|
||||
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</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": [
|
||||
@@ -9534,22 +9537,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Build a Page of Playing Cards",
|
||||
"summary": [
|
||||
"Create a multi-card layout to practice flexible CSS composition."
|
||||
],
|
||||
"intro": ["Build a card-based layout and practice reusable styling."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Learn CSS Typography",
|
||||
"summary": [
|
||||
@@ -9688,6 +9675,13 @@
|
||||
"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": [
|
||||
@@ -9703,20 +9697,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Build a Book Inventory App",
|
||||
"summary": ["Build a structured layout for managing a book inventory."],
|
||||
"intro": ["Create a structured UI for a book inventory layout."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Learn Responsive Design",
|
||||
"summary": [
|
||||
@@ -9737,6 +9717,13 @@
|
||||
"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": [
|
||||
@@ -9752,24 +9739,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Build a Technical Documentation Page",
|
||||
"summary": [
|
||||
"Create a documentation page and practice responsive structure and layout."
|
||||
],
|
||||
"intro": [
|
||||
"Build a documentation page with clear structure and navigation."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Learn CSS Variables",
|
||||
"summary": ["Use CSS variables to build reusable, theme-friendly styles."],
|
||||
@@ -9838,6 +9807,12 @@
|
||||
"In this lesson, 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": [
|
||||
@@ -9851,23 +9826,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
"summary": [
|
||||
"Build a complete landing page and apply layout, typography, and responsive design."
|
||||
],
|
||||
"intro": [
|
||||
"Create a product landing page with cohesive layout and styling."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Learn CSS Animations",
|
||||
"summary": ["Create engaging UI motion with accessible CSS animations."],
|
||||
|
||||
@@ -4803,6 +4803,13 @@
|
||||
"Nestas lições, você aprenderá os fundamentos dos objetos JavaScript, incluindo como criá-los, acessar suas propriedades e entender a diferença entre tipos de dados primitivos e não primitivos."
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Build a Cargo Manifest Validator",
|
||||
"intro": [
|
||||
@@ -7199,6 +7206,13 @@
|
||||
"Nestas lições, você aprenderá sobre ferramentas de HTML e como elas permitem que você escreva um código melhor. Estas ferramentas incluem validadores HTML, DOM Inspector e as ferramentas de desenvolvimento dos navegadores."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "Revisão sobre Tabelas e Formulários em HTML",
|
||||
"intro": [
|
||||
@@ -9056,24 +9070,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Crie um formulário de pesquisa ",
|
||||
"summary": [
|
||||
"Crie um formulário de pesquisa completo enquanto pratica a estrutura HTML e controles de formulário acessíveis."
|
||||
],
|
||||
"intro": [
|
||||
"Crie um formulário de pesquisa completo com HTML semântico e inputs acessíveis."
|
||||
],
|
||||
"blocks": {
|
||||
"lab-survey-form": {
|
||||
"title": "Crie um Formulário de Pesquisa",
|
||||
"intro": [
|
||||
"Neste laboratório, você revisará formulários HTML criando um formulário de pesquisa.",
|
||||
"Você praticará o trabalho com o elemento <code>label</code>, os diferentes elementos <code>input</code>, o atributo <code>required</code> e mais. "
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Learn HTML and Accessibility",
|
||||
"summary": [
|
||||
@@ -9591,6 +9587,13 @@
|
||||
"Você praticará o alinhamento de elementos usando propriedades de flexbox como <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</code> e mais."
|
||||
]
|
||||
},
|
||||
"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": "Revisão sobre o Flexbox do CSS ",
|
||||
"intro": [
|
||||
@@ -9606,24 +9609,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Construa uma página de jogos de cartas ",
|
||||
"summary": [
|
||||
"Crie um layout multi-cartão para praticar composição flexível em CSS."
|
||||
],
|
||||
"intro": [
|
||||
"Crie um layout baseado em cartões e pratique estilização reutilizável."
|
||||
],
|
||||
"blocks": {
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Crie uma página de jogos de cartas",
|
||||
"intro": [
|
||||
"Neste laboratório, você usará flexbox para criar uma página da web de cartas de baralho.",
|
||||
"Você praticará o alinhamento de elementos usando propriedades de flexbox como <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</code> e mais."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Learn CSS Typography",
|
||||
"summary": [
|
||||
@@ -9772,6 +9757,13 @@
|
||||
"Neste workshop, você criará uma folha de balanço usando pseudosseletores. Você aprenderá como alterar o estilo de um elemento quando passar o mouse sobre ele e acionar outros eventos na sua página da web."
|
||||
]
|
||||
},
|
||||
"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": "Revisão sobre Seletores de Atributos em CSS",
|
||||
"intro": [
|
||||
@@ -9787,24 +9779,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Crie uma aplicação de inventário de livros",
|
||||
"summary": [
|
||||
"Crie um layout estruturado para gerenciar um inventário de livros."
|
||||
],
|
||||
"intro": [
|
||||
"Crie uma interface estruturada para um layout de inventário de livros."
|
||||
],
|
||||
"blocks": {
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Crie uma aplicação de inventário de livros",
|
||||
"intro": [
|
||||
"Neste laboratório, você criará uma aplicação de inventário de livros.",
|
||||
"Você praticará seletores de atributo CSS como <code>[attribute]</code>, <code>[attribute=value]</code>, <code>[attribute~=value]</code> e mais."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Learn Responsive Design",
|
||||
"summary": [
|
||||
@@ -9827,6 +9801,13 @@
|
||||
"Neste workshop, você usará CSS e design responsivo para codar um piano. Você também praticará media queries e pseudo selectores."
|
||||
]
|
||||
},
|
||||
"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": "Revisão sobre Design Responsivo na Web",
|
||||
"intro": [
|
||||
@@ -9842,24 +9823,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Crie uma página de documentação técnica ",
|
||||
"summary": [
|
||||
"Crie uma página de documentação e pratique estrutura e layout responsivos."
|
||||
],
|
||||
"intro": [
|
||||
"Crie uma página de documentação com estrutura e navegação claras."
|
||||
],
|
||||
"blocks": {
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Crie uma página de documentação técnica",
|
||||
"intro": [
|
||||
"Neste laboratório, você criará uma página de documentação técnica para servir como instrução ou referência para um tópico.",
|
||||
"Você também praticará media queries para criar um design responsivo."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Learn CSS Variables",
|
||||
"summary": [
|
||||
@@ -9934,6 +9897,12 @@
|
||||
"Nesta lição, você aprenderá a depurar CSS usando as ferramentas do desenvolvedor do seu navegador e validadores de CSS."
|
||||
]
|
||||
},
|
||||
"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": "Revisão do CSS Grid",
|
||||
"intro": [
|
||||
@@ -9949,21 +9918,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Crie uma Página de Produto",
|
||||
"summary": [
|
||||
"Crie uma página inicial completa e aplique layout, tipografia e design responsivo."
|
||||
],
|
||||
"intro": ["Crie uma página de produto com layout e estilo coesos."],
|
||||
"blocks": {
|
||||
"lab-product-landing-page": {
|
||||
"title": "Crie uma Página de Produto",
|
||||
"intro": [
|
||||
"Neste projeto, você criará uma página de produto para comercializar um produto de sua escolha."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Learn CSS Animations",
|
||||
"summary": [
|
||||
|
||||
@@ -4799,6 +4799,13 @@
|
||||
"In these lectures, you will learn the fundamentals of JavaScript objects, including how to create them, access their properties, and understand the difference between primitive and non-primitive data types."
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Build a Cargo Manifest Validator",
|
||||
"intro": [
|
||||
@@ -7159,6 +7166,13 @@
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "HTML Tables and Forms Review",
|
||||
"intro": [
|
||||
@@ -8996,24 +9010,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Build a Survey Form",
|
||||
"summary": [
|
||||
"Create a complete survey form while practicing HTML structure and accessible form controls."
|
||||
],
|
||||
"intro": [
|
||||
"Build a complete survey form with semantic HTML and accessible inputs."
|
||||
],
|
||||
"blocks": {
|
||||
"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. "
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Learn HTML and Accessibility",
|
||||
"summary": [
|
||||
@@ -9521,6 +9517,13 @@
|
||||
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</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": [
|
||||
@@ -9534,22 +9537,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Build a Page of Playing Cards",
|
||||
"summary": [
|
||||
"Create a multi-card layout to practice flexible CSS composition."
|
||||
],
|
||||
"intro": ["Build a card-based layout and practice reusable styling."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Learn CSS Typography",
|
||||
"summary": [
|
||||
@@ -9688,6 +9675,13 @@
|
||||
"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": [
|
||||
@@ -9703,20 +9697,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Build a Book Inventory App",
|
||||
"summary": ["Build a structured layout for managing a book inventory."],
|
||||
"intro": ["Create a structured UI for a book inventory layout."],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Learn Responsive Design",
|
||||
"summary": [
|
||||
@@ -9737,6 +9717,13 @@
|
||||
"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": [
|
||||
@@ -9752,24 +9739,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Build a Technical Documentation Page",
|
||||
"summary": [
|
||||
"Create a documentation page and practice responsive structure and layout."
|
||||
],
|
||||
"intro": [
|
||||
"Build a documentation page with clear structure and navigation."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Learn CSS Variables",
|
||||
"summary": ["Use CSS variables to build reusable, theme-friendly styles."],
|
||||
@@ -9838,6 +9807,12 @@
|
||||
"In this lesson, 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": [
|
||||
@@ -9851,23 +9826,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
"summary": [
|
||||
"Build a complete landing page and apply layout, typography, and responsive design."
|
||||
],
|
||||
"intro": [
|
||||
"Create a product landing page with cohesive layout and styling."
|
||||
],
|
||||
"blocks": {
|
||||
"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."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Learn CSS Animations",
|
||||
"summary": ["Create engaging UI motion with accessible CSS animations."],
|
||||
|
||||
@@ -4787,6 +4787,13 @@
|
||||
"У цих лекціях ви ознайомитесь з об’єктами в JavaScript: як їх створювати і як отримати доступ до властивостей, а також дізнаєтесь ключові відмінності між примітивними та непримітивними типами даних."
|
||||
]
|
||||
},
|
||||
"workshop-wildlife-tracker": {
|
||||
"title": "Build a Wildlife Tracker",
|
||||
"intro": [
|
||||
"In this workshop, you will build a simple Wildlife Tracker using JavaScript objects.",
|
||||
"You will practice creating objects, accessing and updating properties, removing properties, checking for property existence, and working with bracket notation."
|
||||
]
|
||||
},
|
||||
"lab-cargo-manifest-validator": {
|
||||
"title": "Створіть валідатор вантажного маніфесту",
|
||||
"intro": [
|
||||
@@ -7145,6 +7152,13 @@
|
||||
"У цих лекціях ви дізнаєтесь про інструменти HTML, які допомагають писати кращий код. До цих інструментів належать валідатори HTML, інспектор DOM та інструменти розробника браузера."
|
||||
]
|
||||
},
|
||||
"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. "
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
"title": "Повторення таблиць та форм в HTML",
|
||||
"intro": [
|
||||
@@ -8966,24 +8980,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-survey-form": {
|
||||
"title": "Створіть форму для опитування",
|
||||
"summary": [
|
||||
"Створіть форму для опитування, практикуючи HTML‑структуру та доступні елементи керування формою."
|
||||
],
|
||||
"intro": [
|
||||
"Створіть форму для опитування з семантичним HTML та доступними полями."
|
||||
],
|
||||
"blocks": {
|
||||
"lab-survey-form": {
|
||||
"title": "Створіть форму для опитування",
|
||||
"intro": [
|
||||
"У цій лабораторній роботі ви пригадаєте HTML-форми, створивши форму для опитування.",
|
||||
"Ви будете працювати з елементом <code>label</code>, різними елементами <code>input</code>, атрибутом <code>required</code> та багато іншим."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"html-and-accessibility": {
|
||||
"title": "Ознайомтесь з HTML та доступністю",
|
||||
"summary": [
|
||||
@@ -9485,6 +9481,13 @@
|
||||
"Ви будете вирівнювати елементи за допомогою різних властивостей, серед яких <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</code> та багато інших."
|
||||
]
|
||||
},
|
||||
"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": "Повторення Flexbox в CSS",
|
||||
"intro": [
|
||||
@@ -9498,24 +9501,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Створіть сторінку з гральними картами",
|
||||
"summary": [
|
||||
"Створіть багатокартковий макет, щоб попрактикувати гнучку композицію в CSS."
|
||||
],
|
||||
"intro": [
|
||||
"Створіть макет карток і попрактикуйтесь у повторному використанні стилів."
|
||||
],
|
||||
"blocks": {
|
||||
"lab-page-of-playing-cards": {
|
||||
"title": "Створіть сторінку з гральними картами",
|
||||
"intro": [
|
||||
"У цій лабораторній роботі ви будете використовувати гнучку модель, щоб створити вебсторінку з гральними картами.",
|
||||
"Ви будете вирівнювати елементи за допомогою різних властивостей, серед яких <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</code> та багато інших."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-typography": {
|
||||
"title": "Ознайомтесь з типографією в CSS",
|
||||
"summary": [
|
||||
@@ -9662,6 +9647,13 @@
|
||||
"У цьому практичному занятті ви побудуєте фінансовий облік за допомогою псевдоселекторів. Ви дізнаєтеся, як змінити стиль елемента, коли наводите на нього курсор, та запускати інші події на вебсторінці."
|
||||
]
|
||||
},
|
||||
"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",
|
||||
"intro": [
|
||||
@@ -9675,20 +9667,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Створіть застосунок з книгами",
|
||||
"summary": ["Створіть структурований макет для керування книгами."],
|
||||
"intro": ["Створіть структурований UI для книг."],
|
||||
"blocks": {
|
||||
"lab-book-inventory-app": {
|
||||
"title": "Створіть застосунок з книгами",
|
||||
"intro": [
|
||||
"У цій лабораторній роботі ви створите застосунок для інвентаризації книг.",
|
||||
"Ви будете використовувати селектори атрибутів у CSS, серед яких <code>[attribute]</code>, <code>[attribute=value]</code>, <code>[attribute~=value]</code> та багато інших."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-design": {
|
||||
"title": "Ознайомтесь з адаптивним дизайном",
|
||||
"summary": [
|
||||
@@ -9711,6 +9689,13 @@
|
||||
"У цьому практичному занятті ви використовуватимете CSS та адаптивний дизайн, щоб створити піаніно. До того ж ви більше дізнаєтесь про медіазапити та псевдоселектори."
|
||||
]
|
||||
},
|
||||
"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": "Повторення адаптивного вебдизайну",
|
||||
"intro": [
|
||||
@@ -9724,24 +9709,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Створіть сторінку технічної документації",
|
||||
"summary": [
|
||||
"Створіть сторінку документації, практикуючись в адаптивній структурі та макеті."
|
||||
],
|
||||
"intro": [
|
||||
"Створіть сторінку документації з чіткою структурою й навігацією."
|
||||
],
|
||||
"blocks": {
|
||||
"lab-technical-documentation-page": {
|
||||
"title": "Створіть сторінку технічної документації",
|
||||
"intro": [
|
||||
"У цій лабораторній роботі ви створите сторінку технічної документації, яка служитиме інструкцією або довідником.",
|
||||
"Ви також попрактикуєте роботу з медіазапитами для створення адаптивного дизайну."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-variables": {
|
||||
"title": "Ознайомтесь зі змінними в CSS",
|
||||
"summary": [
|
||||
@@ -9814,6 +9781,12 @@
|
||||
"У цьому уроці ви навчитесь налагоджувати CSS за допомогою інструментів розробника свого браузера та валідаторів CSS."
|
||||
]
|
||||
},
|
||||
"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",
|
||||
"intro": [
|
||||
@@ -9827,23 +9800,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Створіть посадкову сторінку продукту",
|
||||
"summary": [
|
||||
"Створіть посадкову сторінку, застосувавши макет, типографію та адаптивний дизайн."
|
||||
],
|
||||
"intro": [
|
||||
"Створіть посадкову сторінку продукту з цілісним макетом і стилем."
|
||||
],
|
||||
"blocks": {
|
||||
"lab-product-landing-page": {
|
||||
"title": "Створіть посадкову сторінку продукту",
|
||||
"intro": [
|
||||
"У цьому проєкті ви створите посадкову сторінку продукту, щоб прорекламувати продукт за власним вибором."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-animations": {
|
||||
"title": "Ознайомтесь з анімаціями в CSS",
|
||||
"summary": ["Створюйте захопливий інтерфейс з доступними анімаціями."],
|
||||
|
||||
@@ -403,7 +403,7 @@
|
||||
"download-header": "Завантажте застосунок для екзаменів freeCodeCamp",
|
||||
"explanation": "Щоб отримати сертифікацію, потрібно скласти екзамен з метою перевірки отриманих знань. Екзамен абсолютно безоплатний.",
|
||||
"version": "Найновіша версія застосунку: {{version}}.",
|
||||
"download-details": "Завантажте застосунок самостійно",
|
||||
"download-details": "Завантажити застосунок самостійно",
|
||||
"unable-to-detect-os": "Не вдалося виявити вашу операційну систему. Будь ласка, завантажте застосунок нижче самостійно.",
|
||||
"download-trouble": "Якщо виникли проблеми із завантаженням потрібної версії, зверніться до служби підтримки:",
|
||||
"open-exam-application": "Відкрити застосунок для екзаменів"
|
||||
@@ -944,12 +944,12 @@
|
||||
"or": "АБО"
|
||||
},
|
||||
"mobile-app-modal": {
|
||||
"heading": "We see you are on mobile!",
|
||||
"body": "This course is available in our app for a better experience.",
|
||||
"ios": "Download on the App Store",
|
||||
"android": "Get it on Google Play",
|
||||
"open-app": "Open in App",
|
||||
"do-not-show": "Do not show me again"
|
||||
"heading": "До зустрічі в мобільному застосунку!",
|
||||
"body": "Цей курс доступний в мобільному застосунку.",
|
||||
"ios": "Завантажити з App Store",
|
||||
"android": "Завантажити з Google Play",
|
||||
"open-app": "Відкрити в застосунку",
|
||||
"do-not-show": "Більше не показувати"
|
||||
},
|
||||
"icons": {
|
||||
"gold-cup": "Золотий кубок",
|
||||
|
||||
Reference in New Issue
Block a user