diff --git a/client/i18n/locales/chinese-traditional/intro.json b/client/i18n/locales/chinese-traditional/intro.json index e889223f1c9..bed5939a04e 100644 --- a/client/i18n/locales/chinese-traditional/intro.json +++ b/client/i18n/locales/chinese-traditional/intro.json @@ -1884,17 +1884,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Understanding Computer, Internet, and Tooling Basics", + "intro": [ + "In these lecture videos, you will learn about computer, internet, and tooling basics." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Working with File Systems", + "intro": [ + "In these lecture videos, you will learn about working with file systems." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Browsing the Web Effectively", + "intro": [ + "In these lecture videos, you will learn how to browse the web effectively." + ] }, "review-computer-basics": { "title": "Computer Basics Review", @@ -1909,9 +1915,9 @@ "Test what you've learned in this quiz of basic computer knowledge." ] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "What Is CSS?", + "intro": ["In these lecture videos, you will learn what CSS is."] }, "workshop-cafe-menu": { "title": "Design a Cafe Menu", @@ -1926,9 +1932,11 @@ "In this lab, you'll create a business card and style it using CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "CSS Specificity, the Cascade Algorithm, and Inheritance", + "intro": [ + "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance." + ] }, "review-basic-css": { "title": "Basic CSS Review", @@ -1943,9 +1951,11 @@ "Test what you've learned in this quiz of basic CSS knowledge." ] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Styling Lists and Links", + "intro": [ + "In these lecture videos, you will learn about styling lists and links." + ] }, "lab-stylized-to-do-list": { "title": "Build a Stylized To-Do List", @@ -1953,9 +1963,11 @@ "In this lab, you'll build a To-Do list and apply different styles to the links" ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Working with Backgrounds and Borders", + "intro": [ + "In these lecture videos, you will learn about working with backgrounds and borders." + ] }, "pahx": { "title": "45", @@ -1974,17 +1986,23 @@ "Test what you've learned in this quiz of backgrounds and borders in CSS." ] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "User Interface Design Fundamentals", + "intro": [ + "In these lecture videos, you will learn about user interface design fundamentals." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "User-Centered Design", + "intro": [ + "In these lecture videos, you will learn about user-centered design." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Common Design Tools", + "intro": [ + "In these lecture videos, you will learn about common design tools." + ] }, "review-design-fundamentals": { "title": "Design Fundamentals Review", @@ -1999,9 +2017,11 @@ "Test what you've learned in this quiz of UI design fundamentals." ] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Working with Relative and Absolute Units", + "intro": [ + "In these lecture videos, you will learn about working with relative and absolute units." + ] }, "lab-event-flyer-page": { "title": "Build an Event Flyer Page", @@ -2022,14 +2042,16 @@ "Test what you've learned in this quiz of relative and absolute units in CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS", + "intro": [ + "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Build a Job Application Form", "intro": [ @@ -2049,6 +2071,12 @@ "Test what you've learned in this quiz of pseudo-classes in CSS." ] }, + "lecture-working-with-colors-in-css": { + "title": "Working with Colors in CSS", + "intro": [ + "In these lecture videos, you will learn about working with colors in CSS." + ] + }, "workshop-colored-markers": { "title": "Build a Set of Colored Markers", "intro": [ @@ -2072,6 +2100,12 @@ "Test what you've learned in this quiz of using colors in CSS." ] }, + "lecture-best-practices-for-styling-forms": { + "title": "Best Practices for Styling Forms", + "intro": [ + "In these lecture videos, you will learn about the best practices for styling forms." + ] + }, "workshop-registration-form": { "title": "Design a Registration Form", "intro": [ @@ -2098,9 +2132,11 @@ "Test what you've learned in this quiz of how to style forms using CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Working with CSS Transforms, Overflow, and Filters", + "intro": [ + "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters." + ] }, "workshop-rothko-painting": { "title": "Design a Rothko Painting", @@ -2118,7 +2154,8 @@ "review-css-layout-and-effects": { "title": "CSS Layouts and Effects Review", "intro": [ - "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz." + "Before you are quizzed on CSS Layouts and Effects, you first need to review.", + "Open up this page to review concepts like the transform property, the box model, the overflow property and more." ] }, "quiz-css-layout-and-effects": { @@ -2127,9 +2164,11 @@ "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Working with CSS Flexbox", + "intro": [ + "In these lecture videos, you will learn about working with CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Build a Flexbox Photo Gallery", @@ -2157,9 +2196,11 @@ "Test what you've learned in this quiz of using flexbox in CSS." ] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Working with CSS Fonts", + "intro": [ + "In these lecture videos, you will learn about working with CSS fonts." + ] }, "workshop-nutritional-label": { "title": "Build a Nutritional Label", @@ -2185,6 +2226,12 @@ "title": "CSS Typography Quiz", "intro": ["Test what you've learned in this quiz of typography in CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Best Practices for Accessibility and CSS", + "intro": [ + "In these lecture videos, you will learn about best practices for accessibility in CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Build a Quiz Webpage", "intro": [ @@ -2210,9 +2257,11 @@ "Test what you've learned in this quiz of making your webpage accessible with CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Working with Attribute Selectors", + "intro": [ + "In these lecture videos, you will learn about working with attribute selectors." + ] }, "workshop-balance-sheet": { "title": "Build a Balance Sheet", @@ -2228,7 +2277,8 @@ "review-css-attribute-selectors": { "title": "CSS Attribute Selectors Review", "intro": [ - "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { @@ -2237,9 +2287,11 @@ "Test what you've learned in this quiz of using attribute selectors in CSS." ] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Understanding How to Work with Floats and Positioning in CSS", + "intro": [ + "In these lecture videos, you will learn about how to work with floats and positioning in CSS." + ] }, "workshop-cat-painting": { "title": "Build a Cat Painting", @@ -2255,7 +2307,8 @@ "review-css-positioning": { "title": "CSS Positioning Review", "intro": [ - "Review the CSS Positioning concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { @@ -2264,9 +2317,11 @@ "Test what you've learned in this quiz of how positioning works in CSS." ] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Best Practices for Responsive Web Design", + "intro": [ + "In these lecture videos, you will learn about the best practices for responsive web design." + ] }, "workshop-piano": { "title": "Design a Piano", @@ -2284,7 +2339,8 @@ "review-responsive-web-design": { "title": "Responsive Web Design Review", "intro": [ - "Review the Responsive Web Design concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of responsive design, you first need to review.", + "Open up this page to review concepts like media queries, media breakpoints and mobile first approach design." ] }, "quiz-responsive-web-design": { @@ -2293,9 +2349,11 @@ "Test what you've learned in this quiz of making your webpage responsive." ] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Working with CSS Variables", + "intro": [ + "In these lecture videos, you will learn about working with CSS variables." + ] }, "workshop-city-skyline": { "title": "Build a City Skyline", @@ -2311,7 +2369,8 @@ "review-css-variables": { "title": "CSS Variables Review", "intro": [ - "Review the CSS Variables concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS variables, you first need to review.", + "Open up this page to review how to work with CSS custom properties(CSS variables) and the @property rule." ] }, "quiz-css-variables": { @@ -2320,9 +2379,11 @@ "Test what you've learned in this quiz of how using variables in CSS." ] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Working with CSS Grid", + "intro": [ + "In these lecture videos, you will learn about working with CSS grid." + ] }, "workshop-magazine": { "title": "Build a Magazine", @@ -2335,9 +2396,11 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Debugging CSS", + "intro": [ + "In these lecture videos, you will learn about debugging CSS." + ] }, "lab-product-landing-page": { "title": "Build a Product Landing Page", @@ -2355,9 +2418,11 @@ "title": "CSS Grid Quiz", "intro": ["Test what you've learned in this quiz of using grid in CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Animations and Accessibility", + "intro": [ + "In these lecture videos, you will learn about animations and accessibility." + ] }, "dpaq": { "title": "120", @@ -2402,17 +2467,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Build a Greeting Bot", @@ -2427,9 +2492,11 @@ "In this lab, you will practice working with JavaScript variables and strings by building a trivia bot." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "JavaScript Variables and Data Types Review", @@ -2443,9 +2510,11 @@ "Test what you've learned in this quiz on JavaScript Variables and Data Types." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Build a Teacher Chatbot", @@ -2454,9 +2523,11 @@ "You will learn how to work with template literals, and the indexOf method." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "JavaScript Strings Review", @@ -2470,9 +2541,11 @@ "Test what you've learned in this quiz on JavaScript Strings." ] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Build a Mathbot", @@ -2486,9 +2559,11 @@ "In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "JavaScript Math Review", @@ -2500,9 +2575,11 @@ "title": "JavaScript Math Quiz", "intro": ["Test what you've learned in this quiz on JavaScript Math."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "JavaScript Comparisons and Conditionals Review", @@ -2516,9 +2593,11 @@ "Test what you've learned in this quiz on JavaScript Comparisons and Conditionals." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Build a Calculator", @@ -2804,17 +2883,19 @@ "Test what you've learned in this quiz on Debugging JavaScript." ] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Build a Markdown to HTML Converter", + "intro": [ + "For this lab, you will build a Markdown to HTML converter using JavaScript." + ] }, "lab-regex-sandbox": { "title": "Build a RegEx Sandbox", @@ -2836,9 +2917,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2926,9 +3010,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Build a Bookmark Manager App", diff --git a/client/i18n/locales/chinese/intro.json b/client/i18n/locales/chinese/intro.json index 8508ea51426..26ddbe812a1 100644 --- a/client/i18n/locales/chinese/intro.json +++ b/client/i18n/locales/chinese/intro.json @@ -1884,17 +1884,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Understanding Computer, Internet, and Tooling Basics", + "intro": [ + "In these lecture videos, you will learn about computer, internet, and tooling basics." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Working with File Systems", + "intro": [ + "In these lecture videos, you will learn about working with file systems." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Browsing the Web Effectively", + "intro": [ + "In these lecture videos, you will learn how to browse the web effectively." + ] }, "review-computer-basics": { "title": "Computer Basics Review", @@ -1909,9 +1915,9 @@ "Test what you've learned in this quiz of basic computer knowledge." ] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "What Is CSS?", + "intro": ["In these lecture videos, you will learn what CSS is."] }, "workshop-cafe-menu": { "title": "Design a Cafe Menu", @@ -1926,9 +1932,11 @@ "In this lab, you'll create a business card and style it using CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "CSS Specificity, the Cascade Algorithm, and Inheritance", + "intro": [ + "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance." + ] }, "review-basic-css": { "title": "Basic CSS Review", @@ -1943,9 +1951,11 @@ "Test what you've learned in this quiz of basic CSS knowledge." ] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Styling Lists and Links", + "intro": [ + "In these lecture videos, you will learn about styling lists and links." + ] }, "lab-stylized-to-do-list": { "title": "Build a Stylized To-Do List", @@ -1953,9 +1963,11 @@ "In this lab, you'll build a To-Do list and apply different styles to the links" ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Working with Backgrounds and Borders", + "intro": [ + "In these lecture videos, you will learn about working with backgrounds and borders." + ] }, "pahx": { "title": "45", @@ -1974,17 +1986,23 @@ "Test what you've learned in this quiz of backgrounds and borders in CSS." ] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "User Interface Design Fundamentals", + "intro": [ + "In these lecture videos, you will learn about user interface design fundamentals." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "User-Centered Design", + "intro": [ + "In these lecture videos, you will learn about user-centered design." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Common Design Tools", + "intro": [ + "In these lecture videos, you will learn about common design tools." + ] }, "review-design-fundamentals": { "title": "Design Fundamentals Review", @@ -1999,9 +2017,11 @@ "Test what you've learned in this quiz of UI design fundamentals." ] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Working with Relative and Absolute Units", + "intro": [ + "In these lecture videos, you will learn about working with relative and absolute units." + ] }, "lab-event-flyer-page": { "title": "Build an Event Flyer Page", @@ -2022,14 +2042,16 @@ "Test what you've learned in this quiz of relative and absolute units in CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS", + "intro": [ + "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Build a Job Application Form", "intro": [ @@ -2049,6 +2071,12 @@ "Test what you've learned in this quiz of pseudo-classes in CSS." ] }, + "lecture-working-with-colors-in-css": { + "title": "Working with Colors in CSS", + "intro": [ + "In these lecture videos, you will learn about working with colors in CSS." + ] + }, "workshop-colored-markers": { "title": "Build a Set of Colored Markers", "intro": [ @@ -2072,6 +2100,12 @@ "Test what you've learned in this quiz of using colors in CSS." ] }, + "lecture-best-practices-for-styling-forms": { + "title": "Best Practices for Styling Forms", + "intro": [ + "In these lecture videos, you will learn about the best practices for styling forms." + ] + }, "workshop-registration-form": { "title": "Design a Registration Form", "intro": [ @@ -2098,9 +2132,11 @@ "Test what you've learned in this quiz of how to style forms using CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Working with CSS Transforms, Overflow, and Filters", + "intro": [ + "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters." + ] }, "workshop-rothko-painting": { "title": "Design a Rothko Painting", @@ -2118,7 +2154,8 @@ "review-css-layout-and-effects": { "title": "CSS Layouts and Effects Review", "intro": [ - "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz." + "Before you are quizzed on CSS Layouts and Effects, you first need to review.", + "Open up this page to review concepts like the transform property, the box model, the overflow property and more." ] }, "quiz-css-layout-and-effects": { @@ -2127,9 +2164,11 @@ "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Working with CSS Flexbox", + "intro": [ + "In these lecture videos, you will learn about working with CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Build a Flexbox Photo Gallery", @@ -2157,9 +2196,11 @@ "Test what you've learned in this quiz of using flexbox in CSS." ] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Working with CSS Fonts", + "intro": [ + "In these lecture videos, you will learn about working with CSS fonts." + ] }, "workshop-nutritional-label": { "title": "Build a Nutritional Label", @@ -2185,6 +2226,12 @@ "title": "CSS Typography Quiz", "intro": ["Test what you've learned in this quiz of typography in CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Best Practices for Accessibility and CSS", + "intro": [ + "In these lecture videos, you will learn about best practices for accessibility in CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Build a Quiz Webpage", "intro": [ @@ -2210,9 +2257,11 @@ "Test what you've learned in this quiz of making your webpage accessible with CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Working with Attribute Selectors", + "intro": [ + "In these lecture videos, you will learn about working with attribute selectors." + ] }, "workshop-balance-sheet": { "title": "Build a Balance Sheet", @@ -2228,7 +2277,8 @@ "review-css-attribute-selectors": { "title": "CSS Attribute Selectors Review", "intro": [ - "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { @@ -2237,9 +2287,11 @@ "Test what you've learned in this quiz of using attribute selectors in CSS." ] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Understanding How to Work with Floats and Positioning in CSS", + "intro": [ + "In these lecture videos, you will learn about how to work with floats and positioning in CSS." + ] }, "workshop-cat-painting": { "title": "Build a Cat Painting", @@ -2255,7 +2307,8 @@ "review-css-positioning": { "title": "CSS Positioning Review", "intro": [ - "Review the CSS Positioning concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { @@ -2264,9 +2317,11 @@ "Test what you've learned in this quiz of how positioning works in CSS." ] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Best Practices for Responsive Web Design", + "intro": [ + "In these lecture videos, you will learn about the best practices for responsive web design." + ] }, "workshop-piano": { "title": "Design a Piano", @@ -2284,7 +2339,8 @@ "review-responsive-web-design": { "title": "Responsive Web Design Review", "intro": [ - "Review the Responsive Web Design concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of responsive design, you first need to review.", + "Open up this page to review concepts like media queries, media breakpoints and mobile first approach design." ] }, "quiz-responsive-web-design": { @@ -2293,9 +2349,11 @@ "Test what you've learned in this quiz of making your webpage responsive." ] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Working with CSS Variables", + "intro": [ + "In these lecture videos, you will learn about working with CSS variables." + ] }, "workshop-city-skyline": { "title": "Build a City Skyline", @@ -2311,7 +2369,8 @@ "review-css-variables": { "title": "CSS Variables Review", "intro": [ - "Review the CSS Variables concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS variables, you first need to review.", + "Open up this page to review how to work with CSS custom properties(CSS variables) and the @property rule." ] }, "quiz-css-variables": { @@ -2320,9 +2379,11 @@ "Test what you've learned in this quiz of how using variables in CSS." ] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Working with CSS Grid", + "intro": [ + "In these lecture videos, you will learn about working with CSS grid." + ] }, "workshop-magazine": { "title": "Build a Magazine", @@ -2335,9 +2396,11 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Debugging CSS", + "intro": [ + "In these lecture videos, you will learn about debugging CSS." + ] }, "lab-product-landing-page": { "title": "Build a Product Landing Page", @@ -2355,9 +2418,11 @@ "title": "CSS Grid Quiz", "intro": ["Test what you've learned in this quiz of using grid in CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Animations and Accessibility", + "intro": [ + "In these lecture videos, you will learn about animations and accessibility." + ] }, "dpaq": { "title": "120", @@ -2402,17 +2467,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Build a Greeting Bot", @@ -2427,9 +2492,11 @@ "In this lab, you will practice working with JavaScript variables and strings by building a trivia bot." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "JavaScript Variables and Data Types Review", @@ -2443,9 +2510,11 @@ "Test what you've learned in this quiz on JavaScript Variables and Data Types." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Build a Teacher Chatbot", @@ -2454,9 +2523,11 @@ "You will learn how to work with template literals, and the indexOf method." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "JavaScript Strings Review", @@ -2470,9 +2541,11 @@ "Test what you've learned in this quiz on JavaScript Strings." ] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Build a Mathbot", @@ -2486,9 +2559,11 @@ "In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "JavaScript Math Review", @@ -2500,9 +2575,11 @@ "title": "JavaScript Math Quiz", "intro": ["Test what you've learned in this quiz on JavaScript Math."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "JavaScript Comparisons and Conditionals Review", @@ -2516,9 +2593,11 @@ "Test what you've learned in this quiz on JavaScript Comparisons and Conditionals." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Build a Calculator", @@ -2804,17 +2883,19 @@ "Test what you've learned in this quiz on Debugging JavaScript." ] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Build a Markdown to HTML Converter", + "intro": [ + "For this lab, you will build a Markdown to HTML converter using JavaScript." + ] }, "lab-regex-sandbox": { "title": "Build a RegEx Sandbox", @@ -2836,9 +2917,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2926,9 +3010,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Build a Bookmark Manager App", diff --git a/client/i18n/locales/espanol/intro.json b/client/i18n/locales/espanol/intro.json index b6e3ca6915b..6bfdf0611d1 100644 --- a/client/i18n/locales/espanol/intro.json +++ b/client/i18n/locales/espanol/intro.json @@ -1900,17 +1900,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Understanding Computer, Internet, and Tooling Basics", + "intro": [ + "In these lecture videos, you will learn about computer, internet, and tooling basics." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Working with File Systems", + "intro": [ + "In these lecture videos, you will learn about working with file systems." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Browsing the Web Effectively", + "intro": [ + "In these lecture videos, you will learn how to browse the web effectively." + ] }, "review-computer-basics": { "title": "Computer Basics Review", @@ -1925,9 +1931,9 @@ "Test what you've learned in this quiz of basic computer knowledge." ] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "What Is CSS?", + "intro": ["In these lecture videos, you will learn what CSS is."] }, "workshop-cafe-menu": { "title": "Design a Cafe Menu", @@ -1942,9 +1948,11 @@ "In this lab, you'll create a business card and style it using CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "CSS Specificity, the Cascade Algorithm, and Inheritance", + "intro": [ + "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance." + ] }, "review-basic-css": { "title": "Basic CSS Review", @@ -1959,9 +1967,11 @@ "Test what you've learned in this quiz of basic CSS knowledge." ] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Styling Lists and Links", + "intro": [ + "In these lecture videos, you will learn about styling lists and links." + ] }, "lab-stylized-to-do-list": { "title": "Build a Stylized To-Do List", @@ -1969,9 +1979,11 @@ "In this lab, you'll build a To-Do list and apply different styles to the links" ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Working with Backgrounds and Borders", + "intro": [ + "In these lecture videos, you will learn about working with backgrounds and borders." + ] }, "pahx": { "title": "45", @@ -1990,17 +2002,23 @@ "Test what you've learned in this quiz of backgrounds and borders in CSS." ] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "User Interface Design Fundamentals", + "intro": [ + "In these lecture videos, you will learn about user interface design fundamentals." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "User-Centered Design", + "intro": [ + "In these lecture videos, you will learn about user-centered design." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Common Design Tools", + "intro": [ + "In these lecture videos, you will learn about common design tools." + ] }, "review-design-fundamentals": { "title": "Design Fundamentals Review", @@ -2015,9 +2033,11 @@ "Test what you've learned in this quiz of UI design fundamentals." ] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Working with Relative and Absolute Units", + "intro": [ + "In these lecture videos, you will learn about working with relative and absolute units." + ] }, "lab-event-flyer-page": { "title": "Build an Event Flyer Page", @@ -2038,14 +2058,16 @@ "Test what you've learned in this quiz of relative and absolute units in CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS", + "intro": [ + "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Build a Job Application Form", "intro": [ @@ -2065,6 +2087,12 @@ "Test what you've learned in this quiz of pseudo-classes in CSS." ] }, + "lecture-working-with-colors-in-css": { + "title": "Working with Colors in CSS", + "intro": [ + "In these lecture videos, you will learn about working with colors in CSS." + ] + }, "workshop-colored-markers": { "title": "Build a Set of Colored Markers", "intro": [ @@ -2088,6 +2116,12 @@ "Test what you've learned in this quiz of using colors in CSS." ] }, + "lecture-best-practices-for-styling-forms": { + "title": "Best Practices for Styling Forms", + "intro": [ + "In these lecture videos, you will learn about the best practices for styling forms." + ] + }, "workshop-registration-form": { "title": "Design a Registration Form", "intro": [ @@ -2114,9 +2148,11 @@ "Test what you've learned in this quiz of how to style forms using CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Working with CSS Transforms, Overflow, and Filters", + "intro": [ + "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters." + ] }, "workshop-rothko-painting": { "title": "Design a Rothko Painting", @@ -2134,7 +2170,8 @@ "review-css-layout-and-effects": { "title": "CSS Layouts and Effects Review", "intro": [ - "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz." + "Before you are quizzed on CSS Layouts and Effects, you first need to review.", + "Open up this page to review concepts like the transform property, the box model, the overflow property and more." ] }, "quiz-css-layout-and-effects": { @@ -2143,9 +2180,11 @@ "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Working with CSS Flexbox", + "intro": [ + "In these lecture videos, you will learn about working with CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Build a Flexbox Photo Gallery", @@ -2173,9 +2212,11 @@ "Test what you've learned in this quiz of using flexbox in CSS." ] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Working with CSS Fonts", + "intro": [ + "In these lecture videos, you will learn about working with CSS fonts." + ] }, "workshop-nutritional-label": { "title": "Build a Nutritional Label", @@ -2201,6 +2242,12 @@ "title": "CSS Typography Quiz", "intro": ["Test what you've learned in this quiz of typography in CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Best Practices for Accessibility and CSS", + "intro": [ + "In these lecture videos, you will learn about best practices for accessibility in CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Build a Quiz Webpage", "intro": [ @@ -2226,9 +2273,11 @@ "Test what you've learned in this quiz of making your webpage accessible with CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Working with Attribute Selectors", + "intro": [ + "In these lecture videos, you will learn about working with attribute selectors." + ] }, "workshop-balance-sheet": { "title": "Build a Balance Sheet", @@ -2244,7 +2293,8 @@ "review-css-attribute-selectors": { "title": "CSS Attribute Selectors Review", "intro": [ - "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { @@ -2253,9 +2303,11 @@ "Test what you've learned in this quiz of using attribute selectors in CSS." ] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Understanding How to Work with Floats and Positioning in CSS", + "intro": [ + "In these lecture videos, you will learn about how to work with floats and positioning in CSS." + ] }, "workshop-cat-painting": { "title": "Build a Cat Painting", @@ -2271,7 +2323,8 @@ "review-css-positioning": { "title": "CSS Positioning Review", "intro": [ - "Review the CSS Positioning concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { @@ -2280,9 +2333,11 @@ "Test what you've learned in this quiz of how positioning works in CSS." ] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Best Practices for Responsive Web Design", + "intro": [ + "In these lecture videos, you will learn about the best practices for responsive web design." + ] }, "workshop-piano": { "title": "Design a Piano", @@ -2300,7 +2355,8 @@ "review-responsive-web-design": { "title": "Responsive Web Design Review", "intro": [ - "Review the Responsive Web Design concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of responsive design, you first need to review.", + "Open up this page to review concepts like media queries, media breakpoints and mobile first approach design." ] }, "quiz-responsive-web-design": { @@ -2309,9 +2365,11 @@ "Test what you've learned in this quiz of making your webpage responsive." ] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Working with CSS Variables", + "intro": [ + "In these lecture videos, you will learn about working with CSS variables." + ] }, "workshop-city-skyline": { "title": "Build a City Skyline", @@ -2327,7 +2385,8 @@ "review-css-variables": { "title": "CSS Variables Review", "intro": [ - "Review the CSS Variables concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS variables, you first need to review.", + "Open up this page to review how to work with CSS custom properties(CSS variables) and the @property rule." ] }, "quiz-css-variables": { @@ -2336,9 +2395,11 @@ "Test what you've learned in this quiz of how using variables in CSS." ] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Working with CSS Grid", + "intro": [ + "In these lecture videos, you will learn about working with CSS grid." + ] }, "workshop-magazine": { "title": "Build a Magazine", @@ -2351,9 +2412,11 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Debugging CSS", + "intro": [ + "In these lecture videos, you will learn about debugging CSS." + ] }, "lab-product-landing-page": { "title": "Build a Product Landing Page", @@ -2371,9 +2434,11 @@ "title": "CSS Grid Quiz", "intro": ["Test what you've learned in this quiz of using grid in CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Animations and Accessibility", + "intro": [ + "In these lecture videos, you will learn about animations and accessibility." + ] }, "dpaq": { "title": "120", @@ -2418,17 +2483,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Build a Greeting Bot", @@ -2443,9 +2508,11 @@ "In this lab, you will practice working with JavaScript variables and strings by building a trivia bot." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "JavaScript Variables and Data Types Review", @@ -2459,9 +2526,11 @@ "Test what you've learned in this quiz on JavaScript Variables and Data Types." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Build a Teacher Chatbot", @@ -2470,9 +2539,11 @@ "You will learn how to work with template literals, and the indexOf method." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "JavaScript Strings Review", @@ -2486,9 +2557,11 @@ "Test what you've learned in this quiz on JavaScript Strings." ] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Build a Mathbot", @@ -2502,9 +2575,11 @@ "In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "JavaScript Math Review", @@ -2516,9 +2591,11 @@ "title": "JavaScript Math Quiz", "intro": ["Test what you've learned in this quiz on JavaScript Math."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "JavaScript Comparisons and Conditionals Review", @@ -2532,9 +2609,11 @@ "Test what you've learned in this quiz on JavaScript Comparisons and Conditionals." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Build a Calculator", @@ -2820,17 +2899,19 @@ "Test what you've learned in this quiz on Debugging JavaScript." ] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Build a Markdown to HTML Converter", + "intro": [ + "For this lab, you will build a Markdown to HTML converter using JavaScript." + ] }, "lab-regex-sandbox": { "title": "Build a RegEx Sandbox", @@ -2852,9 +2933,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2942,9 +3026,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Build a Bookmark Manager App", diff --git a/client/i18n/locales/german/intro.json b/client/i18n/locales/german/intro.json index 8f8692a5db2..2c20f172d77 100644 --- a/client/i18n/locales/german/intro.json +++ b/client/i18n/locales/german/intro.json @@ -1898,17 +1898,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Understanding Computer, Internet, and Tooling Basics", + "intro": [ + "In these lecture videos, you will learn about computer, internet, and tooling basics." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Working with File Systems", + "intro": [ + "In these lecture videos, you will learn about working with file systems." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Browsing the Web Effectively", + "intro": [ + "In these lecture videos, you will learn how to browse the web effectively." + ] }, "review-computer-basics": { "title": "Computer Basics Review", @@ -1923,9 +1929,9 @@ "Test what you've learned in this quiz of basic computer knowledge." ] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "What Is CSS?", + "intro": ["In these lecture videos, you will learn what CSS is."] }, "workshop-cafe-menu": { "title": "Design a Cafe Menu", @@ -1940,9 +1946,11 @@ "In this lab, you'll create a business card and style it using CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "CSS Specificity, the Cascade Algorithm, and Inheritance", + "intro": [ + "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance." + ] }, "review-basic-css": { "title": "Basic CSS Review", @@ -1957,9 +1965,11 @@ "Test what you've learned in this quiz of basic CSS knowledge." ] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Styling Lists and Links", + "intro": [ + "In these lecture videos, you will learn about styling lists and links." + ] }, "lab-stylized-to-do-list": { "title": "Build a Stylized To-Do List", @@ -1967,9 +1977,11 @@ "In this lab, you'll build a To-Do list and apply different styles to the links" ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Working with Backgrounds and Borders", + "intro": [ + "In these lecture videos, you will learn about working with backgrounds and borders." + ] }, "pahx": { "title": "45", @@ -1988,17 +2000,23 @@ "Test what you've learned in this quiz of backgrounds and borders in CSS." ] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "User Interface Design Fundamentals", + "intro": [ + "In these lecture videos, you will learn about user interface design fundamentals." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "User-Centered Design", + "intro": [ + "In these lecture videos, you will learn about user-centered design." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Common Design Tools", + "intro": [ + "In these lecture videos, you will learn about common design tools." + ] }, "review-design-fundamentals": { "title": "Design Fundamentals Review", @@ -2013,9 +2031,11 @@ "Test what you've learned in this quiz of UI design fundamentals." ] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Working with Relative and Absolute Units", + "intro": [ + "In these lecture videos, you will learn about working with relative and absolute units." + ] }, "lab-event-flyer-page": { "title": "Build an Event Flyer Page", @@ -2036,14 +2056,16 @@ "Test what you've learned in this quiz of relative and absolute units in CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS", + "intro": [ + "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Build a Job Application Form", "intro": [ @@ -2063,6 +2085,12 @@ "Test what you've learned in this quiz of pseudo-classes in CSS." ] }, + "lecture-working-with-colors-in-css": { + "title": "Working with Colors in CSS", + "intro": [ + "In these lecture videos, you will learn about working with colors in CSS." + ] + }, "workshop-colored-markers": { "title": "Build a Set of Colored Markers", "intro": [ @@ -2086,6 +2114,12 @@ "Test what you've learned in this quiz of using colors in CSS." ] }, + "lecture-best-practices-for-styling-forms": { + "title": "Best Practices for Styling Forms", + "intro": [ + "In these lecture videos, you will learn about the best practices for styling forms." + ] + }, "workshop-registration-form": { "title": "Design a Registration Form", "intro": [ @@ -2112,9 +2146,11 @@ "Test what you've learned in this quiz of how to style forms using CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Working with CSS Transforms, Overflow, and Filters", + "intro": [ + "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters." + ] }, "workshop-rothko-painting": { "title": "Design a Rothko Painting", @@ -2132,7 +2168,8 @@ "review-css-layout-and-effects": { "title": "CSS Layouts and Effects Review", "intro": [ - "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz." + "Before you are quizzed on CSS Layouts and Effects, you first need to review.", + "Open up this page to review concepts like the transform property, the box model, the overflow property and more." ] }, "quiz-css-layout-and-effects": { @@ -2141,9 +2178,11 @@ "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Working with CSS Flexbox", + "intro": [ + "In these lecture videos, you will learn about working with CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Build a Flexbox Photo Gallery", @@ -2171,9 +2210,11 @@ "Test what you've learned in this quiz of using flexbox in CSS." ] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Working with CSS Fonts", + "intro": [ + "In these lecture videos, you will learn about working with CSS fonts." + ] }, "workshop-nutritional-label": { "title": "Build a Nutritional Label", @@ -2199,6 +2240,12 @@ "title": "CSS Typography Quiz", "intro": ["Test what you've learned in this quiz of typography in CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Best Practices for Accessibility and CSS", + "intro": [ + "In these lecture videos, you will learn about best practices for accessibility in CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Build a Quiz Webpage", "intro": [ @@ -2224,9 +2271,11 @@ "Test what you've learned in this quiz of making your webpage accessible with CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Working with Attribute Selectors", + "intro": [ + "In these lecture videos, you will learn about working with attribute selectors." + ] }, "workshop-balance-sheet": { "title": "Build a Balance Sheet", @@ -2242,7 +2291,8 @@ "review-css-attribute-selectors": { "title": "CSS Attribute Selectors Review", "intro": [ - "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { @@ -2251,9 +2301,11 @@ "Test what you've learned in this quiz of using attribute selectors in CSS." ] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Understanding How to Work with Floats and Positioning in CSS", + "intro": [ + "In these lecture videos, you will learn about how to work with floats and positioning in CSS." + ] }, "workshop-cat-painting": { "title": "Build a Cat Painting", @@ -2269,7 +2321,8 @@ "review-css-positioning": { "title": "CSS Positioning Review", "intro": [ - "Review the CSS Positioning concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { @@ -2278,9 +2331,11 @@ "Test what you've learned in this quiz of how positioning works in CSS." ] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Best Practices for Responsive Web Design", + "intro": [ + "In these lecture videos, you will learn about the best practices for responsive web design." + ] }, "workshop-piano": { "title": "Design a Piano", @@ -2298,7 +2353,8 @@ "review-responsive-web-design": { "title": "Responsive Web Design Review", "intro": [ - "Review the Responsive Web Design concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of responsive design, you first need to review.", + "Open up this page to review concepts like media queries, media breakpoints and mobile first approach design." ] }, "quiz-responsive-web-design": { @@ -2307,9 +2363,11 @@ "Test what you've learned in this quiz of making your webpage responsive." ] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Working with CSS Variables", + "intro": [ + "In these lecture videos, you will learn about working with CSS variables." + ] }, "workshop-city-skyline": { "title": "Build a City Skyline", @@ -2325,7 +2383,8 @@ "review-css-variables": { "title": "CSS Variables Review", "intro": [ - "Review the CSS Variables concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS variables, you first need to review.", + "Open up this page to review how to work with CSS custom properties(CSS variables) and the @property rule." ] }, "quiz-css-variables": { @@ -2334,9 +2393,11 @@ "Test what you've learned in this quiz of how using variables in CSS." ] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Working with CSS Grid", + "intro": [ + "In these lecture videos, you will learn about working with CSS grid." + ] }, "workshop-magazine": { "title": "Build a Magazine", @@ -2349,9 +2410,11 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Debugging CSS", + "intro": [ + "In these lecture videos, you will learn about debugging CSS." + ] }, "lab-product-landing-page": { "title": "Build a Product Landing Page", @@ -2369,9 +2432,11 @@ "title": "CSS Grid Quiz", "intro": ["Test what you've learned in this quiz of using grid in CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Animations and Accessibility", + "intro": [ + "In these lecture videos, you will learn about animations and accessibility." + ] }, "dpaq": { "title": "120", @@ -2416,17 +2481,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Build a Greeting Bot", @@ -2441,9 +2506,11 @@ "In this lab, you will practice working with JavaScript variables and strings by building a trivia bot." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "JavaScript Variables and Data Types Review", @@ -2457,9 +2524,11 @@ "Test what you've learned in this quiz on JavaScript Variables and Data Types." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Build a Teacher Chatbot", @@ -2468,9 +2537,11 @@ "You will learn how to work with template literals, and the indexOf method." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "JavaScript Strings Review", @@ -2484,9 +2555,11 @@ "Test what you've learned in this quiz on JavaScript Strings." ] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Build a Mathbot", @@ -2500,9 +2573,11 @@ "In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "JavaScript Math Review", @@ -2514,9 +2589,11 @@ "title": "JavaScript Math Quiz", "intro": ["Test what you've learned in this quiz on JavaScript Math."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "JavaScript Comparisons and Conditionals Review", @@ -2530,9 +2607,11 @@ "Test what you've learned in this quiz on JavaScript Comparisons and Conditionals." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Build a Calculator", @@ -2818,17 +2897,19 @@ "Test what you've learned in this quiz on Debugging JavaScript." ] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Build a Markdown to HTML Converter", + "intro": [ + "For this lab, you will build a Markdown to HTML converter using JavaScript." + ] }, "lab-regex-sandbox": { "title": "Build a RegEx Sandbox", @@ -2850,9 +2931,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2940,9 +3024,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Build a Bookmark Manager App", diff --git a/client/i18n/locales/italian/intro.json b/client/i18n/locales/italian/intro.json index 15250f1aee7..69bbe612cdd 100644 --- a/client/i18n/locales/italian/intro.json +++ b/client/i18n/locales/italian/intro.json @@ -1898,17 +1898,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Understanding Computer, Internet, and Tooling Basics", + "intro": [ + "In these lecture videos, you will learn about computer, internet, and tooling basics." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Working with File Systems", + "intro": [ + "In these lecture videos, you will learn about working with file systems." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Browsing the Web Effectively", + "intro": [ + "In these lecture videos, you will learn how to browse the web effectively." + ] }, "review-computer-basics": { "title": "Computer Basics Review", @@ -1923,9 +1929,9 @@ "Test what you've learned in this quiz of basic computer knowledge." ] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "What Is CSS?", + "intro": ["In these lecture videos, you will learn what CSS is."] }, "workshop-cafe-menu": { "title": "Design a Cafe Menu", @@ -1940,9 +1946,11 @@ "In this lab, you'll create a business card and style it using CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "CSS Specificity, the Cascade Algorithm, and Inheritance", + "intro": [ + "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance." + ] }, "review-basic-css": { "title": "Basic CSS Review", @@ -1957,9 +1965,11 @@ "Test what you've learned in this quiz of basic CSS knowledge." ] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Styling Lists and Links", + "intro": [ + "In these lecture videos, you will learn about styling lists and links." + ] }, "lab-stylized-to-do-list": { "title": "Build a Stylized To-Do List", @@ -1967,9 +1977,11 @@ "In this lab, you'll build a To-Do list and apply different styles to the links" ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Working with Backgrounds and Borders", + "intro": [ + "In these lecture videos, you will learn about working with backgrounds and borders." + ] }, "pahx": { "title": "45", @@ -1988,17 +2000,23 @@ "Test what you've learned in this quiz of backgrounds and borders in CSS." ] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "User Interface Design Fundamentals", + "intro": [ + "In these lecture videos, you will learn about user interface design fundamentals." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "User-Centered Design", + "intro": [ + "In these lecture videos, you will learn about user-centered design." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Common Design Tools", + "intro": [ + "In these lecture videos, you will learn about common design tools." + ] }, "review-design-fundamentals": { "title": "Design Fundamentals Review", @@ -2013,9 +2031,11 @@ "Test what you've learned in this quiz of UI design fundamentals." ] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Working with Relative and Absolute Units", + "intro": [ + "In these lecture videos, you will learn about working with relative and absolute units." + ] }, "lab-event-flyer-page": { "title": "Build an Event Flyer Page", @@ -2036,14 +2056,16 @@ "Test what you've learned in this quiz of relative and absolute units in CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS", + "intro": [ + "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Build a Job Application Form", "intro": [ @@ -2063,6 +2085,12 @@ "Test what you've learned in this quiz of pseudo-classes in CSS." ] }, + "lecture-working-with-colors-in-css": { + "title": "Working with Colors in CSS", + "intro": [ + "In these lecture videos, you will learn about working with colors in CSS." + ] + }, "workshop-colored-markers": { "title": "Build a Set of Colored Markers", "intro": [ @@ -2086,6 +2114,12 @@ "Test what you've learned in this quiz of using colors in CSS." ] }, + "lecture-best-practices-for-styling-forms": { + "title": "Best Practices for Styling Forms", + "intro": [ + "In these lecture videos, you will learn about the best practices for styling forms." + ] + }, "workshop-registration-form": { "title": "Design a Registration Form", "intro": [ @@ -2112,9 +2146,11 @@ "Test what you've learned in this quiz of how to style forms using CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Working with CSS Transforms, Overflow, and Filters", + "intro": [ + "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters." + ] }, "workshop-rothko-painting": { "title": "Design a Rothko Painting", @@ -2132,7 +2168,8 @@ "review-css-layout-and-effects": { "title": "CSS Layouts and Effects Review", "intro": [ - "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz." + "Before you are quizzed on CSS Layouts and Effects, you first need to review.", + "Open up this page to review concepts like the transform property, the box model, the overflow property and more." ] }, "quiz-css-layout-and-effects": { @@ -2141,9 +2178,11 @@ "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Working with CSS Flexbox", + "intro": [ + "In these lecture videos, you will learn about working with CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Build a Flexbox Photo Gallery", @@ -2171,9 +2210,11 @@ "Test what you've learned in this quiz of using flexbox in CSS." ] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Working with CSS Fonts", + "intro": [ + "In these lecture videos, you will learn about working with CSS fonts." + ] }, "workshop-nutritional-label": { "title": "Build a Nutritional Label", @@ -2199,6 +2240,12 @@ "title": "CSS Typography Quiz", "intro": ["Test what you've learned in this quiz of typography in CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Best Practices for Accessibility and CSS", + "intro": [ + "In these lecture videos, you will learn about best practices for accessibility in CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Build a Quiz Webpage", "intro": [ @@ -2224,9 +2271,11 @@ "Test what you've learned in this quiz of making your webpage accessible with CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Working with Attribute Selectors", + "intro": [ + "In these lecture videos, you will learn about working with attribute selectors." + ] }, "workshop-balance-sheet": { "title": "Build a Balance Sheet", @@ -2242,7 +2291,8 @@ "review-css-attribute-selectors": { "title": "CSS Attribute Selectors Review", "intro": [ - "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { @@ -2251,9 +2301,11 @@ "Test what you've learned in this quiz of using attribute selectors in CSS." ] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Understanding How to Work with Floats and Positioning in CSS", + "intro": [ + "In these lecture videos, you will learn about how to work with floats and positioning in CSS." + ] }, "workshop-cat-painting": { "title": "Build a Cat Painting", @@ -2269,7 +2321,8 @@ "review-css-positioning": { "title": "CSS Positioning Review", "intro": [ - "Review the CSS Positioning concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { @@ -2278,9 +2331,11 @@ "Test what you've learned in this quiz of how positioning works in CSS." ] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Best Practices for Responsive Web Design", + "intro": [ + "In these lecture videos, you will learn about the best practices for responsive web design." + ] }, "workshop-piano": { "title": "Design a Piano", @@ -2298,7 +2353,8 @@ "review-responsive-web-design": { "title": "Responsive Web Design Review", "intro": [ - "Review the Responsive Web Design concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of responsive design, you first need to review.", + "Open up this page to review concepts like media queries, media breakpoints and mobile first approach design." ] }, "quiz-responsive-web-design": { @@ -2307,9 +2363,11 @@ "Test what you've learned in this quiz of making your webpage responsive." ] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Working with CSS Variables", + "intro": [ + "In these lecture videos, you will learn about working with CSS variables." + ] }, "workshop-city-skyline": { "title": "Build a City Skyline", @@ -2325,7 +2383,8 @@ "review-css-variables": { "title": "CSS Variables Review", "intro": [ - "Review the CSS Variables concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS variables, you first need to review.", + "Open up this page to review how to work with CSS custom properties(CSS variables) and the @property rule." ] }, "quiz-css-variables": { @@ -2334,9 +2393,11 @@ "Test what you've learned in this quiz of how using variables in CSS." ] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Working with CSS Grid", + "intro": [ + "In these lecture videos, you will learn about working with CSS grid." + ] }, "workshop-magazine": { "title": "Build a Magazine", @@ -2349,9 +2410,11 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Debugging CSS", + "intro": [ + "In these lecture videos, you will learn about debugging CSS." + ] }, "lab-product-landing-page": { "title": "Build a Product Landing Page", @@ -2369,9 +2432,11 @@ "title": "CSS Grid Quiz", "intro": ["Test what you've learned in this quiz of using grid in CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Animations and Accessibility", + "intro": [ + "In these lecture videos, you will learn about animations and accessibility." + ] }, "dpaq": { "title": "120", @@ -2416,17 +2481,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Build a Greeting Bot", @@ -2441,9 +2506,11 @@ "In this lab, you will practice working with JavaScript variables and strings by building a trivia bot." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "JavaScript Variables and Data Types Review", @@ -2457,9 +2524,11 @@ "Test what you've learned in this quiz on JavaScript Variables and Data Types." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Build a Teacher Chatbot", @@ -2468,9 +2537,11 @@ "You will learn how to work with template literals, and the indexOf method." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "JavaScript Strings Review", @@ -2484,9 +2555,11 @@ "Test what you've learned in this quiz on JavaScript Strings." ] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Build a Mathbot", @@ -2500,9 +2573,11 @@ "In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "JavaScript Math Review", @@ -2514,9 +2589,11 @@ "title": "JavaScript Math Quiz", "intro": ["Test what you've learned in this quiz on JavaScript Math."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "JavaScript Comparisons and Conditionals Review", @@ -2530,9 +2607,11 @@ "Test what you've learned in this quiz on JavaScript Comparisons and Conditionals." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Build a Calculator", @@ -2818,17 +2897,19 @@ "Test what you've learned in this quiz on Debugging JavaScript." ] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Build a Markdown to HTML Converter", + "intro": [ + "For this lab, you will build a Markdown to HTML converter using JavaScript." + ] }, "lab-regex-sandbox": { "title": "Build a RegEx Sandbox", @@ -2850,9 +2931,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2940,9 +3024,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Build a Bookmark Manager App", diff --git a/client/i18n/locales/japanese/intro.json b/client/i18n/locales/japanese/intro.json index 62a52b3d651..eeccc7d6b79 100644 --- a/client/i18n/locales/japanese/intro.json +++ b/client/i18n/locales/japanese/intro.json @@ -1898,17 +1898,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Understanding Computer, Internet, and Tooling Basics", + "intro": [ + "In these lecture videos, you will learn about computer, internet, and tooling basics." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Working with File Systems", + "intro": [ + "In these lecture videos, you will learn about working with file systems." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Browsing the Web Effectively", + "intro": [ + "In these lecture videos, you will learn how to browse the web effectively." + ] }, "review-computer-basics": { "title": "Computer Basics Review", @@ -1923,9 +1929,9 @@ "Test what you've learned in this quiz of basic computer knowledge." ] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "What Is CSS?", + "intro": ["In these lecture videos, you will learn what CSS is."] }, "workshop-cafe-menu": { "title": "Design a Cafe Menu", @@ -1940,9 +1946,11 @@ "In this lab, you'll create a business card and style it using CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "CSS Specificity, the Cascade Algorithm, and Inheritance", + "intro": [ + "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance." + ] }, "review-basic-css": { "title": "Basic CSS Review", @@ -1957,9 +1965,11 @@ "Test what you've learned in this quiz of basic CSS knowledge." ] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Styling Lists and Links", + "intro": [ + "In these lecture videos, you will learn about styling lists and links." + ] }, "lab-stylized-to-do-list": { "title": "Build a Stylized To-Do List", @@ -1967,9 +1977,11 @@ "In this lab, you'll build a To-Do list and apply different styles to the links" ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Working with Backgrounds and Borders", + "intro": [ + "In these lecture videos, you will learn about working with backgrounds and borders." + ] }, "pahx": { "title": "45", @@ -1988,17 +2000,23 @@ "Test what you've learned in this quiz of backgrounds and borders in CSS." ] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "User Interface Design Fundamentals", + "intro": [ + "In these lecture videos, you will learn about user interface design fundamentals." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "User-Centered Design", + "intro": [ + "In these lecture videos, you will learn about user-centered design." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Common Design Tools", + "intro": [ + "In these lecture videos, you will learn about common design tools." + ] }, "review-design-fundamentals": { "title": "Design Fundamentals Review", @@ -2013,9 +2031,11 @@ "Test what you've learned in this quiz of UI design fundamentals." ] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Working with Relative and Absolute Units", + "intro": [ + "In these lecture videos, you will learn about working with relative and absolute units." + ] }, "lab-event-flyer-page": { "title": "Build an Event Flyer Page", @@ -2036,14 +2056,16 @@ "Test what you've learned in this quiz of relative and absolute units in CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS", + "intro": [ + "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Build a Job Application Form", "intro": [ @@ -2063,6 +2085,12 @@ "Test what you've learned in this quiz of pseudo-classes in CSS." ] }, + "lecture-working-with-colors-in-css": { + "title": "Working with Colors in CSS", + "intro": [ + "In these lecture videos, you will learn about working with colors in CSS." + ] + }, "workshop-colored-markers": { "title": "Build a Set of Colored Markers", "intro": [ @@ -2086,6 +2114,12 @@ "Test what you've learned in this quiz of using colors in CSS." ] }, + "lecture-best-practices-for-styling-forms": { + "title": "Best Practices for Styling Forms", + "intro": [ + "In these lecture videos, you will learn about the best practices for styling forms." + ] + }, "workshop-registration-form": { "title": "Design a Registration Form", "intro": [ @@ -2112,9 +2146,11 @@ "Test what you've learned in this quiz of how to style forms using CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Working with CSS Transforms, Overflow, and Filters", + "intro": [ + "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters." + ] }, "workshop-rothko-painting": { "title": "Design a Rothko Painting", @@ -2132,7 +2168,8 @@ "review-css-layout-and-effects": { "title": "CSS Layouts and Effects Review", "intro": [ - "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz." + "Before you are quizzed on CSS Layouts and Effects, you first need to review.", + "Open up this page to review concepts like the transform property, the box model, the overflow property and more." ] }, "quiz-css-layout-and-effects": { @@ -2141,9 +2178,11 @@ "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Working with CSS Flexbox", + "intro": [ + "In these lecture videos, you will learn about working with CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Build a Flexbox Photo Gallery", @@ -2171,9 +2210,11 @@ "Test what you've learned in this quiz of using flexbox in CSS." ] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Working with CSS Fonts", + "intro": [ + "In these lecture videos, you will learn about working with CSS fonts." + ] }, "workshop-nutritional-label": { "title": "Build a Nutritional Label", @@ -2199,6 +2240,12 @@ "title": "CSS Typography Quiz", "intro": ["Test what you've learned in this quiz of typography in CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Best Practices for Accessibility and CSS", + "intro": [ + "In these lecture videos, you will learn about best practices for accessibility in CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Build a Quiz Webpage", "intro": [ @@ -2224,9 +2271,11 @@ "Test what you've learned in this quiz of making your webpage accessible with CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Working with Attribute Selectors", + "intro": [ + "In these lecture videos, you will learn about working with attribute selectors." + ] }, "workshop-balance-sheet": { "title": "Build a Balance Sheet", @@ -2242,7 +2291,8 @@ "review-css-attribute-selectors": { "title": "CSS Attribute Selectors Review", "intro": [ - "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { @@ -2251,9 +2301,11 @@ "Test what you've learned in this quiz of using attribute selectors in CSS." ] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Understanding How to Work with Floats and Positioning in CSS", + "intro": [ + "In these lecture videos, you will learn about how to work with floats and positioning in CSS." + ] }, "workshop-cat-painting": { "title": "Build a Cat Painting", @@ -2269,7 +2321,8 @@ "review-css-positioning": { "title": "CSS Positioning Review", "intro": [ - "Review the CSS Positioning concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { @@ -2278,9 +2331,11 @@ "Test what you've learned in this quiz of how positioning works in CSS." ] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Best Practices for Responsive Web Design", + "intro": [ + "In these lecture videos, you will learn about the best practices for responsive web design." + ] }, "workshop-piano": { "title": "Design a Piano", @@ -2298,7 +2353,8 @@ "review-responsive-web-design": { "title": "Responsive Web Design Review", "intro": [ - "Review the Responsive Web Design concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of responsive design, you first need to review.", + "Open up this page to review concepts like media queries, media breakpoints and mobile first approach design." ] }, "quiz-responsive-web-design": { @@ -2307,9 +2363,11 @@ "Test what you've learned in this quiz of making your webpage responsive." ] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Working with CSS Variables", + "intro": [ + "In these lecture videos, you will learn about working with CSS variables." + ] }, "workshop-city-skyline": { "title": "Build a City Skyline", @@ -2325,7 +2383,8 @@ "review-css-variables": { "title": "CSS Variables Review", "intro": [ - "Review the CSS Variables concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS variables, you first need to review.", + "Open up this page to review how to work with CSS custom properties(CSS variables) and the @property rule." ] }, "quiz-css-variables": { @@ -2334,9 +2393,11 @@ "Test what you've learned in this quiz of how using variables in CSS." ] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Working with CSS Grid", + "intro": [ + "In these lecture videos, you will learn about working with CSS grid." + ] }, "workshop-magazine": { "title": "Build a Magazine", @@ -2349,9 +2410,11 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Debugging CSS", + "intro": [ + "In these lecture videos, you will learn about debugging CSS." + ] }, "lab-product-landing-page": { "title": "Build a Product Landing Page", @@ -2369,9 +2432,11 @@ "title": "CSS Grid Quiz", "intro": ["Test what you've learned in this quiz of using grid in CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Animations and Accessibility", + "intro": [ + "In these lecture videos, you will learn about animations and accessibility." + ] }, "dpaq": { "title": "120", @@ -2416,17 +2481,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Build a Greeting Bot", @@ -2441,9 +2506,11 @@ "In this lab, you will practice working with JavaScript variables and strings by building a trivia bot." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "JavaScript Variables and Data Types Review", @@ -2457,9 +2524,11 @@ "Test what you've learned in this quiz on JavaScript Variables and Data Types." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Build a Teacher Chatbot", @@ -2468,9 +2537,11 @@ "You will learn how to work with template literals, and the indexOf method." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "JavaScript Strings Review", @@ -2484,9 +2555,11 @@ "Test what you've learned in this quiz on JavaScript Strings." ] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Build a Mathbot", @@ -2500,9 +2573,11 @@ "In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "JavaScript Math Review", @@ -2514,9 +2589,11 @@ "title": "JavaScript Math Quiz", "intro": ["Test what you've learned in this quiz on JavaScript Math."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "JavaScript Comparisons and Conditionals Review", @@ -2530,9 +2607,11 @@ "Test what you've learned in this quiz on JavaScript Comparisons and Conditionals." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Build a Calculator", @@ -2818,17 +2897,19 @@ "Test what you've learned in this quiz on Debugging JavaScript." ] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Build a Markdown to HTML Converter", + "intro": [ + "For this lab, you will build a Markdown to HTML converter using JavaScript." + ] }, "lab-regex-sandbox": { "title": "Build a RegEx Sandbox", @@ -2850,9 +2931,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2940,9 +3024,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Build a Bookmark Manager App", diff --git a/client/i18n/locales/korean/intro.json b/client/i18n/locales/korean/intro.json index e2f143de696..24c376eb36d 100644 --- a/client/i18n/locales/korean/intro.json +++ b/client/i18n/locales/korean/intro.json @@ -1898,17 +1898,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Understanding Computer, Internet, and Tooling Basics", + "intro": [ + "In these lecture videos, you will learn about computer, internet, and tooling basics." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Working with File Systems", + "intro": [ + "In these lecture videos, you will learn about working with file systems." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Browsing the Web Effectively", + "intro": [ + "In these lecture videos, you will learn how to browse the web effectively." + ] }, "review-computer-basics": { "title": "Computer Basics Review", @@ -1923,9 +1929,9 @@ "Test what you've learned in this quiz of basic computer knowledge." ] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "What Is CSS?", + "intro": ["In these lecture videos, you will learn what CSS is."] }, "workshop-cafe-menu": { "title": "Design a Cafe Menu", @@ -1940,9 +1946,11 @@ "In this lab, you'll create a business card and style it using CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "CSS Specificity, the Cascade Algorithm, and Inheritance", + "intro": [ + "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance." + ] }, "review-basic-css": { "title": "Basic CSS Review", @@ -1957,9 +1965,11 @@ "Test what you've learned in this quiz of basic CSS knowledge." ] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Styling Lists and Links", + "intro": [ + "In these lecture videos, you will learn about styling lists and links." + ] }, "lab-stylized-to-do-list": { "title": "Build a Stylized To-Do List", @@ -1967,9 +1977,11 @@ "In this lab, you'll build a To-Do list and apply different styles to the links" ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Working with Backgrounds and Borders", + "intro": [ + "In these lecture videos, you will learn about working with backgrounds and borders." + ] }, "pahx": { "title": "45", @@ -1988,17 +2000,23 @@ "Test what you've learned in this quiz of backgrounds and borders in CSS." ] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "User Interface Design Fundamentals", + "intro": [ + "In these lecture videos, you will learn about user interface design fundamentals." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "User-Centered Design", + "intro": [ + "In these lecture videos, you will learn about user-centered design." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Common Design Tools", + "intro": [ + "In these lecture videos, you will learn about common design tools." + ] }, "review-design-fundamentals": { "title": "Design Fundamentals Review", @@ -2013,9 +2031,11 @@ "Test what you've learned in this quiz of UI design fundamentals." ] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Working with Relative and Absolute Units", + "intro": [ + "In these lecture videos, you will learn about working with relative and absolute units." + ] }, "lab-event-flyer-page": { "title": "Build an Event Flyer Page", @@ -2036,14 +2056,16 @@ "Test what you've learned in this quiz of relative and absolute units in CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS", + "intro": [ + "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Build a Job Application Form", "intro": [ @@ -2063,6 +2085,12 @@ "Test what you've learned in this quiz of pseudo-classes in CSS." ] }, + "lecture-working-with-colors-in-css": { + "title": "Working with Colors in CSS", + "intro": [ + "In these lecture videos, you will learn about working with colors in CSS." + ] + }, "workshop-colored-markers": { "title": "Build a Set of Colored Markers", "intro": [ @@ -2086,6 +2114,12 @@ "Test what you've learned in this quiz of using colors in CSS." ] }, + "lecture-best-practices-for-styling-forms": { + "title": "Best Practices for Styling Forms", + "intro": [ + "In these lecture videos, you will learn about the best practices for styling forms." + ] + }, "workshop-registration-form": { "title": "Design a Registration Form", "intro": [ @@ -2112,9 +2146,11 @@ "Test what you've learned in this quiz of how to style forms using CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Working with CSS Transforms, Overflow, and Filters", + "intro": [ + "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters." + ] }, "workshop-rothko-painting": { "title": "Design a Rothko Painting", @@ -2132,7 +2168,8 @@ "review-css-layout-and-effects": { "title": "CSS Layouts and Effects Review", "intro": [ - "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz." + "Before you are quizzed on CSS Layouts and Effects, you first need to review.", + "Open up this page to review concepts like the transform property, the box model, the overflow property and more." ] }, "quiz-css-layout-and-effects": { @@ -2141,9 +2178,11 @@ "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Working with CSS Flexbox", + "intro": [ + "In these lecture videos, you will learn about working with CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Build a Flexbox Photo Gallery", @@ -2171,9 +2210,11 @@ "Test what you've learned in this quiz of using flexbox in CSS." ] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Working with CSS Fonts", + "intro": [ + "In these lecture videos, you will learn about working with CSS fonts." + ] }, "workshop-nutritional-label": { "title": "Build a Nutritional Label", @@ -2199,6 +2240,12 @@ "title": "CSS Typography Quiz", "intro": ["Test what you've learned in this quiz of typography in CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Best Practices for Accessibility and CSS", + "intro": [ + "In these lecture videos, you will learn about best practices for accessibility in CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Build a Quiz Webpage", "intro": [ @@ -2224,9 +2271,11 @@ "Test what you've learned in this quiz of making your webpage accessible with CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Working with Attribute Selectors", + "intro": [ + "In these lecture videos, you will learn about working with attribute selectors." + ] }, "workshop-balance-sheet": { "title": "Build a Balance Sheet", @@ -2242,7 +2291,8 @@ "review-css-attribute-selectors": { "title": "CSS Attribute Selectors Review", "intro": [ - "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { @@ -2251,9 +2301,11 @@ "Test what you've learned in this quiz of using attribute selectors in CSS." ] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Understanding How to Work with Floats and Positioning in CSS", + "intro": [ + "In these lecture videos, you will learn about how to work with floats and positioning in CSS." + ] }, "workshop-cat-painting": { "title": "Build a Cat Painting", @@ -2269,7 +2321,8 @@ "review-css-positioning": { "title": "CSS Positioning Review", "intro": [ - "Review the CSS Positioning concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { @@ -2278,9 +2331,11 @@ "Test what you've learned in this quiz of how positioning works in CSS." ] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Best Practices for Responsive Web Design", + "intro": [ + "In these lecture videos, you will learn about the best practices for responsive web design." + ] }, "workshop-piano": { "title": "Design a Piano", @@ -2298,7 +2353,8 @@ "review-responsive-web-design": { "title": "Responsive Web Design Review", "intro": [ - "Review the Responsive Web Design concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of responsive design, you first need to review.", + "Open up this page to review concepts like media queries, media breakpoints and mobile first approach design." ] }, "quiz-responsive-web-design": { @@ -2307,9 +2363,11 @@ "Test what you've learned in this quiz of making your webpage responsive." ] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Working with CSS Variables", + "intro": [ + "In these lecture videos, you will learn about working with CSS variables." + ] }, "workshop-city-skyline": { "title": "Build a City Skyline", @@ -2325,7 +2383,8 @@ "review-css-variables": { "title": "CSS Variables Review", "intro": [ - "Review the CSS Variables concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS variables, you first need to review.", + "Open up this page to review how to work with CSS custom properties(CSS variables) and the @property rule." ] }, "quiz-css-variables": { @@ -2334,9 +2393,11 @@ "Test what you've learned in this quiz of how using variables in CSS." ] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Working with CSS Grid", + "intro": [ + "In these lecture videos, you will learn about working with CSS grid." + ] }, "workshop-magazine": { "title": "Build a Magazine", @@ -2349,9 +2410,11 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Debugging CSS", + "intro": [ + "In these lecture videos, you will learn about debugging CSS." + ] }, "lab-product-landing-page": { "title": "Build a Product Landing Page", @@ -2369,9 +2432,11 @@ "title": "CSS Grid Quiz", "intro": ["Test what you've learned in this quiz of using grid in CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Animations and Accessibility", + "intro": [ + "In these lecture videos, you will learn about animations and accessibility." + ] }, "dpaq": { "title": "120", @@ -2416,17 +2481,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Build a Greeting Bot", @@ -2441,9 +2506,11 @@ "In this lab, you will practice working with JavaScript variables and strings by building a trivia bot." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "JavaScript Variables and Data Types Review", @@ -2457,9 +2524,11 @@ "Test what you've learned in this quiz on JavaScript Variables and Data Types." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Build a Teacher Chatbot", @@ -2468,9 +2537,11 @@ "You will learn how to work with template literals, and the indexOf method." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "JavaScript Strings Review", @@ -2484,9 +2555,11 @@ "Test what you've learned in this quiz on JavaScript Strings." ] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Build a Mathbot", @@ -2500,9 +2573,11 @@ "In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "JavaScript Math Review", @@ -2514,9 +2589,11 @@ "title": "JavaScript Math Quiz", "intro": ["Test what you've learned in this quiz on JavaScript Math."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "JavaScript Comparisons and Conditionals Review", @@ -2530,9 +2607,11 @@ "Test what you've learned in this quiz on JavaScript Comparisons and Conditionals." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Build a Calculator", @@ -2818,17 +2897,19 @@ "Test what you've learned in this quiz on Debugging JavaScript." ] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Build a Markdown to HTML Converter", + "intro": [ + "For this lab, you will build a Markdown to HTML converter using JavaScript." + ] }, "lab-regex-sandbox": { "title": "Build a RegEx Sandbox", @@ -2850,9 +2931,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2940,9 +3024,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Build a Bookmark Manager App", diff --git a/client/i18n/locales/portuguese/intro.json b/client/i18n/locales/portuguese/intro.json index 935f3a05780..a0adbb894a1 100644 --- a/client/i18n/locales/portuguese/intro.json +++ b/client/i18n/locales/portuguese/intro.json @@ -1898,17 +1898,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Understanding Computer, Internet, and Tooling Basics", + "intro": [ + "In these lecture videos, you will learn about computer, internet, and tooling basics." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Working with File Systems", + "intro": [ + "In these lecture videos, you will learn about working with file systems." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Browsing the Web Effectively", + "intro": [ + "In these lecture videos, you will learn how to browse the web effectively." + ] }, "review-computer-basics": { "title": "Computer Basics Review", @@ -1923,9 +1929,9 @@ "Test what you've learned in this quiz of basic computer knowledge." ] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "What Is CSS?", + "intro": ["In these lecture videos, you will learn what CSS is."] }, "workshop-cafe-menu": { "title": "Design a Cafe Menu", @@ -1940,9 +1946,11 @@ "In this lab, you'll create a business card and style it using CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "CSS Specificity, the Cascade Algorithm, and Inheritance", + "intro": [ + "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance." + ] }, "review-basic-css": { "title": "Basic CSS Review", @@ -1957,9 +1965,11 @@ "Test what you've learned in this quiz of basic CSS knowledge." ] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Styling Lists and Links", + "intro": [ + "In these lecture videos, you will learn about styling lists and links." + ] }, "lab-stylized-to-do-list": { "title": "Build a Stylized To-Do List", @@ -1967,9 +1977,11 @@ "In this lab, you'll build a To-Do list and apply different styles to the links" ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Working with Backgrounds and Borders", + "intro": [ + "In these lecture videos, you will learn about working with backgrounds and borders." + ] }, "pahx": { "title": "45", @@ -1988,17 +2000,23 @@ "Test what you've learned in this quiz of backgrounds and borders in CSS." ] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "User Interface Design Fundamentals", + "intro": [ + "In these lecture videos, you will learn about user interface design fundamentals." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "User-Centered Design", + "intro": [ + "In these lecture videos, you will learn about user-centered design." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Common Design Tools", + "intro": [ + "In these lecture videos, you will learn about common design tools." + ] }, "review-design-fundamentals": { "title": "Design Fundamentals Review", @@ -2013,9 +2031,11 @@ "Test what you've learned in this quiz of UI design fundamentals." ] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Working with Relative and Absolute Units", + "intro": [ + "In these lecture videos, you will learn about working with relative and absolute units." + ] }, "lab-event-flyer-page": { "title": "Build an Event Flyer Page", @@ -2036,14 +2056,16 @@ "Test what you've learned in this quiz of relative and absolute units in CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS", + "intro": [ + "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Build a Job Application Form", "intro": [ @@ -2063,6 +2085,12 @@ "Test what you've learned in this quiz of pseudo-classes in CSS." ] }, + "lecture-working-with-colors-in-css": { + "title": "Working with Colors in CSS", + "intro": [ + "In these lecture videos, you will learn about working with colors in CSS." + ] + }, "workshop-colored-markers": { "title": "Build a Set of Colored Markers", "intro": [ @@ -2086,6 +2114,12 @@ "Test what you've learned in this quiz of using colors in CSS." ] }, + "lecture-best-practices-for-styling-forms": { + "title": "Best Practices for Styling Forms", + "intro": [ + "In these lecture videos, you will learn about the best practices for styling forms." + ] + }, "workshop-registration-form": { "title": "Design a Registration Form", "intro": [ @@ -2112,9 +2146,11 @@ "Test what you've learned in this quiz of how to style forms using CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Working with CSS Transforms, Overflow, and Filters", + "intro": [ + "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters." + ] }, "workshop-rothko-painting": { "title": "Design a Rothko Painting", @@ -2132,7 +2168,8 @@ "review-css-layout-and-effects": { "title": "CSS Layouts and Effects Review", "intro": [ - "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz." + "Before you are quizzed on CSS Layouts and Effects, you first need to review.", + "Open up this page to review concepts like the transform property, the box model, the overflow property and more." ] }, "quiz-css-layout-and-effects": { @@ -2141,9 +2178,11 @@ "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Working with CSS Flexbox", + "intro": [ + "In these lecture videos, you will learn about working with CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Build a Flexbox Photo Gallery", @@ -2171,9 +2210,11 @@ "Test what you've learned in this quiz of using flexbox in CSS." ] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Working with CSS Fonts", + "intro": [ + "In these lecture videos, you will learn about working with CSS fonts." + ] }, "workshop-nutritional-label": { "title": "Build a Nutritional Label", @@ -2199,6 +2240,12 @@ "title": "CSS Typography Quiz", "intro": ["Test what you've learned in this quiz of typography in CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Best Practices for Accessibility and CSS", + "intro": [ + "In these lecture videos, you will learn about best practices for accessibility in CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Build a Quiz Webpage", "intro": [ @@ -2224,9 +2271,11 @@ "Test what you've learned in this quiz of making your webpage accessible with CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Working with Attribute Selectors", + "intro": [ + "In these lecture videos, you will learn about working with attribute selectors." + ] }, "workshop-balance-sheet": { "title": "Build a Balance Sheet", @@ -2242,7 +2291,8 @@ "review-css-attribute-selectors": { "title": "CSS Attribute Selectors Review", "intro": [ - "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { @@ -2251,9 +2301,11 @@ "Test what you've learned in this quiz of using attribute selectors in CSS." ] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Understanding How to Work with Floats and Positioning in CSS", + "intro": [ + "In these lecture videos, you will learn about how to work with floats and positioning in CSS." + ] }, "workshop-cat-painting": { "title": "Build a Cat Painting", @@ -2269,7 +2321,8 @@ "review-css-positioning": { "title": "CSS Positioning Review", "intro": [ - "Review the CSS Positioning concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { @@ -2278,9 +2331,11 @@ "Test what you've learned in this quiz of how positioning works in CSS." ] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Best Practices for Responsive Web Design", + "intro": [ + "In these lecture videos, you will learn about the best practices for responsive web design." + ] }, "workshop-piano": { "title": "Design a Piano", @@ -2298,7 +2353,8 @@ "review-responsive-web-design": { "title": "Responsive Web Design Review", "intro": [ - "Review the Responsive Web Design concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of responsive design, you first need to review.", + "Open up this page to review concepts like media queries, media breakpoints and mobile first approach design." ] }, "quiz-responsive-web-design": { @@ -2307,9 +2363,11 @@ "Test what you've learned in this quiz of making your webpage responsive." ] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Working with CSS Variables", + "intro": [ + "In these lecture videos, you will learn about working with CSS variables." + ] }, "workshop-city-skyline": { "title": "Build a City Skyline", @@ -2325,7 +2383,8 @@ "review-css-variables": { "title": "CSS Variables Review", "intro": [ - "Review the CSS Variables concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS variables, you first need to review.", + "Open up this page to review how to work with CSS custom properties(CSS variables) and the @property rule." ] }, "quiz-css-variables": { @@ -2334,9 +2393,11 @@ "Test what you've learned in this quiz of how using variables in CSS." ] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Working with CSS Grid", + "intro": [ + "In these lecture videos, you will learn about working with CSS grid." + ] }, "workshop-magazine": { "title": "Build a Magazine", @@ -2349,9 +2410,11 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Debugging CSS", + "intro": [ + "In these lecture videos, you will learn about debugging CSS." + ] }, "lab-product-landing-page": { "title": "Build a Product Landing Page", @@ -2369,9 +2432,11 @@ "title": "CSS Grid Quiz", "intro": ["Test what you've learned in this quiz of using grid in CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Animations and Accessibility", + "intro": [ + "In these lecture videos, you will learn about animations and accessibility." + ] }, "dpaq": { "title": "120", @@ -2416,17 +2481,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Build a Greeting Bot", @@ -2441,9 +2506,11 @@ "In this lab, you will practice working with JavaScript variables and strings by building a trivia bot." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "JavaScript Variables and Data Types Review", @@ -2457,9 +2524,11 @@ "Test what you've learned in this quiz on JavaScript Variables and Data Types." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Build a Teacher Chatbot", @@ -2468,9 +2537,11 @@ "You will learn how to work with template literals, and the indexOf method." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "JavaScript Strings Review", @@ -2484,9 +2555,11 @@ "Test what you've learned in this quiz on JavaScript Strings." ] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Build a Mathbot", @@ -2500,9 +2573,11 @@ "In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "JavaScript Math Review", @@ -2514,9 +2589,11 @@ "title": "JavaScript Math Quiz", "intro": ["Test what you've learned in this quiz on JavaScript Math."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "JavaScript Comparisons and Conditionals Review", @@ -2530,9 +2607,11 @@ "Test what you've learned in this quiz on JavaScript Comparisons and Conditionals." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Build a Calculator", @@ -2818,17 +2897,19 @@ "Test what you've learned in this quiz on Debugging JavaScript." ] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Build a Markdown to HTML Converter", + "intro": [ + "For this lab, you will build a Markdown to HTML converter using JavaScript." + ] }, "lab-regex-sandbox": { "title": "Build a RegEx Sandbox", @@ -2850,9 +2931,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2940,9 +3024,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Build a Bookmark Manager App", diff --git a/client/i18n/locales/swahili/intro.json b/client/i18n/locales/swahili/intro.json index 0fedfbf0d00..a5ba010255a 100644 --- a/client/i18n/locales/swahili/intro.json +++ b/client/i18n/locales/swahili/intro.json @@ -1898,17 +1898,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Understanding Computer, Internet, and Tooling Basics", + "intro": [ + "In these lecture videos, you will learn about computer, internet, and tooling basics." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Working with File Systems", + "intro": [ + "In these lecture videos, you will learn about working with file systems." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Browsing the Web Effectively", + "intro": [ + "In these lecture videos, you will learn how to browse the web effectively." + ] }, "review-computer-basics": { "title": "Computer Basics Review", @@ -1923,9 +1929,9 @@ "Test what you've learned in this quiz of basic computer knowledge." ] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "What Is CSS?", + "intro": ["In these lecture videos, you will learn what CSS is."] }, "workshop-cafe-menu": { "title": "Design a Cafe Menu", @@ -1940,9 +1946,11 @@ "In this lab, you'll create a business card and style it using CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "CSS Specificity, the Cascade Algorithm, and Inheritance", + "intro": [ + "In these lecture videos, you will learn about CSS specificity, the cascade algorithm, and inheritance." + ] }, "review-basic-css": { "title": "Basic CSS Review", @@ -1957,9 +1965,11 @@ "Test what you've learned in this quiz of basic CSS knowledge." ] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Styling Lists and Links", + "intro": [ + "In these lecture videos, you will learn about styling lists and links." + ] }, "lab-stylized-to-do-list": { "title": "Build a Stylized To-Do List", @@ -1967,9 +1977,11 @@ "In this lab, you'll build a To-Do list and apply different styles to the links" ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Working with Backgrounds and Borders", + "intro": [ + "In these lecture videos, you will learn about working with backgrounds and borders." + ] }, "pahx": { "title": "45", @@ -1988,17 +2000,23 @@ "Test what you've learned in this quiz of backgrounds and borders in CSS." ] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "User Interface Design Fundamentals", + "intro": [ + "In these lecture videos, you will learn about user interface design fundamentals." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "User-Centered Design", + "intro": [ + "In these lecture videos, you will learn about user-centered design." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Common Design Tools", + "intro": [ + "In these lecture videos, you will learn about common design tools." + ] }, "review-design-fundamentals": { "title": "Design Fundamentals Review", @@ -2013,9 +2031,11 @@ "Test what you've learned in this quiz of UI design fundamentals." ] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Working with Relative and Absolute Units", + "intro": [ + "In these lecture videos, you will learn about working with relative and absolute units." + ] }, "lab-event-flyer-page": { "title": "Build an Event Flyer Page", @@ -2036,14 +2056,16 @@ "Test what you've learned in this quiz of relative and absolute units in CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Working with Pseudo-Classes and Pseudo-Elements in CSS", + "intro": [ + "In these lecture videos, you will learn about working with pseudo-classes and pseudo-elements in CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Build a Job Application Form", "intro": [ @@ -2063,6 +2085,12 @@ "Test what you've learned in this quiz of pseudo-classes in CSS." ] }, + "lecture-working-with-colors-in-css": { + "title": "Working with Colors in CSS", + "intro": [ + "In these lecture videos, you will learn about working with colors in CSS." + ] + }, "workshop-colored-markers": { "title": "Build a Set of Colored Markers", "intro": [ @@ -2086,6 +2114,12 @@ "Test what you've learned in this quiz of using colors in CSS." ] }, + "lecture-best-practices-for-styling-forms": { + "title": "Best Practices for Styling Forms", + "intro": [ + "In these lecture videos, you will learn about the best practices for styling forms." + ] + }, "workshop-registration-form": { "title": "Design a Registration Form", "intro": [ @@ -2112,9 +2146,11 @@ "Test what you've learned in this quiz of how to style forms using CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Working with CSS Transforms, Overflow, and Filters", + "intro": [ + "In these lecture videos, you will learn about working with CSS transforms, overflow, and filters." + ] }, "workshop-rothko-painting": { "title": "Design a Rothko Painting", @@ -2132,7 +2168,8 @@ "review-css-layout-and-effects": { "title": "CSS Layouts and Effects Review", "intro": [ - "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz." + "Before you are quizzed on CSS Layouts and Effects, you first need to review.", + "Open up this page to review concepts like the transform property, the box model, the overflow property and more." ] }, "quiz-css-layout-and-effects": { @@ -2141,9 +2178,11 @@ "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Working with CSS Flexbox", + "intro": [ + "In these lecture videos, you will learn about working with CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Build a Flexbox Photo Gallery", @@ -2171,9 +2210,11 @@ "Test what you've learned in this quiz of using flexbox in CSS." ] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Working with CSS Fonts", + "intro": [ + "In these lecture videos, you will learn about working with CSS fonts." + ] }, "workshop-nutritional-label": { "title": "Build a Nutritional Label", @@ -2199,6 +2240,12 @@ "title": "CSS Typography Quiz", "intro": ["Test what you've learned in this quiz of typography in CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Best Practices for Accessibility and CSS", + "intro": [ + "In these lecture videos, you will learn about best practices for accessibility in CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Build a Quiz Webpage", "intro": [ @@ -2224,9 +2271,11 @@ "Test what you've learned in this quiz of making your webpage accessible with CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Working with Attribute Selectors", + "intro": [ + "In these lecture videos, you will learn about working with attribute selectors." + ] }, "workshop-balance-sheet": { "title": "Build a Balance Sheet", @@ -2242,7 +2291,8 @@ "review-css-attribute-selectors": { "title": "CSS Attribute Selectors Review", "intro": [ - "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { @@ -2251,9 +2301,11 @@ "Test what you've learned in this quiz of using attribute selectors in CSS." ] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Understanding How to Work with Floats and Positioning in CSS", + "intro": [ + "In these lecture videos, you will learn about how to work with floats and positioning in CSS." + ] }, "workshop-cat-painting": { "title": "Build a Cat Painting", @@ -2269,7 +2321,8 @@ "review-css-positioning": { "title": "CSS Positioning Review", "intro": [ - "Review the CSS Positioning concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { @@ -2278,9 +2331,11 @@ "Test what you've learned in this quiz of how positioning works in CSS." ] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Best Practices for Responsive Web Design", + "intro": [ + "In these lecture videos, you will learn about the best practices for responsive web design." + ] }, "workshop-piano": { "title": "Design a Piano", @@ -2298,7 +2353,8 @@ "review-responsive-web-design": { "title": "Responsive Web Design Review", "intro": [ - "Review the Responsive Web Design concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of responsive design, you first need to review.", + "Open up this page to review concepts like media queries, media breakpoints and mobile first approach design." ] }, "quiz-responsive-web-design": { @@ -2307,9 +2363,11 @@ "Test what you've learned in this quiz of making your webpage responsive." ] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Working with CSS Variables", + "intro": [ + "In these lecture videos, you will learn about working with CSS variables." + ] }, "workshop-city-skyline": { "title": "Build a City Skyline", @@ -2325,7 +2383,8 @@ "review-css-variables": { "title": "CSS Variables Review", "intro": [ - "Review the CSS Variables concepts to prepare for the upcoming quiz." + "Before you are quizzed on the fundamentals of CSS variables, you first need to review.", + "Open up this page to review how to work with CSS custom properties(CSS variables) and the @property rule." ] }, "quiz-css-variables": { @@ -2334,9 +2393,11 @@ "Test what you've learned in this quiz of how using variables in CSS." ] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Working with CSS Grid", + "intro": [ + "In these lecture videos, you will learn about working with CSS grid." + ] }, "workshop-magazine": { "title": "Build a Magazine", @@ -2349,9 +2410,11 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Debugging CSS", + "intro": [ + "In these lecture videos, you will learn about debugging CSS." + ] }, "lab-product-landing-page": { "title": "Build a Product Landing Page", @@ -2369,9 +2432,11 @@ "title": "CSS Grid Quiz", "intro": ["Test what you've learned in this quiz of using grid in CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Animations and Accessibility", + "intro": [ + "In these lecture videos, you will learn about animations and accessibility." + ] }, "dpaq": { "title": "120", @@ -2416,17 +2481,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Build a Greeting Bot", @@ -2441,9 +2506,11 @@ "In this lab, you will practice working with JavaScript variables and strings by building a trivia bot." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "JavaScript Variables and Data Types Review", @@ -2457,9 +2524,11 @@ "Test what you've learned in this quiz on JavaScript Variables and Data Types." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Build a Teacher Chatbot", @@ -2468,9 +2537,11 @@ "You will learn how to work with template literals, and the indexOf method." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "JavaScript Strings Review", @@ -2484,9 +2555,11 @@ "Test what you've learned in this quiz on JavaScript Strings." ] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Build a Mathbot", @@ -2500,9 +2573,11 @@ "In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "JavaScript Math Review", @@ -2514,9 +2589,11 @@ "title": "JavaScript Math Quiz", "intro": ["Test what you've learned in this quiz on JavaScript Math."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "JavaScript Comparisons and Conditionals Review", @@ -2530,9 +2607,11 @@ "Test what you've learned in this quiz on JavaScript Comparisons and Conditionals." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Build a Calculator", @@ -2818,17 +2897,19 @@ "Test what you've learned in this quiz on Debugging JavaScript." ] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Build a Markdown to HTML Converter", + "intro": [ + "For this lab, you will build a Markdown to HTML converter using JavaScript." + ] }, "lab-regex-sandbox": { "title": "Build a RegEx Sandbox", @@ -2850,9 +2931,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2940,9 +3024,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Build a Bookmark Manager App", diff --git a/client/i18n/locales/ukrainian/intro.json b/client/i18n/locales/ukrainian/intro.json index ee8fb3c6e15..fe73824d185 100644 --- a/client/i18n/locales/ukrainian/intro.json +++ b/client/i18n/locales/ukrainian/intro.json @@ -1892,17 +1892,23 @@ "title": "30", "intro": [] }, - "joim": { - "title": "31", - "intro": [] + "lecture-understanding-computer-internet-and-tooling-basics": { + "title": "Основи комп’ютера, інтернету та інструментів", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про комп’ютер, інтернет та різні інструменти." + ] }, - "gvtb": { - "title": "32", - "intro": [] + "lecture-working-with-file-systems": { + "title": "Робота з файловими системами", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з файловими системами." + ] }, - "cqhu": { - "title": "33", - "intro": [] + "lecture-browsing-the-web-effectively": { + "title": "Ефективне користування мережею", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як ефективно працювати з мережею." + ] }, "review-computer-basics": { "title": "Повторення основ комп’ютера", @@ -1915,9 +1921,9 @@ "title": "Тест «Основи комп’ютера»", "intro": ["Перевірте, що ви дізнались про основи комп'ютера."] }, - "dxpc": { - "title": "36", - "intro": [] + "lecture-what-is-css": { + "title": "Що таке CSS?", + "intro": ["У цих відеолекціях ви дізнаєтесь про CSS."] }, "workshop-cafe-menu": { "title": "Розробіть меню для кафе", @@ -1932,9 +1938,11 @@ "У цій лабораторній роботі ви створите візитівку та стилізуєте її за допомогою CSS." ] }, - "gnuk": { - "title": "39", - "intro": [] + "lecture-css-specificity-the-cascade-algorithm-and-inheritance": { + "title": "Специфічність, алгоритм каскаду та успадкування в CSS", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про специфічність, алгоритм каскаду та успадкування в CSS." + ] }, "review-basic-css": { "title": "Повторення основ CSS", @@ -1947,9 +1955,11 @@ "title": "Тест «Основи CSS»", "intro": ["Перевірте, що ви дізнались про основи CSS."] }, - "sdul": { - "title": "42", - "intro": [] + "lecture-styling-lists-and-links": { + "title": "Стилізація списків і посилань", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про стилізацію списків і посилань." + ] }, "lab-stylized-to-do-list": { "title": "Створіть стилізований список справ", @@ -1957,9 +1967,11 @@ "У цій лабораторній роботі ви створите список справ, які потрібно виконати, та застосуєте різні стилі до посилань." ] }, - "humj": { - "title": "44", - "intro": [] + "lecture-working-with-backgrounds-and-borders": { + "title": "Робота з фоном і кордоном", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з фоном і кордоном." + ] }, "pahx": { "title": "45", @@ -1976,17 +1988,23 @@ "title": "Тест «Фони та кордони в CSS»", "intro": ["Перевірте, що ви дізнались про фони та кордони в CSS."] }, - "ljmt": { - "title": "48", - "intro": [] + "lecture-user-interface-design-fundamentals": { + "title": "Основи UI дизайну", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про основи дизайну інтерфейсу користувача." + ] }, - "lxpk": { - "title": "49", - "intro": [] + "lecture-user-centered-design": { + "title": "Дизайн, орієнтований на користувача", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про дизайн, орієнтований на користувача." + ] }, - "lzqy": { - "title": "50", - "intro": [] + "lecture-common-design-tools": { + "title": "Поширені інструменти дизайну", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про поширені інструменти дизайну." + ] }, "review-design-fundamentals": { "title": "Повторення основ дизайну", @@ -1999,9 +2017,11 @@ "title": "Тест «Основи дизайну»", "intro": ["Перевірте, що ви дізнались про основи дизайну UI."] }, - "bgrw": { - "title": "53", - "intro": [] + "lecture-working-with-relative-and-absolute-units": { + "title": "Робота з відносними й абсолютними одиницями", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з відносними й абсолютними одиницями." + ] }, "lab-event-flyer-page": { "title": "Створіть запрошення на подію", @@ -2022,14 +2042,16 @@ "Перевірте, що ви дізнались про відносні та абсолютні одиниці в CSS." ] }, + "lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": { + "title": "Робота з псевдокласами та псевдоелементами в CSS", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з псевдокласами й псевдоелементами в CSS." + ] + }, "ohhu": { "title": "58", "intro": [] }, - "syga": { - "title": "59", - "intro": [] - }, "lab-job-application-form": { "title": "Створіть форму на працевлаштування", "intro": [ @@ -2047,6 +2069,12 @@ "title": "Тест «Псевдокласи в CSS»", "intro": ["Перевірте, що ви дізнались про псевдокласи в CSS."] }, + "lecture-working-with-colors-in-css": { + "title": "Робота з кольорами в CSS", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з кольорами в CSS." + ] + }, "workshop-colored-markers": { "title": "Створіть набір кольорових маркерів", "intro": [ @@ -2068,6 +2096,12 @@ "title": "Тест «Кольори в CSS»", "intro": ["Перевірте, що ви дізнались про використання кольорів у CSS."] }, + "lecture-best-practices-for-styling-forms": { + "title": "Найкращі практики стилізації форм", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про найкращі практики стилізації форм." + ] + }, "workshop-registration-form": { "title": "Створіть реєстраційну форму", "intro": [ @@ -2094,9 +2128,11 @@ "Перевірте, що ви дізнались про стилізацію форм за допомогою CSS." ] }, - "woza": { - "title": "72", - "intro": [] + "lecture-working-with-css-transforms-overflow-and-filters": { + "title": "Робота з трансформаціями, переповненням і ефектами в CSS", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з трансформаціями, переповненням і ефектами в CSS." + ] }, "workshop-rothko-painting": { "title": "Створіть картину Ротко", @@ -2114,7 +2150,8 @@ "review-css-layout-and-effects": { "title": "Повторення макетів та ефектів у CSS", "intro": [ - "Пригадайте поняття з теми «Макети та ефекти в CSS», щоб підготуватись до тесту." + "Перш ніж перейти до тесту «Макети та ефекти в CSS», повторіть основні поняття.", + "Відкрийте цю сторінку, щоб пригадати властивість transform, блокову модель, властивість overflow та багато іншого." ] }, "quiz-css-layout-and-effects": { @@ -2123,9 +2160,11 @@ "Перевірте, що ви дізнались про блокову модель, трансформації, фільтри та переповнення в CSS." ] }, - "ujaf": { - "title": "77", - "intro": [] + "lecture-working-with-css-flexbox": { + "title": "Робота з CSS Flexbox", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з CSS flexbox." + ] }, "workshop-flexbox-photo-gallery": { "title": "Створіть фотогалерею із Flexbox", @@ -2151,9 +2190,11 @@ "title": "Тест «CSS Flexbox»", "intro": ["Перевірте, що ви дізнались про flexbox у CSS."] }, - "ujcf": { - "title": "82", - "intro": [] + "lecture-working-with-css-fonts": { + "title": "Робота з шрифтами в CSS", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з шрифтами в CSS." + ] }, "workshop-nutritional-label": { "title": "Створіть харчову етикетку", @@ -2179,6 +2220,12 @@ "title": "Тест «Типографія в CSS»", "intro": ["Перевірте, що ви дізнались про типографію в CSS."] }, + "lecture-best-practices-for-accessibility-and-css": { + "title": "Найкращі практики доступності й CSS", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про найкращі практики доступності в CSS." + ] + }, "workshop-accessibility-quiz": { "title": "Створіть сторінку з вікториною", "intro": [ @@ -2204,9 +2251,11 @@ "Перевірте, що ви дізнались про доступність вебсторінок за допомогою CSS." ] }, - "haje": { - "title": "92", - "intro": [] + "lecture-working-with-attribute-selectors": { + "title": "Робота з селекторами атрибутів", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з селекторами атрибутів." + ] }, "workshop-balance-sheet": { "title": "Створіть бухгалтерський баланс", @@ -2224,16 +2273,19 @@ "review-css-attribute-selectors": { "title": "Повторення селекторів атрибутів у CSS", "intro": [ - "Пригадайте поняття з теми «Селектори атрибутів у CSS», щоб підготуватись до тесту." + "Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.", + "Open up this page to review concepts like how to work with different attribute selectors that target links with the href and title attributes." ] }, "quiz-css-attribute-selectors": { "title": "Тест «Селектори атрибутів у CSS»", "intro": ["Перевірте, що ви дізнались про селектори атрибутів у CSS."] }, - "rxzq": { - "title": "97", - "intro": [] + "lecture-understanding-how-to-work-with-floats-and-positioning-in-css": { + "title": "Робота з вирівнюванням й позиціюванням в CSS", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з вирівнюванням й позиціюванням у CSS." + ] }, "workshop-cat-painting": { "title": "Створіть малюнок кота", @@ -2251,16 +2303,19 @@ "review-css-positioning": { "title": "Повторення позиціювання в CSS", "intro": [ - "Пригадайте поняття з теми «Позиціювання в CSS», щоб підготуватись до тесту." + "Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.", + "Open up this page to review concepts like floats, relative positioning, absolute positioning and more." ] }, "quiz-css-positioning": { "title": "Тест «Позиціювання в CSS»", "intro": ["Перевірте, що ви дізнались про позиціювання в CSS."] }, - "jkdu": { - "title": "102", - "intro": [] + "lecture-best-practices-for-responsive-web-design": { + "title": "Найкращі практики адаптивного вебдизайну", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про найкращі практики адаптивного вебдизайну." + ] }, "workshop-piano": { "title": "Розробіть піаніно", @@ -2278,16 +2333,19 @@ "review-responsive-web-design": { "title": "Повторення адаптивного вебдизайну", "intro": [ - "Пригадайте поняття з теми «Адаптивний вебдизайн», щоб підготуватись до тесту." + "Перш ніж перейти до тесту «Адаптивний вебдизайн», повторіть основні поняття.", + "Відкрийте цю сторінку, щоб пригадати медіазапити, точки зупинки та принцип mobile first." ] }, "quiz-responsive-web-design": { "title": "Тест «Адаптивний вебдизайн»", "intro": ["Перевірте, що ви дізнались про адаптацію вебсторінок."] }, - "vlov": { - "title": "107", - "intro": [] + "lecture-working-with-css-variables": { + "title": "Робота зі змінними в CSS", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати зі змінними в CSS." + ] }, "workshop-city-skyline": { "title": "Створіть панораму міста", @@ -2305,16 +2363,19 @@ "review-css-variables": { "title": "Повторення змінних в CSS", "intro": [ - "Пригадайте поняття з теми «Змінні в CSS», щоб підготуватись до тесту." + "Перш ніж перейти до тесту «Змінні в CSS», повторіть основні поняття.", + "Відкрийте цю сторінку, щоб пригадати, як працювати з власними CSS-властивостями (CSS-змінними) та директивою @property." ] }, "quiz-css-variables": { "title": "Тест «Змінні в CSS»", "intro": ["Перевірте, що ви дізнались про використання змінних в CSS."] }, - "nsia": { - "title": "112", - "intro": [] + "lecture-working-with-css-grid": { + "title": "Робота з сіткою в CSS", + "intro": [ + "У цих відеолекціях ви дізнаєтесь, як працювати з сіткою в CSS." + ] }, "workshop-magazine": { "title": "Створіть журнал", @@ -2327,9 +2388,9 @@ "title": "114", "intro": [] }, - "harp": { - "title": "115", - "intro": [] + "lecture-debugging-css": { + "title": "Налагодження CSS", + "intro": ["У цих відеолекціях ви дізнаєтесь про налагодження CSS."] }, "lab-product-landing-page": { "title": "Створіть посадкову сторінку продукту", @@ -2347,9 +2408,11 @@ "title": "Тест «Сітка в CSS»", "intro": ["Перевірте, що ви дізнались про використання сітки в CSS."] }, - "dora": { - "title": "119", - "intro": [] + "lecture-animations-and-accessibility": { + "title": "Анімація та доступність", + "intro": [ + "У цих відеолекціях ви дізнаєтесь про анімацію та доступність." + ] }, "dpaq": { "title": "120", @@ -2392,17 +2455,17 @@ "title": "127", "intro": [] }, - "uquz": { - "title": "128", - "intro": [] + "lecture-working-with-code-editors-and-ides": { + "title": "Working with Code Editors and IDE's", + "intro": [ + "In these lecture videos, you will learn about working with code editors and IDE's." + ] }, - "kdgd": { - "title": "129", - "intro": [] - }, - "wryp": { - "title": "130", - "intro": [] + "lecture-introduction-to-javascript": { + "title": "Introduction to JavaScript", + "intro": [ + "In these lecture videos, you will get a basic introduction to JavaScript." + ] }, "workshop-greeting-bot": { "title": "Створіть вітального бота", @@ -2417,9 +2480,11 @@ "У цій лабораторній роботі ви попрактикуєтесь працювати зі змінними та рядками JavaScript, створивши бот з вікториною." ] }, - "dthi": { - "title": "132", - "intro": [] + "lecture-working-with-data-types": { + "title": "Working with Data Types", + "intro": [ + "In these lecture videos, you will learn about data types in JavaScript." + ] }, "review-javascript-variables-and-data-types": { "title": "Повторення змінних та типів даних в JavaScript", @@ -2433,9 +2498,11 @@ "Перевірте, що ви дізнались про змінні та типи даних в JavaScript." ] }, - "hoec": { - "title": "135", - "intro": [] + "lecture-working-with-strings-in-javascript": { + "title": "Working with Strings in JavaScript", + "intro": [ + "In these lecture videos, you will learn about working with strings in JavaScript." + ] }, "workshop-teacher-chatbot": { "title": "Створіть вчителя-бота", @@ -2444,9 +2511,11 @@ "Ви навчитеся працювати з шаблонними літерами та методом indexOf." ] }, - "axgb": { - "title": "137", - "intro": [] + "lecture-working-with-common-string-methods": { + "title": "Working with Common String Methods", + "intro": [ + "In these lecture videos, you will learn about common String methods." + ] }, "review-javascript-strings": { "title": "Повторення рядків у JavaScript", @@ -2458,9 +2527,11 @@ "title": "Тест «Рядки в JavaScript»", "intro": ["Перевірте, що ви дізнались про рядки в JavaScript."] }, - "hxwa": { - "title": "140", - "intro": [] + "lecture-working-with-numbers-booleans-and-the-math-object": { + "title": "Working with Numbers, Booleans, and the Math Object", + "intro": [ + "In these lecture videos, you will learn about numbers, booleans, and the Math Object." + ] }, "workshop-mathbot": { "title": "Створіть математичний бот", @@ -2474,9 +2545,11 @@ "У цій лабораторній роботі ви створите генератор передбачень, де користувач випадково обиратиме передбачення зі всіх доступних." ] }, - "wfyg": { - "title": "143", - "intro": [] + "lecture-working-with-numbers-and-common-number-methods": { + "title": "Working with Numbers and Common Number Methods", + "intro": [ + "In these lecture videos, you will learn about numbers and common Number methods." + ] }, "review-javascript-math": { "title": "Повторення математики в JavaScript", @@ -2488,9 +2561,11 @@ "title": "Тест «Математика в JavaScript»", "intro": ["Перевірте, що ви дізнались про математику в JavaScript."] }, - "hafd": { - "title": "146", - "intro": [] + "lecture-understanding-comparisons-and-conditionals": { + "title": "Understanding Comparisons and Conditionals", + "intro": [ + "In these lecture videos, you will learn about comparisons and conditionals." + ] }, "review-javascript-comparisons-and-conditionals": { "title": "Повторення порівняння та умов у JavaScript", @@ -2504,9 +2579,11 @@ "Перевірте, що ви дізнались про порівняння та умови в JavaScript." ] }, - "tsdq": { - "title": "149", - "intro": [] + "lecture-working-with-functions": { + "title": "Working with Functions", + "intro": [ + "In these lecture videos, you will learn about working with functions." + ] }, "workshop-calculator": { "title": "Створіть калькулятор", @@ -2790,17 +2867,19 @@ "title": "Тест «Налагодження JavaScript»", "intro": ["Перевірте, що ви дізнались про налагодження JavaScript."] }, - "dqth": { + "ilop": { "title": "205", "intro": [] }, - "ilop": { + "dqth": { "title": "206", "intro": [] }, - "qrer": { - "title": "207", - "intro": [] + "lab-markdown-to-html-converter": { + "title": "Створіть конвертер з markdown у HTML", + "intro": [ + "У цій лабораторній роботі ви створите конвертер з markdown у HTML за допомогою JavaScript." + ] }, "lab-regex-sandbox": { "title": "Створіть пісочницю для регулярних виразів", @@ -2824,9 +2903,12 @@ "title": "211", "intro": [] }, - "hhvp": { - "title": "212", - "intro": [] + "workshop-calorie-counter": { + "title": "Build a Calorie Counter", + "intro": [ + "Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.", + "You'll also practice basic regular expressions, template literals, the addEventListener() method, and more." + ] }, "egkv": { "title": "213", @@ -2912,9 +2994,12 @@ "title": "230", "intro": [] }, - "fgb1": { - "title": "231", - "intro": [] + "workshop-todo-app": { + "title": "Build a Todo App using Local Storage", + "intro": [ + "Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.", + "In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements." + ] }, "lab-bookmark-manager-app": { "title": "Створіть менеджера закладок", diff --git a/client/i18n/locales/ukrainian/translations.json b/client/i18n/locales/ukrainian/translations.json index 94d0bbd42bf..1d5c267c705 100644 --- a/client/i18n/locales/ukrainian/translations.json +++ b/client/i18n/locales/ukrainian/translations.json @@ -780,7 +780,7 @@ "heart": "Серце", "initial": "Початковий", "input-reset": "Очистити пошукові запити", - "input-search": "Submit search terms", + "input-search": "Надіслати пошукові запити", "info": "Інформація", "spacer": "Роздільник", "toggle": "Перемкнути галочку",