diff --git a/client/i18n/locales/chinese-traditional/intro.json b/client/i18n/locales/chinese-traditional/intro.json index c9ccde9ff81..8f8f3e9a108 100644 --- a/client/i18n/locales/chinese-traditional/intro.json +++ b/client/i18n/locales/chinese-traditional/intro.json @@ -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 label element, the different input elements, the required 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 label element, the different input elements, the required 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 [attribute], [attribute=value], [attribute~=value], 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 [attribute], [attribute=value], [attribute~=value], 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."], diff --git a/client/i18n/locales/chinese/intro.json b/client/i18n/locales/chinese/intro.json index 1c7d8f15b72..8c1b047ec37 100644 --- a/client/i18n/locales/chinese/intro.json +++ b/client/i18n/locales/chinese/intro.json @@ -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 label element, the different input elements, the required 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 label element, the different input elements, the required 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 [attribute], [attribute=value], [attribute~=value], 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 [attribute], [attribute=value], [attribute~=value], 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."], diff --git a/client/i18n/locales/espanol/intro.json b/client/i18n/locales/espanol/intro.json index c2e905db89b..f29b73189c3 100644 --- a/client/i18n/locales/espanol/intro.json +++ b/client/i18n/locales/espanol/intro.json @@ -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 label element, the different input elements, the required 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 label element, the different input elements, the required 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 [attribute], [attribute=value], [attribute~=value], 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 [attribute], [attribute=value], [attribute~=value], 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."], diff --git a/client/i18n/locales/german/intro.json b/client/i18n/locales/german/intro.json index ab015e7ca63..7269b84df58 100644 --- a/client/i18n/locales/german/intro.json +++ b/client/i18n/locales/german/intro.json @@ -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 label element, the different input elements, the required 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 label element, the different input elements, the required 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 [attribute], [attribute=value], [attribute~=value], 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 [attribute], [attribute=value], [attribute~=value], 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."], diff --git a/client/i18n/locales/italian/intro.json b/client/i18n/locales/italian/intro.json index 6ac0151f929..1ded02f7393 100644 --- a/client/i18n/locales/italian/intro.json +++ b/client/i18n/locales/italian/intro.json @@ -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 label element, the different input elements, the required 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 label element, the different input elements, the required 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 [attribute], [attribute=value], [attribute~=value], 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 [attribute], [attribute=value], [attribute~=value], 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."], diff --git a/client/i18n/locales/japanese/intro.json b/client/i18n/locales/japanese/intro.json index 37ac025a102..0538096ffbf 100644 --- a/client/i18n/locales/japanese/intro.json +++ b/client/i18n/locales/japanese/intro.json @@ -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 label element, the different input elements, the required 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 label element, the different input elements, the required 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 [attribute], [attribute=value], [attribute~=value], 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 [attribute], [attribute=value], [attribute~=value], 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."], diff --git a/client/i18n/locales/korean/intro.json b/client/i18n/locales/korean/intro.json index a0815e13147..cafa4c7e285 100644 --- a/client/i18n/locales/korean/intro.json +++ b/client/i18n/locales/korean/intro.json @@ -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 label element, the different input elements, the required 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 label element, the different input elements, the required 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 [attribute], [attribute=value], [attribute~=value], 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 [attribute], [attribute=value], [attribute~=value], 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."], diff --git a/client/i18n/locales/portuguese/intro.json b/client/i18n/locales/portuguese/intro.json index fc688278a3e..67f8caff940 100644 --- a/client/i18n/locales/portuguese/intro.json +++ b/client/i18n/locales/portuguese/intro.json @@ -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 label element, the different input elements, the required 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 label, os diferentes elementos input, o atributo required 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 flex-direction, justify-content, align-self 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self 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 [attribute], [attribute=value], [attribute~=value], 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 [attribute], [attribute=value], [attribute~=value] 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": [ diff --git a/client/i18n/locales/swahili/intro.json b/client/i18n/locales/swahili/intro.json index c7405b3b1b8..55d822e984e 100644 --- a/client/i18n/locales/swahili/intro.json +++ b/client/i18n/locales/swahili/intro.json @@ -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 label element, the different input elements, the required 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 label element, the different input elements, the required 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 flex-direction, justify-content, align-self, 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 [attribute], [attribute=value], [attribute~=value], 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 [attribute], [attribute=value], [attribute~=value], 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."], diff --git a/client/i18n/locales/ukrainian/intro.json b/client/i18n/locales/ukrainian/intro.json index a4595c55469..6032d087c06 100644 --- a/client/i18n/locales/ukrainian/intro.json +++ b/client/i18n/locales/ukrainian/intro.json @@ -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 label element, the different input elements, the required 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-форми, створивши форму для опитування.", - "Ви будете працювати з елементом label, різними елементами input, атрибутом required та багато іншим." - ] - } - } - }, "html-and-accessibility": { "title": "Ознайомтесь з HTML та доступністю", "summary": [ @@ -9485,6 +9481,13 @@ "Ви будете вирівнювати елементи за допомогою різних властивостей, серед яких flex-direction, justify-content, align-self та багато інших." ] }, + "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 flex-direction, justify-content, align-self, 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": [ - "У цій лабораторній роботі ви будете використовувати гнучку модель, щоб створити вебсторінку з гральними картами.", - "Ви будете вирівнювати елементи за допомогою різних властивостей, серед яких flex-direction, justify-content, align-self та багато інших." - ] - } - } - }, "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 [attribute], [attribute=value], [attribute~=value], 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, серед яких [attribute], [attribute=value], [attribute~=value] та багато інших." - ] - } - } - }, "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": ["Створюйте захопливий інтерфейс з доступними анімаціями."], diff --git a/client/i18n/locales/ukrainian/translations.json b/client/i18n/locales/ukrainian/translations.json index f18096a70e4..4eba2256cd5 100644 --- a/client/i18n/locales/ukrainian/translations.json +++ b/client/i18n/locales/ukrainian/translations.json @@ -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": "Золотий кубок",