Learn Web Development in 2024
+Stay ahead of the curve with the latest trends in web development. Discover what's new and exciting in 2024
+ Read More +grid-template-columns, grid-gap and more."
]
},
"quiz-css-grid": {
@@ -2424,9 +2428,12 @@
"In these lecture videos, you will learn about animations and accessibility."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Build an Animated Ferris Wheel",
+ "intro": [
+ "You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
+ "In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
+ ]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
@@ -2450,7 +2457,8 @@
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
- "Review the CSS Animations concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with CSS animations, you first need to review.",
+ "Open up this page to review concepts including prefers-reduced-motion, the @keyframes rule and more."
]
},
"quiz-css-animations": {
@@ -2461,7 +2469,10 @@
},
"review-css": {
"title": "CSS Review",
- "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+ "intro": [
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
+ ]
},
"wvjx": {
"title": "127",
@@ -2501,7 +2512,8 @@
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
- "Review the JavaScript Variables and Data Types concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2532,7 +2544,8 @@
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
- "Review the JavaScript Strings concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2633,7 +2646,8 @@
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
- "Review the JavaScript Functions concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
@@ -2642,9 +2656,11 @@
"Test what you've learned in this quiz on JavaScript Functions."
]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Working with Arrays",
+ "intro": [
+ "In these lecture videos, you will learn about working with JavaScript arrays."
+ ]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
@@ -2659,9 +2675,11 @@
"In this lab, you will review working with arrays and random numbers by building a lunch picker program."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Working with Common Array Methods",
+ "intro": [
+ "In these lecture videos, you will learn about common array methods."
+ ]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
@@ -2673,9 +2691,11 @@
"title": "JavaScript Arrays Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Working with Objects",
+ "intro": [
+ "In these lecture videos, you will learn about working with objects in JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
@@ -2699,9 +2719,11 @@
"Test what you've learned in this quiz on JavaScript Objects."
]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Working with Loops",
+ "intro": [
+ "In these lecture videos, you will learn about working with loops in JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
@@ -2723,9 +2745,11 @@
"title": "JavaScript Loops Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Loops."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Understanding Core JavaScript Fundamentals",
+ "intro": [
+ "In these lecture videos, you will learn more about core JavaScript fundamentals."
+ ]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
@@ -2735,9 +2759,11 @@
"title": "Build a Gradebook App",
"intro": ["For this lab, you will create a gradebook app."]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "The var Keyword and Hoisting",
+ "intro": [
+ "In these lecture videos, you will learn about the var keyword and hoisting in JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
@@ -2745,9 +2771,11 @@
"For this lab, you will build an inventory management program using JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Understanding Modules, Imports, and Exports",
+ "intro": [
+ "In these lecture videos, you will learn about modules, imports, and exports in JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2765,13 +2793,17 @@
"Test what you've learned in this quiz on JavaScript Fundamentals Quiz."
]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Working with Higher Order Functions and Callbacks",
+ "intro": [
+ "In these lecture videos, you will learn about working with higher order functions and callbacks."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Build a Library Manager",
+ "intro": [
+ "In this workshop, you will learn higher order array methods by building a library manager"
+ ]
},
"bxtv": {
"title": "184",
@@ -2789,14 +2821,22 @@
"Test what you've learned in this quiz on JavaScript Higher Order Functions."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Working with the DOM, Click Events, and Web APIs",
+ "intro": [
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
@@ -2815,13 +2855,17 @@
"Test what you've learned in this quiz on DOM Manipulation and Click Events with JavaScript Quiz."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Understanding the Event Object and Event Delegation",
+ "intro": [
+ "In these lecture videos, you will learn about the event object and event delegation."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
@@ -2887,9 +2931,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Build a Spam Filter",
+ "intro": [
+ "Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
+ "In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
@@ -3037,9 +3084,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Build a Shopping Cart",
+ "intro": [
+ "In this workshop you'll create a shopping cart using JavaScript classes.",
+ "You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
+ ]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
@@ -3105,50 +3155,29 @@
"Test what you've learned in this quiz on JavaScript Functional Programming."
]
},
- "lab-quicksort-algorithm": {
- "title": "Build the Quicksort Algorithm",
- "intro": [
- "For this lab, you will implement the Quicksort algorithm using JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Searching and Sorting Algorithms Quiz",
- "intro": [
- "Test what you've learned in this quiz on Searching and Sorting Algorithms."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Build a Roman Numeral Converter",
- "intro": [
- "For this lab, you'll build an application that converts integers to Roman numerals."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Build a Telephone Number Validator",
- "intro": [
- "For this lab, you'll build an application that checks if a number is a valid United States phone number."
- ]
- },
- "lab-cash-register": {
- "title": "Build a Cash Register",
- "intro": ["For this lab, you will build a cash register."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3159,12 +3188,6 @@
"Review the JavaScript Functional Programming concepts to prepare for the upcoming quiz."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "JavaScript Problem Solving and Algorithmic Thinking Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Problem Solving and Algorithmic Thinking."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3206,88 +3229,80 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Introduction to JavaScript Libraries and Frameworks",
+ "intro": [
+ "In these lecture videos, you will get an introduction to JavaScript libraries and frameworks."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "JavaScript Object Oriented Programming Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Object Oriented Programming."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Build a Stack Class",
+ "lecture-working-with-data-in-react": {
+ "title": "Working with Data in React",
"intro": [
- "For this lab, you will build a stack class using JavaScript."
+ "In these lecture videos, you will learn about working with data in React."
]
},
- "lab-linked-list-class": {
- "title": "Build a Linked List Class",
- "intro": [
- "For this lab, you will build a linked list class using JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Build a Hash Table Class",
- "intro": ["For this lab, you will build a hash table using JavaScript."]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "JavaScript Data Structures Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Data Structures."
- ]
+ "quiz-react-basics": {
+ "title": "React Basics Quiz",
+ "intro": ["Test what you've learned in this quiz on React Basics."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Implement the Depth-First Search Algorithm",
- "intro": [
- "For this lab, you will use JavaScript to implement the Depth-First Search algorithm."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Graphs and Trees Quiz",
- "intro": ["Test what you've learned in this quiz on Graphs and Trees."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Build the nth Fibonacci number generator",
- "intro": [
- "For this lab, you will implement the nth Fibonacci number generator."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Dynamic Programming Quiz",
+ "quiz-react-state-and-hooks": {
+ "title": "React State and Hooks Quiz",
"intro": [
- "Test what you've learned in this quiz on Dynamic Programming."
+ "Test what you've learned in this quiz on React State and Hooks."
]
},
+ "ftmi": {
+ "title": "275",
+ "intro": []
+ },
"sgau": {
"title": "276",
"intro": []
@@ -3304,53 +3319,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Build a Pokémon Search App",
- "intro": ["For this project, you will build a Pokémon search app."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Advanced React Quiz",
+ "intro": ["Test what you've learned in this quiz on Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Web Performance Review",
+ "intro": [
+ "Review the Web Performance concepts to prepare for the upcoming quiz."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Web Performance Quiz",
+ "intro": ["Test what you've learned in this quiz on Web Performance."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Review",
+ "intro": [
+ "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
+ ]
},
- "quiz-web-standards": {
- "title": "Web Standards Quiz",
- "intro": ["Test what you've learned in this quiz on Web Standards."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Quiz",
+ "intro": [
+ "Test what you've learned in this quiz on CSS Libraries and Frameworks."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Testing Review",
+ "intro": [
+ "Review the Testing concepts to prepare for the upcoming quiz."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Testing Quiz",
+ "intro": ["Test what you've learned in this quiz on Testing."]
},
"trvf": {
"title": "293",
@@ -3368,104 +3395,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "React Basics Quiz",
- "intro": ["Test what you've learned in this quiz on React Basics."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "React State and Hooks Quiz",
- "intro": [
- "Test what you've learned in this quiz on React State and Hooks."
- ]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Advanced React Quiz",
- "intro": ["Test what you've learned in this quiz on Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Web Performance Review",
- "intro": [
- "Review the Web Performance concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-web-performance": {
- "title": "Web Performance Quiz",
- "intro": ["Test what you've learned in this quiz on Web Performance."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3478,48 +3409,18 @@
"title": "TypeScript Quiz",
"intro": ["Test what you've learned in this quiz on TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Review",
- "intro": [
- "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Quiz",
- "intro": [
- "Test what you've learned in this quiz on CSS Libraries and Frameworks."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Testing Review",
- "intro": [
- "Review the Testing concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-testing": {
- "title": "Testing Quiz",
- "intro": ["Test what you've learned in this quiz on Testing."]
- },
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3539,8 +3440,8 @@
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned in this quiz on Bash Commands."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3568,8 +3469,8 @@
"Test what you've learned in this quiz on Relational Databases."
]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3589,8 +3490,8 @@
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned in this quiz on Bash Scripting."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3642,8 +3543,8 @@
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3661,8 +3562,8 @@
"title": "Nano Quiz",
"intro": ["Test what you've learned in this quiz on Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3698,6 +3599,122 @@
"Review the Relational Databases concepts to prepare for the upcoming quiz."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3706,17 +3723,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Security and Privacy Review",
- "intro": [
- "Review the Security and Privacy concepts to prepare for the upcoming quiz."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Security and Privacy Quiz",
- "intro": [
- "Test what you've learned in this quiz on Security and Privacy."
- ]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3746,6 +3759,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/chinese-traditional/translations.json b/client/i18n/locales/chinese-traditional/translations.json
index f29dc092bedd5b..64bde65153c29c 100644
--- a/client/i18n/locales/chinese-traditional/translations.json
+++ b/client/i18n/locales/chinese-traditional/translations.json
@@ -852,7 +852,7 @@
"expired-link": "你點擊的鏈接似乎已過期，請刷新鏈接再登錄",
"signin-success": "成功了！你已經登錄賬戶。",
"social-auth-gone": "鑑於隱私原因，我們已取消社交賬戶授權。我們建議你下次使用你的郵箱地址登錄：{{email}} 。",
- "name-needed": "我們需要將你的名字放在認證上。在你的賬戶設置中添加名字，點擊保存按鈕，然後我們會給你發佈認證。",
+ "name-needed": "We need your name to put it on your certification. Please add your name in your profile and click save. Then we can issue your certification.",
"incomplete-steps": "你似乎未完成必要的步驟。請完成必做項目以申請 {{name}} 認證。",
"already-claimed": "你似乎已申請 {{name}} 認證",
"cert-claim-success": "@{{username}}，你已成功申請 {{name}} 認證！代表 freeCodeCamp.org 團隊恭喜你！",
diff --git a/client/i18n/locales/chinese/intro.json b/client/i18n/locales/chinese/intro.json
index 26ddbe812a13da..f149cfb3a1bef3 100644
--- a/client/i18n/locales/chinese/intro.json
+++ b/client/i18n/locales/chinese/intro.json
@@ -1695,9 +1695,11 @@
"By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer."
],
"blocks": {
- "efpl": {
- "title": "0",
- "intro": []
+ "lecture-welcome-to-freecodecamp": {
+ "title": "Welcome to freeCodeCamp",
+ "intro": [
+ "Watch these videos to learn what freeCodeCamp is, and how millions of people have learned to code and gotten developer jobs using it."
+ ]
},
"lecture-what-is-html": {
"title": "What is HTML?",
@@ -2248,7 +2250,8 @@
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
- "Review the CSS Accessibility concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on CSS and accessibility, you first need to review.",
+ "Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
@@ -2411,7 +2414,8 @@
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
- "Review the CSS Grid concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on the fundamentals of CSS Grid, you first need to review.",
+ "Open up this page to review how to work with the different CSS Grid properties like grid-template-columns, grid-gap and more."
]
},
"quiz-css-grid": {
@@ -2424,9 +2428,12 @@
"In these lecture videos, you will learn about animations and accessibility."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Build an Animated Ferris Wheel",
+ "intro": [
+ "You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
+ "In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
+ ]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
@@ -2450,7 +2457,8 @@
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
- "Review the CSS Animations concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with CSS animations, you first need to review.",
+ "Open up this page to review concepts including prefers-reduced-motion, the @keyframes rule and more."
]
},
"quiz-css-animations": {
@@ -2461,7 +2469,10 @@
},
"review-css": {
"title": "CSS Review",
- "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+ "intro": [
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
+ ]
},
"wvjx": {
"title": "127",
@@ -2501,7 +2512,8 @@
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
- "Review the JavaScript Variables and Data Types concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2532,7 +2544,8 @@
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
- "Review the JavaScript Strings concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2633,7 +2646,8 @@
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
- "Review the JavaScript Functions concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
@@ -2642,9 +2656,11 @@
"Test what you've learned in this quiz on JavaScript Functions."
]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Working with Arrays",
+ "intro": [
+ "In these lecture videos, you will learn about working with JavaScript arrays."
+ ]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
@@ -2659,9 +2675,11 @@
"In this lab, you will review working with arrays and random numbers by building a lunch picker program."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Working with Common Array Methods",
+ "intro": [
+ "In these lecture videos, you will learn about common array methods."
+ ]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
@@ -2673,9 +2691,11 @@
"title": "JavaScript Arrays Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Working with Objects",
+ "intro": [
+ "In these lecture videos, you will learn about working with objects in JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
@@ -2699,9 +2719,11 @@
"Test what you've learned in this quiz on JavaScript Objects."
]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Working with Loops",
+ "intro": [
+ "In these lecture videos, you will learn about working with loops in JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
@@ -2723,9 +2745,11 @@
"title": "JavaScript Loops Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Loops."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Understanding Core JavaScript Fundamentals",
+ "intro": [
+ "In these lecture videos, you will learn more about core JavaScript fundamentals."
+ ]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
@@ -2735,9 +2759,11 @@
"title": "Build a Gradebook App",
"intro": ["For this lab, you will create a gradebook app."]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "The var Keyword and Hoisting",
+ "intro": [
+ "In these lecture videos, you will learn about the var keyword and hoisting in JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
@@ -2745,9 +2771,11 @@
"For this lab, you will build an inventory management program using JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Understanding Modules, Imports, and Exports",
+ "intro": [
+ "In these lecture videos, you will learn about modules, imports, and exports in JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2765,13 +2793,17 @@
"Test what you've learned in this quiz on JavaScript Fundamentals Quiz."
]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Working with Higher Order Functions and Callbacks",
+ "intro": [
+ "In these lecture videos, you will learn about working with higher order functions and callbacks."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Build a Library Manager",
+ "intro": [
+ "In this workshop, you will learn higher order array methods by building a library manager"
+ ]
},
"bxtv": {
"title": "184",
@@ -2789,14 +2821,22 @@
"Test what you've learned in this quiz on JavaScript Higher Order Functions."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Working with the DOM, Click Events, and Web APIs",
+ "intro": [
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
@@ -2815,13 +2855,17 @@
"Test what you've learned in this quiz on DOM Manipulation and Click Events with JavaScript Quiz."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Understanding the Event Object and Event Delegation",
+ "intro": [
+ "In these lecture videos, you will learn about the event object and event delegation."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
@@ -2887,9 +2931,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Build a Spam Filter",
+ "intro": [
+ "Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
+ "In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
@@ -3037,9 +3084,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Build a Shopping Cart",
+ "intro": [
+ "In this workshop you'll create a shopping cart using JavaScript classes.",
+ "You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
+ ]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
@@ -3105,50 +3155,29 @@
"Test what you've learned in this quiz on JavaScript Functional Programming."
]
},
- "lab-quicksort-algorithm": {
- "title": "Build the Quicksort Algorithm",
- "intro": [
- "For this lab, you will implement the Quicksort algorithm using JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Searching and Sorting Algorithms Quiz",
- "intro": [
- "Test what you've learned in this quiz on Searching and Sorting Algorithms."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Build a Roman Numeral Converter",
- "intro": [
- "For this lab, you'll build an application that converts integers to Roman numerals."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Build a Telephone Number Validator",
- "intro": [
- "For this lab, you'll build an application that checks if a number is a valid United States phone number."
- ]
- },
- "lab-cash-register": {
- "title": "Build a Cash Register",
- "intro": ["For this lab, you will build a cash register."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3159,12 +3188,6 @@
"Review the JavaScript Functional Programming concepts to prepare for the upcoming quiz."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "JavaScript Problem Solving and Algorithmic Thinking Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Problem Solving and Algorithmic Thinking."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3206,88 +3229,80 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Introduction to JavaScript Libraries and Frameworks",
+ "intro": [
+ "In these lecture videos, you will get an introduction to JavaScript libraries and frameworks."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "JavaScript Object Oriented Programming Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Object Oriented Programming."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Build a Stack Class",
+ "lecture-working-with-data-in-react": {
+ "title": "Working with Data in React",
"intro": [
- "For this lab, you will build a stack class using JavaScript."
+ "In these lecture videos, you will learn about working with data in React."
]
},
- "lab-linked-list-class": {
- "title": "Build a Linked List Class",
- "intro": [
- "For this lab, you will build a linked list class using JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Build a Hash Table Class",
- "intro": ["For this lab, you will build a hash table using JavaScript."]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "JavaScript Data Structures Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Data Structures."
- ]
+ "quiz-react-basics": {
+ "title": "React Basics Quiz",
+ "intro": ["Test what you've learned in this quiz on React Basics."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Implement the Depth-First Search Algorithm",
- "intro": [
- "For this lab, you will use JavaScript to implement the Depth-First Search algorithm."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Graphs and Trees Quiz",
- "intro": ["Test what you've learned in this quiz on Graphs and Trees."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Build the nth Fibonacci number generator",
- "intro": [
- "For this lab, you will implement the nth Fibonacci number generator."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Dynamic Programming Quiz",
+ "quiz-react-state-and-hooks": {
+ "title": "React State and Hooks Quiz",
"intro": [
- "Test what you've learned in this quiz on Dynamic Programming."
+ "Test what you've learned in this quiz on React State and Hooks."
]
},
+ "ftmi": {
+ "title": "275",
+ "intro": []
+ },
"sgau": {
"title": "276",
"intro": []
@@ -3304,53 +3319,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Build a Pokémon Search App",
- "intro": ["For this project, you will build a Pokémon search app."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Advanced React Quiz",
+ "intro": ["Test what you've learned in this quiz on Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Web Performance Review",
+ "intro": [
+ "Review the Web Performance concepts to prepare for the upcoming quiz."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Web Performance Quiz",
+ "intro": ["Test what you've learned in this quiz on Web Performance."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Review",
+ "intro": [
+ "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
+ ]
},
- "quiz-web-standards": {
- "title": "Web Standards Quiz",
- "intro": ["Test what you've learned in this quiz on Web Standards."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Quiz",
+ "intro": [
+ "Test what you've learned in this quiz on CSS Libraries and Frameworks."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Testing Review",
+ "intro": [
+ "Review the Testing concepts to prepare for the upcoming quiz."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Testing Quiz",
+ "intro": ["Test what you've learned in this quiz on Testing."]
},
"trvf": {
"title": "293",
@@ -3368,104 +3395,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "React Basics Quiz",
- "intro": ["Test what you've learned in this quiz on React Basics."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "React State and Hooks Quiz",
- "intro": [
- "Test what you've learned in this quiz on React State and Hooks."
- ]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Advanced React Quiz",
- "intro": ["Test what you've learned in this quiz on Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Web Performance Review",
- "intro": [
- "Review the Web Performance concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-web-performance": {
- "title": "Web Performance Quiz",
- "intro": ["Test what you've learned in this quiz on Web Performance."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3478,48 +3409,18 @@
"title": "TypeScript Quiz",
"intro": ["Test what you've learned in this quiz on TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Review",
- "intro": [
- "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Quiz",
- "intro": [
- "Test what you've learned in this quiz on CSS Libraries and Frameworks."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Testing Review",
- "intro": [
- "Review the Testing concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-testing": {
- "title": "Testing Quiz",
- "intro": ["Test what you've learned in this quiz on Testing."]
- },
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3539,8 +3440,8 @@
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned in this quiz on Bash Commands."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3568,8 +3469,8 @@
"Test what you've learned in this quiz on Relational Databases."
]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3589,8 +3490,8 @@
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned in this quiz on Bash Scripting."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3642,8 +3543,8 @@
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3661,8 +3562,8 @@
"title": "Nano Quiz",
"intro": ["Test what you've learned in this quiz on Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3698,6 +3599,122 @@
"Review the Relational Databases concepts to prepare for the upcoming quiz."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3706,17 +3723,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Security and Privacy Review",
- "intro": [
- "Review the Security and Privacy concepts to prepare for the upcoming quiz."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Security and Privacy Quiz",
- "intro": [
- "Test what you've learned in this quiz on Security and Privacy."
- ]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3746,6 +3759,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/chinese/translations.json b/client/i18n/locales/chinese/translations.json
index 5b34c17aaeed59..255632d59de3fc 100644
--- a/client/i18n/locales/chinese/translations.json
+++ b/client/i18n/locales/chinese/translations.json
@@ -852,7 +852,7 @@
"expired-link": "你点击的链接似乎已过期，请刷新链接再登录",
"signin-success": "成功了！你已经登录账户。",
"social-auth-gone": "鉴于隐私原因，我们已取消社交账户授权。我们建议你下次使用你的邮箱地址登录：{{email}} 。",
- "name-needed": "我们需要将你的名字放在认证上。在你的账户设置中添加名字，点击保存按钮，然后我们会给你发布认证。",
+ "name-needed": "We need your name to put it on your certification. Please add your name in your profile and click save. Then we can issue your certification.",
"incomplete-steps": "你似乎未完成必要的步骤。请完成必做项目以申请 {{name}} 认证。",
"already-claimed": "你似乎已申请 {{name}} 认证",
"cert-claim-success": "@{{username}}，你已成功申请 {{name}} 认证！代表 freeCodeCamp.org 团队恭喜你！",
diff --git a/client/i18n/locales/espanol/intro.json b/client/i18n/locales/espanol/intro.json
index 6bfdf0611d1917..2c848b10bcd6f5 100644
--- a/client/i18n/locales/espanol/intro.json
+++ b/client/i18n/locales/espanol/intro.json
@@ -1711,9 +1711,11 @@
"By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer."
],
"blocks": {
- "efpl": {
- "title": "0",
- "intro": []
+ "lecture-welcome-to-freecodecamp": {
+ "title": "Welcome to freeCodeCamp",
+ "intro": [
+ "Watch these videos to learn what freeCodeCamp is, and how millions of people have learned to code and gotten developer jobs using it."
+ ]
},
"lecture-what-is-html": {
"title": "What is HTML?",
@@ -2264,7 +2266,8 @@
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
- "Review the CSS Accessibility concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on CSS and accessibility, you first need to review.",
+ "Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
@@ -2427,7 +2430,8 @@
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
- "Review the CSS Grid concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on the fundamentals of CSS Grid, you first need to review.",
+ "Open up this page to review how to work with the different CSS Grid properties like grid-template-columns, grid-gap and more."
]
},
"quiz-css-grid": {
@@ -2440,9 +2444,12 @@
"In these lecture videos, you will learn about animations and accessibility."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Build an Animated Ferris Wheel",
+ "intro": [
+ "You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
+ "In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
+ ]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
@@ -2466,7 +2473,8 @@
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
- "Review the CSS Animations concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with CSS animations, you first need to review.",
+ "Open up this page to review concepts including prefers-reduced-motion, the @keyframes rule and more."
]
},
"quiz-css-animations": {
@@ -2477,7 +2485,10 @@
},
"review-css": {
"title": "CSS Review",
- "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+ "intro": [
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
+ ]
},
"wvjx": {
"title": "127",
@@ -2517,7 +2528,8 @@
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
- "Review the JavaScript Variables and Data Types concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2548,7 +2560,8 @@
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
- "Review the JavaScript Strings concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2649,7 +2662,8 @@
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
- "Review the JavaScript Functions concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
@@ -2658,9 +2672,11 @@
"Test what you've learned in this quiz on JavaScript Functions."
]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Working with Arrays",
+ "intro": [
+ "In these lecture videos, you will learn about working with JavaScript arrays."
+ ]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
@@ -2675,9 +2691,11 @@
"In this lab, you will review working with arrays and random numbers by building a lunch picker program."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Working with Common Array Methods",
+ "intro": [
+ "In these lecture videos, you will learn about common array methods."
+ ]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
@@ -2689,9 +2707,11 @@
"title": "JavaScript Arrays Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Working with Objects",
+ "intro": [
+ "In these lecture videos, you will learn about working with objects in JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
@@ -2715,9 +2735,11 @@
"Test what you've learned in this quiz on JavaScript Objects."
]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Working with Loops",
+ "intro": [
+ "In these lecture videos, you will learn about working with loops in JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
@@ -2739,9 +2761,11 @@
"title": "JavaScript Loops Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Loops."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Understanding Core JavaScript Fundamentals",
+ "intro": [
+ "In these lecture videos, you will learn more about core JavaScript fundamentals."
+ ]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
@@ -2751,9 +2775,11 @@
"title": "Build a Gradebook App",
"intro": ["For this lab, you will create a gradebook app."]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "The var Keyword and Hoisting",
+ "intro": [
+ "In these lecture videos, you will learn about the var keyword and hoisting in JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
@@ -2761,9 +2787,11 @@
"For this lab, you will build an inventory management program using JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Understanding Modules, Imports, and Exports",
+ "intro": [
+ "In these lecture videos, you will learn about modules, imports, and exports in JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2781,13 +2809,17 @@
"Test what you've learned in this quiz on JavaScript Fundamentals Quiz."
]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Working with Higher Order Functions and Callbacks",
+ "intro": [
+ "In these lecture videos, you will learn about working with higher order functions and callbacks."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Build a Library Manager",
+ "intro": [
+ "In this workshop, you will learn higher order array methods by building a library manager"
+ ]
},
"bxtv": {
"title": "184",
@@ -2805,14 +2837,22 @@
"Test what you've learned in this quiz on JavaScript Higher Order Functions."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Working with the DOM, Click Events, and Web APIs",
+ "intro": [
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
@@ -2831,13 +2871,17 @@
"Test what you've learned in this quiz on DOM Manipulation and Click Events with JavaScript Quiz."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Understanding the Event Object and Event Delegation",
+ "intro": [
+ "In these lecture videos, you will learn about the event object and event delegation."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
@@ -2903,9 +2947,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Build a Spam Filter",
+ "intro": [
+ "Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
+ "In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
@@ -3053,9 +3100,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Build a Shopping Cart",
+ "intro": [
+ "In this workshop you'll create a shopping cart using JavaScript classes.",
+ "You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
+ ]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
@@ -3121,50 +3171,29 @@
"Test what you've learned in this quiz on JavaScript Functional Programming."
]
},
- "lab-quicksort-algorithm": {
- "title": "Build the Quicksort Algorithm",
- "intro": [
- "For this lab, you will implement the Quicksort algorithm using JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Searching and Sorting Algorithms Quiz",
- "intro": [
- "Test what you've learned in this quiz on Searching and Sorting Algorithms."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Build a Roman Numeral Converter",
- "intro": [
- "For this lab, you'll build an application that converts integers to Roman numerals."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Build a Telephone Number Validator",
- "intro": [
- "For this lab, you'll build an application that checks if a number is a valid United States phone number."
- ]
- },
- "lab-cash-register": {
- "title": "Build a Cash Register",
- "intro": ["For this lab, you will build a cash register."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3175,12 +3204,6 @@
"Review the JavaScript Functional Programming concepts to prepare for the upcoming quiz."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "JavaScript Problem Solving and Algorithmic Thinking Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Problem Solving and Algorithmic Thinking."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3222,88 +3245,80 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Introduction to JavaScript Libraries and Frameworks",
+ "intro": [
+ "In these lecture videos, you will get an introduction to JavaScript libraries and frameworks."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "JavaScript Object Oriented Programming Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Object Oriented Programming."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Build a Stack Class",
+ "lecture-working-with-data-in-react": {
+ "title": "Working with Data in React",
"intro": [
- "For this lab, you will build a stack class using JavaScript."
+ "In these lecture videos, you will learn about working with data in React."
]
},
- "lab-linked-list-class": {
- "title": "Build a Linked List Class",
- "intro": [
- "For this lab, you will build a linked list class using JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Build a Hash Table Class",
- "intro": ["For this lab, you will build a hash table using JavaScript."]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "JavaScript Data Structures Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Data Structures."
- ]
+ "quiz-react-basics": {
+ "title": "React Basics Quiz",
+ "intro": ["Test what you've learned in this quiz on React Basics."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Implement the Depth-First Search Algorithm",
- "intro": [
- "For this lab, you will use JavaScript to implement the Depth-First Search algorithm."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Graphs and Trees Quiz",
- "intro": ["Test what you've learned in this quiz on Graphs and Trees."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Build the nth Fibonacci number generator",
- "intro": [
- "For this lab, you will implement the nth Fibonacci number generator."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Dynamic Programming Quiz",
+ "quiz-react-state-and-hooks": {
+ "title": "React State and Hooks Quiz",
"intro": [
- "Test what you've learned in this quiz on Dynamic Programming."
+ "Test what you've learned in this quiz on React State and Hooks."
]
},
+ "ftmi": {
+ "title": "275",
+ "intro": []
+ },
"sgau": {
"title": "276",
"intro": []
@@ -3320,53 +3335,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Build a Pokémon Search App",
- "intro": ["For this project, you will build a Pokémon search app."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Advanced React Quiz",
+ "intro": ["Test what you've learned in this quiz on Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Web Performance Review",
+ "intro": [
+ "Review the Web Performance concepts to prepare for the upcoming quiz."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Web Performance Quiz",
+ "intro": ["Test what you've learned in this quiz on Web Performance."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Review",
+ "intro": [
+ "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
+ ]
},
- "quiz-web-standards": {
- "title": "Web Standards Quiz",
- "intro": ["Test what you've learned in this quiz on Web Standards."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Quiz",
+ "intro": [
+ "Test what you've learned in this quiz on CSS Libraries and Frameworks."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Testing Review",
+ "intro": [
+ "Review the Testing concepts to prepare for the upcoming quiz."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Testing Quiz",
+ "intro": ["Test what you've learned in this quiz on Testing."]
},
"trvf": {
"title": "293",
@@ -3384,104 +3411,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "React Basics Quiz",
- "intro": ["Test what you've learned in this quiz on React Basics."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "React State and Hooks Quiz",
- "intro": [
- "Test what you've learned in this quiz on React State and Hooks."
- ]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Advanced React Quiz",
- "intro": ["Test what you've learned in this quiz on Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Web Performance Review",
- "intro": [
- "Review the Web Performance concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-web-performance": {
- "title": "Web Performance Quiz",
- "intro": ["Test what you've learned in this quiz on Web Performance."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3494,48 +3425,18 @@
"title": "TypeScript Quiz",
"intro": ["Test what you've learned in this quiz on TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Review",
- "intro": [
- "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Quiz",
- "intro": [
- "Test what you've learned in this quiz on CSS Libraries and Frameworks."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Testing Review",
- "intro": [
- "Review the Testing concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-testing": {
- "title": "Testing Quiz",
- "intro": ["Test what you've learned in this quiz on Testing."]
- },
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3555,8 +3456,8 @@
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned in this quiz on Bash Commands."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3584,8 +3485,8 @@
"Test what you've learned in this quiz on Relational Databases."
]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3605,8 +3506,8 @@
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned in this quiz on Bash Scripting."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3658,8 +3559,8 @@
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3677,8 +3578,8 @@
"title": "Nano Quiz",
"intro": ["Test what you've learned in this quiz on Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3714,6 +3615,122 @@
"Review the Relational Databases concepts to prepare for the upcoming quiz."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3722,17 +3739,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Security and Privacy Review",
- "intro": [
- "Review the Security and Privacy concepts to prepare for the upcoming quiz."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Security and Privacy Quiz",
- "intro": [
- "Test what you've learned in this quiz on Security and Privacy."
- ]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3762,6 +3775,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/espanol/translations.json b/client/i18n/locales/espanol/translations.json
index a326085c33fb14..cf91bb06b54d37 100644
--- a/client/i18n/locales/espanol/translations.json
+++ b/client/i18n/locales/espanol/translations.json
@@ -852,7 +852,7 @@
"expired-link": "Parece que el enlace en el que hiciste clic ha expirado, solicita un enlace nuevo para iniciar sesión",
"signin-success": "¡Éxito! Has iniciado sesión en tu cuenta. ¡Feliz día programando!",
"social-auth-gone": "Nos estamos alejando de la autenticación social por razones de privacidad. La próxima vez, te recomendamos que utilices tu dirección de correo electrónico: {{email}} para iniciar sesión.",
- "name-needed": "Necesitamos tu nombre para poder incluirlo en tu certificación. Agrega tu nombre a los ajustes de tu cuenta y haz clic en el botón Guardar. Entonces podremos emitir tu certificación.",
+ "name-needed": "We need your name to put it on your certification. Please add your name in your profile and click save. Then we can issue your certification.",
"incomplete-steps": "Parece que no has completado los pasos necesarios. Por favor, completa los proyectos requeridos para reclamar la certificación {{name}}.",
"already-claimed": "Parece que ya has reclamado la certificación {{name}}",
"cert-claim-success": "¡@{{username}}, has reclamado con éxito la certificación {{name}}! ¡Felicitaciones en nombre del equipo de freeCodeCamp.org!",
diff --git a/client/i18n/locales/german/intro.json b/client/i18n/locales/german/intro.json
index 2c20f172d77cc4..40a7dd0f7f0242 100644
--- a/client/i18n/locales/german/intro.json
+++ b/client/i18n/locales/german/intro.json
@@ -1709,9 +1709,11 @@
"By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer."
],
"blocks": {
- "efpl": {
- "title": "0",
- "intro": []
+ "lecture-welcome-to-freecodecamp": {
+ "title": "Welcome to freeCodeCamp",
+ "intro": [
+ "Watch these videos to learn what freeCodeCamp is, and how millions of people have learned to code and gotten developer jobs using it."
+ ]
},
"lecture-what-is-html": {
"title": "What is HTML?",
@@ -2262,7 +2264,8 @@
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
- "Review the CSS Accessibility concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on CSS and accessibility, you first need to review.",
+ "Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
@@ -2425,7 +2428,8 @@
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
- "Review the CSS Grid concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on the fundamentals of CSS Grid, you first need to review.",
+ "Open up this page to review how to work with the different CSS Grid properties like grid-template-columns, grid-gap and more."
]
},
"quiz-css-grid": {
@@ -2438,9 +2442,12 @@
"In these lecture videos, you will learn about animations and accessibility."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Build an Animated Ferris Wheel",
+ "intro": [
+ "You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
+ "In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
+ ]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
@@ -2464,7 +2471,8 @@
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
- "Review the CSS Animations concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with CSS animations, you first need to review.",
+ "Open up this page to review concepts including prefers-reduced-motion, the @keyframes rule and more."
]
},
"quiz-css-animations": {
@@ -2475,7 +2483,10 @@
},
"review-css": {
"title": "CSS Review",
- "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+ "intro": [
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
+ ]
},
"wvjx": {
"title": "127",
@@ -2515,7 +2526,8 @@
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
- "Review the JavaScript Variables and Data Types concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2546,7 +2558,8 @@
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
- "Review the JavaScript Strings concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2647,7 +2660,8 @@
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
- "Review the JavaScript Functions concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
@@ -2656,9 +2670,11 @@
"Test what you've learned in this quiz on JavaScript Functions."
]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Working with Arrays",
+ "intro": [
+ "In these lecture videos, you will learn about working with JavaScript arrays."
+ ]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
@@ -2673,9 +2689,11 @@
"In this lab, you will review working with arrays and random numbers by building a lunch picker program."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Working with Common Array Methods",
+ "intro": [
+ "In these lecture videos, you will learn about common array methods."
+ ]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
@@ -2687,9 +2705,11 @@
"title": "JavaScript Arrays Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Working with Objects",
+ "intro": [
+ "In these lecture videos, you will learn about working with objects in JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
@@ -2713,9 +2733,11 @@
"Test what you've learned in this quiz on JavaScript Objects."
]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Working with Loops",
+ "intro": [
+ "In these lecture videos, you will learn about working with loops in JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
@@ -2737,9 +2759,11 @@
"title": "JavaScript Loops Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Loops."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Understanding Core JavaScript Fundamentals",
+ "intro": [
+ "In these lecture videos, you will learn more about core JavaScript fundamentals."
+ ]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
@@ -2749,9 +2773,11 @@
"title": "Build a Gradebook App",
"intro": ["For this lab, you will create a gradebook app."]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "The var Keyword and Hoisting",
+ "intro": [
+ "In these lecture videos, you will learn about the var keyword and hoisting in JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
@@ -2759,9 +2785,11 @@
"For this lab, you will build an inventory management program using JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Understanding Modules, Imports, and Exports",
+ "intro": [
+ "In these lecture videos, you will learn about modules, imports, and exports in JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2779,13 +2807,17 @@
"Test what you've learned in this quiz on JavaScript Fundamentals Quiz."
]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Working with Higher Order Functions and Callbacks",
+ "intro": [
+ "In these lecture videos, you will learn about working with higher order functions and callbacks."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Build a Library Manager",
+ "intro": [
+ "In this workshop, you will learn higher order array methods by building a library manager"
+ ]
},
"bxtv": {
"title": "184",
@@ -2803,14 +2835,22 @@
"Test what you've learned in this quiz on JavaScript Higher Order Functions."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Working with the DOM, Click Events, and Web APIs",
+ "intro": [
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
@@ -2829,13 +2869,17 @@
"Test what you've learned in this quiz on DOM Manipulation and Click Events with JavaScript Quiz."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Understanding the Event Object and Event Delegation",
+ "intro": [
+ "In these lecture videos, you will learn about the event object and event delegation."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
@@ -2901,9 +2945,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Build a Spam Filter",
+ "intro": [
+ "Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
+ "In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
@@ -3051,9 +3098,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Build a Shopping Cart",
+ "intro": [
+ "In this workshop you'll create a shopping cart using JavaScript classes.",
+ "You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
+ ]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
@@ -3119,50 +3169,29 @@
"Test what you've learned in this quiz on JavaScript Functional Programming."
]
},
- "lab-quicksort-algorithm": {
- "title": "Build the Quicksort Algorithm",
- "intro": [
- "For this lab, you will implement the Quicksort algorithm using JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Searching and Sorting Algorithms Quiz",
- "intro": [
- "Test what you've learned in this quiz on Searching and Sorting Algorithms."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Build a Roman Numeral Converter",
- "intro": [
- "For this lab, you'll build an application that converts integers to Roman numerals."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Build a Telephone Number Validator",
- "intro": [
- "For this lab, you'll build an application that checks if a number is a valid United States phone number."
- ]
- },
- "lab-cash-register": {
- "title": "Build a Cash Register",
- "intro": ["For this lab, you will build a cash register."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3173,12 +3202,6 @@
"Review the JavaScript Functional Programming concepts to prepare for the upcoming quiz."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "JavaScript Problem Solving and Algorithmic Thinking Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Problem Solving and Algorithmic Thinking."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3220,88 +3243,80 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Introduction to JavaScript Libraries and Frameworks",
+ "intro": [
+ "In these lecture videos, you will get an introduction to JavaScript libraries and frameworks."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "JavaScript Object Oriented Programming Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Object Oriented Programming."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Build a Stack Class",
+ "lecture-working-with-data-in-react": {
+ "title": "Working with Data in React",
"intro": [
- "For this lab, you will build a stack class using JavaScript."
+ "In these lecture videos, you will learn about working with data in React."
]
},
- "lab-linked-list-class": {
- "title": "Build a Linked List Class",
- "intro": [
- "For this lab, you will build a linked list class using JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Build a Hash Table Class",
- "intro": ["For this lab, you will build a hash table using JavaScript."]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "JavaScript Data Structures Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Data Structures."
- ]
+ "quiz-react-basics": {
+ "title": "React Basics Quiz",
+ "intro": ["Test what you've learned in this quiz on React Basics."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Implement the Depth-First Search Algorithm",
- "intro": [
- "For this lab, you will use JavaScript to implement the Depth-First Search algorithm."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Graphs and Trees Quiz",
- "intro": ["Test what you've learned in this quiz on Graphs and Trees."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Build the nth Fibonacci number generator",
- "intro": [
- "For this lab, you will implement the nth Fibonacci number generator."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Dynamic Programming Quiz",
+ "quiz-react-state-and-hooks": {
+ "title": "React State and Hooks Quiz",
"intro": [
- "Test what you've learned in this quiz on Dynamic Programming."
+ "Test what you've learned in this quiz on React State and Hooks."
]
},
+ "ftmi": {
+ "title": "275",
+ "intro": []
+ },
"sgau": {
"title": "276",
"intro": []
@@ -3318,53 +3333,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Build a Pokémon Search App",
- "intro": ["For this project, you will build a Pokémon search app."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Advanced React Quiz",
+ "intro": ["Test what you've learned in this quiz on Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Web Performance Review",
+ "intro": [
+ "Review the Web Performance concepts to prepare for the upcoming quiz."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Web Performance Quiz",
+ "intro": ["Test what you've learned in this quiz on Web Performance."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Review",
+ "intro": [
+ "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
+ ]
},
- "quiz-web-standards": {
- "title": "Web Standards Quiz",
- "intro": ["Test what you've learned in this quiz on Web Standards."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Quiz",
+ "intro": [
+ "Test what you've learned in this quiz on CSS Libraries and Frameworks."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Testing Review",
+ "intro": [
+ "Review the Testing concepts to prepare for the upcoming quiz."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Testing Quiz",
+ "intro": ["Test what you've learned in this quiz on Testing."]
},
"trvf": {
"title": "293",
@@ -3382,104 +3409,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "React Basics Quiz",
- "intro": ["Test what you've learned in this quiz on React Basics."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "React State and Hooks Quiz",
- "intro": [
- "Test what you've learned in this quiz on React State and Hooks."
- ]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Advanced React Quiz",
- "intro": ["Test what you've learned in this quiz on Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Web Performance Review",
- "intro": [
- "Review the Web Performance concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-web-performance": {
- "title": "Web Performance Quiz",
- "intro": ["Test what you've learned in this quiz on Web Performance."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3492,48 +3423,18 @@
"title": "TypeScript Quiz",
"intro": ["Test what you've learned in this quiz on TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Review",
- "intro": [
- "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Quiz",
- "intro": [
- "Test what you've learned in this quiz on CSS Libraries and Frameworks."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Testing Review",
- "intro": [
- "Review the Testing concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-testing": {
- "title": "Testing Quiz",
- "intro": ["Test what you've learned in this quiz on Testing."]
- },
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3553,8 +3454,8 @@
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned in this quiz on Bash Commands."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3582,8 +3483,8 @@
"Test what you've learned in this quiz on Relational Databases."
]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3603,8 +3504,8 @@
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned in this quiz on Bash Scripting."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3656,8 +3557,8 @@
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3675,8 +3576,8 @@
"title": "Nano Quiz",
"intro": ["Test what you've learned in this quiz on Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3712,6 +3613,122 @@
"Review the Relational Databases concepts to prepare for the upcoming quiz."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3720,17 +3737,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Security and Privacy Review",
- "intro": [
- "Review the Security and Privacy concepts to prepare for the upcoming quiz."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Security and Privacy Quiz",
- "intro": [
- "Test what you've learned in this quiz on Security and Privacy."
- ]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3760,6 +3773,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/german/translations.json b/client/i18n/locales/german/translations.json
index 952ca7cca11657..b1106f40bdb9b1 100644
--- a/client/i18n/locales/german/translations.json
+++ b/client/i18n/locales/german/translations.json
@@ -852,7 +852,7 @@
"expired-link": "Es sieht so aus, als ob der Link, den du geklickt hast, abgelaufen wäre. Bitte fordere einen neuen Link an, um dich anzumelden.",
"signin-success": "Geschafft! Du hast dich in deinem Konto angemeldet. Viel Spaß beim Programmieren!",
"social-auth-gone": "Aus Gründen des Datenschutzes verabschieden wir uns von der sozialen Authentifizierung. Beim nächsten Mal empfehlen wir, deine E-Mail-Adresse zu verwenden: {{email}}, um sich stattdessen anzumelden.",
- "name-needed": "Wir benötigen deinen Namen, damit wir ihn auf deinem Zertifikat eintragen können. Füge deinen Namen zu deinen Kontoeinstellungen hinzu und klicke auf den Speichern-Button. Dann können wir dein Zertifikat ausstellen.",
+ "name-needed": "We need your name to put it on your certification. Please add your name in your profile and click save. Then we can issue your certification.",
"incomplete-steps": "Es sieht so aus, als hättest du die notwendigen Schritte nicht abgeschlossen. Bitte vervollständige die erforderlichen Projekte, um die {{name}} Zertifizierung zu erhalten.",
"already-claimed": "Es sieht so aus, als hättest du bereits die {{name}} Zertifizierung erhalten",
"cert-claim-success": "@{{username}}, du hast erfolgreich die {{name}} Zertifizierung bestanden! Herzlichen Glückwunsch im Namen des freeCodeCamp.org Teams!",
diff --git a/client/i18n/locales/italian/intro.json b/client/i18n/locales/italian/intro.json
index 69bbe612cddc52..743d6575c1c205 100644
--- a/client/i18n/locales/italian/intro.json
+++ b/client/i18n/locales/italian/intro.json
@@ -1709,9 +1709,11 @@
"By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer."
],
"blocks": {
- "efpl": {
- "title": "0",
- "intro": []
+ "lecture-welcome-to-freecodecamp": {
+ "title": "Welcome to freeCodeCamp",
+ "intro": [
+ "Watch these videos to learn what freeCodeCamp is, and how millions of people have learned to code and gotten developer jobs using it."
+ ]
},
"lecture-what-is-html": {
"title": "What is HTML?",
@@ -2262,7 +2264,8 @@
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
- "Review the CSS Accessibility concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on CSS and accessibility, you first need to review.",
+ "Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
@@ -2425,7 +2428,8 @@
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
- "Review the CSS Grid concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on the fundamentals of CSS Grid, you first need to review.",
+ "Open up this page to review how to work with the different CSS Grid properties like grid-template-columns, grid-gap and more."
]
},
"quiz-css-grid": {
@@ -2438,9 +2442,12 @@
"In these lecture videos, you will learn about animations and accessibility."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Build an Animated Ferris Wheel",
+ "intro": [
+ "You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
+ "In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
+ ]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
@@ -2464,7 +2471,8 @@
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
- "Review the CSS Animations concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with CSS animations, you first need to review.",
+ "Open up this page to review concepts including prefers-reduced-motion, the @keyframes rule and more."
]
},
"quiz-css-animations": {
@@ -2475,7 +2483,10 @@
},
"review-css": {
"title": "CSS Review",
- "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+ "intro": [
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
+ ]
},
"wvjx": {
"title": "127",
@@ -2515,7 +2526,8 @@
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
- "Review the JavaScript Variables and Data Types concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2546,7 +2558,8 @@
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
- "Review the JavaScript Strings concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2647,7 +2660,8 @@
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
- "Review the JavaScript Functions concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
@@ -2656,9 +2670,11 @@
"Test what you've learned in this quiz on JavaScript Functions."
]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Working with Arrays",
+ "intro": [
+ "In these lecture videos, you will learn about working with JavaScript arrays."
+ ]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
@@ -2673,9 +2689,11 @@
"In this lab, you will review working with arrays and random numbers by building a lunch picker program."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Working with Common Array Methods",
+ "intro": [
+ "In these lecture videos, you will learn about common array methods."
+ ]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
@@ -2687,9 +2705,11 @@
"title": "JavaScript Arrays Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Working with Objects",
+ "intro": [
+ "In these lecture videos, you will learn about working with objects in JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
@@ -2713,9 +2733,11 @@
"Test what you've learned in this quiz on JavaScript Objects."
]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Working with Loops",
+ "intro": [
+ "In these lecture videos, you will learn about working with loops in JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
@@ -2737,9 +2759,11 @@
"title": "JavaScript Loops Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Loops."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Understanding Core JavaScript Fundamentals",
+ "intro": [
+ "In these lecture videos, you will learn more about core JavaScript fundamentals."
+ ]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
@@ -2749,9 +2773,11 @@
"title": "Build a Gradebook App",
"intro": ["For this lab, you will create a gradebook app."]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "The var Keyword and Hoisting",
+ "intro": [
+ "In these lecture videos, you will learn about the var keyword and hoisting in JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
@@ -2759,9 +2785,11 @@
"For this lab, you will build an inventory management program using JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Understanding Modules, Imports, and Exports",
+ "intro": [
+ "In these lecture videos, you will learn about modules, imports, and exports in JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2779,13 +2807,17 @@
"Test what you've learned in this quiz on JavaScript Fundamentals Quiz."
]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Working with Higher Order Functions and Callbacks",
+ "intro": [
+ "In these lecture videos, you will learn about working with higher order functions and callbacks."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Build a Library Manager",
+ "intro": [
+ "In this workshop, you will learn higher order array methods by building a library manager"
+ ]
},
"bxtv": {
"title": "184",
@@ -2803,14 +2835,22 @@
"Test what you've learned in this quiz on JavaScript Higher Order Functions."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Working with the DOM, Click Events, and Web APIs",
+ "intro": [
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
@@ -2829,13 +2869,17 @@
"Test what you've learned in this quiz on DOM Manipulation and Click Events with JavaScript Quiz."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Understanding the Event Object and Event Delegation",
+ "intro": [
+ "In these lecture videos, you will learn about the event object and event delegation."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
@@ -2901,9 +2945,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Build a Spam Filter",
+ "intro": [
+ "Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
+ "In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
@@ -3051,9 +3098,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Build a Shopping Cart",
+ "intro": [
+ "In this workshop you'll create a shopping cart using JavaScript classes.",
+ "You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
+ ]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
@@ -3119,50 +3169,29 @@
"Test what you've learned in this quiz on JavaScript Functional Programming."
]
},
- "lab-quicksort-algorithm": {
- "title": "Build the Quicksort Algorithm",
- "intro": [
- "For this lab, you will implement the Quicksort algorithm using JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Searching and Sorting Algorithms Quiz",
- "intro": [
- "Test what you've learned in this quiz on Searching and Sorting Algorithms."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Build a Roman Numeral Converter",
- "intro": [
- "For this lab, you'll build an application that converts integers to Roman numerals."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Build a Telephone Number Validator",
- "intro": [
- "For this lab, you'll build an application that checks if a number is a valid United States phone number."
- ]
- },
- "lab-cash-register": {
- "title": "Build a Cash Register",
- "intro": ["For this lab, you will build a cash register."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3173,12 +3202,6 @@
"Review the JavaScript Functional Programming concepts to prepare for the upcoming quiz."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "JavaScript Problem Solving and Algorithmic Thinking Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Problem Solving and Algorithmic Thinking."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3220,88 +3243,80 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Introduction to JavaScript Libraries and Frameworks",
+ "intro": [
+ "In these lecture videos, you will get an introduction to JavaScript libraries and frameworks."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "JavaScript Object Oriented Programming Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Object Oriented Programming."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Build a Stack Class",
+ "lecture-working-with-data-in-react": {
+ "title": "Working with Data in React",
"intro": [
- "For this lab, you will build a stack class using JavaScript."
+ "In these lecture videos, you will learn about working with data in React."
]
},
- "lab-linked-list-class": {
- "title": "Build a Linked List Class",
- "intro": [
- "For this lab, you will build a linked list class using JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Build a Hash Table Class",
- "intro": ["For this lab, you will build a hash table using JavaScript."]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "JavaScript Data Structures Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Data Structures."
- ]
+ "quiz-react-basics": {
+ "title": "React Basics Quiz",
+ "intro": ["Test what you've learned in this quiz on React Basics."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Implement the Depth-First Search Algorithm",
- "intro": [
- "For this lab, you will use JavaScript to implement the Depth-First Search algorithm."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Graphs and Trees Quiz",
- "intro": ["Test what you've learned in this quiz on Graphs and Trees."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Build the nth Fibonacci number generator",
- "intro": [
- "For this lab, you will implement the nth Fibonacci number generator."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Dynamic Programming Quiz",
+ "quiz-react-state-and-hooks": {
+ "title": "React State and Hooks Quiz",
"intro": [
- "Test what you've learned in this quiz on Dynamic Programming."
+ "Test what you've learned in this quiz on React State and Hooks."
]
},
+ "ftmi": {
+ "title": "275",
+ "intro": []
+ },
"sgau": {
"title": "276",
"intro": []
@@ -3318,53 +3333,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Build a Pokémon Search App",
- "intro": ["For this project, you will build a Pokémon search app."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Advanced React Quiz",
+ "intro": ["Test what you've learned in this quiz on Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Web Performance Review",
+ "intro": [
+ "Review the Web Performance concepts to prepare for the upcoming quiz."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Web Performance Quiz",
+ "intro": ["Test what you've learned in this quiz on Web Performance."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Review",
+ "intro": [
+ "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
+ ]
},
- "quiz-web-standards": {
- "title": "Web Standards Quiz",
- "intro": ["Test what you've learned in this quiz on Web Standards."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Quiz",
+ "intro": [
+ "Test what you've learned in this quiz on CSS Libraries and Frameworks."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Testing Review",
+ "intro": [
+ "Review the Testing concepts to prepare for the upcoming quiz."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Testing Quiz",
+ "intro": ["Test what you've learned in this quiz on Testing."]
},
"trvf": {
"title": "293",
@@ -3382,104 +3409,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "React Basics Quiz",
- "intro": ["Test what you've learned in this quiz on React Basics."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "React State and Hooks Quiz",
- "intro": [
- "Test what you've learned in this quiz on React State and Hooks."
- ]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Advanced React Quiz",
- "intro": ["Test what you've learned in this quiz on Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Web Performance Review",
- "intro": [
- "Review the Web Performance concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-web-performance": {
- "title": "Web Performance Quiz",
- "intro": ["Test what you've learned in this quiz on Web Performance."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3492,48 +3423,18 @@
"title": "TypeScript Quiz",
"intro": ["Test what you've learned in this quiz on TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Review",
- "intro": [
- "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Quiz",
- "intro": [
- "Test what you've learned in this quiz on CSS Libraries and Frameworks."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Testing Review",
- "intro": [
- "Review the Testing concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-testing": {
- "title": "Testing Quiz",
- "intro": ["Test what you've learned in this quiz on Testing."]
- },
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3553,8 +3454,8 @@
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned in this quiz on Bash Commands."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3582,8 +3483,8 @@
"Test what you've learned in this quiz on Relational Databases."
]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3603,8 +3504,8 @@
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned in this quiz on Bash Scripting."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3656,8 +3557,8 @@
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3675,8 +3576,8 @@
"title": "Nano Quiz",
"intro": ["Test what you've learned in this quiz on Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3712,6 +3613,122 @@
"Review the Relational Databases concepts to prepare for the upcoming quiz."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3720,17 +3737,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Security and Privacy Review",
- "intro": [
- "Review the Security and Privacy concepts to prepare for the upcoming quiz."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Security and Privacy Quiz",
- "intro": [
- "Test what you've learned in this quiz on Security and Privacy."
- ]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3760,6 +3773,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/italian/translations.json b/client/i18n/locales/italian/translations.json
index 08e559b1737fb9..0a08acf5abd5b3 100644
--- a/client/i18n/locales/italian/translations.json
+++ b/client/i18n/locales/italian/translations.json
@@ -852,7 +852,7 @@
"expired-link": "Sembra che il link che hai cliccato sia scaduto, ti preghiamo di richiedere un nuovo link per accedere",
"signin-success": "Successo! Hai effettuato l'accesso al tuo account. Happy Coding!",
"social-auth-gone": "Ci stiamo allontanando dall'autenticazione social per motivi di privacy. La prossima volta ti consigliamo di utilizzare il tuo indirizzo email: {{email}} per accedere.",
- "name-needed": "Abbiamo bisogno del tuo nome per poterlo mettere sulla tua certificazione. Aggiungi il tuo nome alle impostazioni del tuo account e fai clic sul pulsante Salva. A quel punto potremo rilasciare la certificazione.",
+ "name-needed": "We need your name to put it on your certification. Please add your name in your profile and click save. Then we can issue your certification.",
"incomplete-steps": "Sembra che tu non abbia completato i passaggi necessari. Per favore completa i progetti richiesti per richiedere la Certificazione {{name}}.",
"already-claimed": "Sembra che tu abbia già richiesto la Certificazione {{name}}",
"cert-claim-success": "@{{username}}, hai richiesto con successo la Certificazione {{name}} ! Congratulazioni per conto del team freeCodeCamp.org!",
diff --git a/client/i18n/locales/japanese/intro.json b/client/i18n/locales/japanese/intro.json
index eeccc7d6b794c7..62906463a5446a 100644
--- a/client/i18n/locales/japanese/intro.json
+++ b/client/i18n/locales/japanese/intro.json
@@ -1709,9 +1709,11 @@
"By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer."
],
"blocks": {
- "efpl": {
- "title": "0",
- "intro": []
+ "lecture-welcome-to-freecodecamp": {
+ "title": "Welcome to freeCodeCamp",
+ "intro": [
+ "Watch these videos to learn what freeCodeCamp is, and how millions of people have learned to code and gotten developer jobs using it."
+ ]
},
"lecture-what-is-html": {
"title": "What is HTML?",
@@ -2262,7 +2264,8 @@
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
- "Review the CSS Accessibility concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on CSS and accessibility, you first need to review.",
+ "Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
@@ -2425,7 +2428,8 @@
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
- "Review the CSS Grid concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on the fundamentals of CSS Grid, you first need to review.",
+ "Open up this page to review how to work with the different CSS Grid properties like grid-template-columns, grid-gap and more."
]
},
"quiz-css-grid": {
@@ -2438,9 +2442,12 @@
"In these lecture videos, you will learn about animations and accessibility."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Build an Animated Ferris Wheel",
+ "intro": [
+ "You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
+ "In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
+ ]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
@@ -2464,7 +2471,8 @@
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
- "Review the CSS Animations concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with CSS animations, you first need to review.",
+ "Open up this page to review concepts including prefers-reduced-motion, the @keyframes rule and more."
]
},
"quiz-css-animations": {
@@ -2475,7 +2483,10 @@
},
"review-css": {
"title": "CSS Review",
- "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+ "intro": [
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
+ ]
},
"wvjx": {
"title": "127",
@@ -2515,7 +2526,8 @@
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
- "Review the JavaScript Variables and Data Types concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2546,7 +2558,8 @@
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
- "Review the JavaScript Strings concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2647,7 +2660,8 @@
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
- "Review the JavaScript Functions concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
@@ -2656,9 +2670,11 @@
"Test what you've learned in this quiz on JavaScript Functions."
]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Working with Arrays",
+ "intro": [
+ "In these lecture videos, you will learn about working with JavaScript arrays."
+ ]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
@@ -2673,9 +2689,11 @@
"In this lab, you will review working with arrays and random numbers by building a lunch picker program."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Working with Common Array Methods",
+ "intro": [
+ "In these lecture videos, you will learn about common array methods."
+ ]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
@@ -2687,9 +2705,11 @@
"title": "JavaScript Arrays Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Working with Objects",
+ "intro": [
+ "In these lecture videos, you will learn about working with objects in JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
@@ -2713,9 +2733,11 @@
"Test what you've learned in this quiz on JavaScript Objects."
]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Working with Loops",
+ "intro": [
+ "In these lecture videos, you will learn about working with loops in JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
@@ -2737,9 +2759,11 @@
"title": "JavaScript Loops Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Loops."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Understanding Core JavaScript Fundamentals",
+ "intro": [
+ "In these lecture videos, you will learn more about core JavaScript fundamentals."
+ ]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
@@ -2749,9 +2773,11 @@
"title": "Build a Gradebook App",
"intro": ["For this lab, you will create a gradebook app."]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "The var Keyword and Hoisting",
+ "intro": [
+ "In these lecture videos, you will learn about the var keyword and hoisting in JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
@@ -2759,9 +2785,11 @@
"For this lab, you will build an inventory management program using JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Understanding Modules, Imports, and Exports",
+ "intro": [
+ "In these lecture videos, you will learn about modules, imports, and exports in JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2779,13 +2807,17 @@
"Test what you've learned in this quiz on JavaScript Fundamentals Quiz."
]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Working with Higher Order Functions and Callbacks",
+ "intro": [
+ "In these lecture videos, you will learn about working with higher order functions and callbacks."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Build a Library Manager",
+ "intro": [
+ "In this workshop, you will learn higher order array methods by building a library manager"
+ ]
},
"bxtv": {
"title": "184",
@@ -2803,14 +2835,22 @@
"Test what you've learned in this quiz on JavaScript Higher Order Functions."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Working with the DOM, Click Events, and Web APIs",
+ "intro": [
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
@@ -2829,13 +2869,17 @@
"Test what you've learned in this quiz on DOM Manipulation and Click Events with JavaScript Quiz."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Understanding the Event Object and Event Delegation",
+ "intro": [
+ "In these lecture videos, you will learn about the event object and event delegation."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
@@ -2901,9 +2945,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Build a Spam Filter",
+ "intro": [
+ "Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
+ "In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
@@ -3051,9 +3098,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Build a Shopping Cart",
+ "intro": [
+ "In this workshop you'll create a shopping cart using JavaScript classes.",
+ "You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
+ ]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
@@ -3119,50 +3169,29 @@
"Test what you've learned in this quiz on JavaScript Functional Programming."
]
},
- "lab-quicksort-algorithm": {
- "title": "Build the Quicksort Algorithm",
- "intro": [
- "For this lab, you will implement the Quicksort algorithm using JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Searching and Sorting Algorithms Quiz",
- "intro": [
- "Test what you've learned in this quiz on Searching and Sorting Algorithms."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Build a Roman Numeral Converter",
- "intro": [
- "For this lab, you'll build an application that converts integers to Roman numerals."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Build a Telephone Number Validator",
- "intro": [
- "For this lab, you'll build an application that checks if a number is a valid United States phone number."
- ]
- },
- "lab-cash-register": {
- "title": "Build a Cash Register",
- "intro": ["For this lab, you will build a cash register."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3173,12 +3202,6 @@
"Review the JavaScript Functional Programming concepts to prepare for the upcoming quiz."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "JavaScript Problem Solving and Algorithmic Thinking Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Problem Solving and Algorithmic Thinking."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3220,88 +3243,80 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Introduction to JavaScript Libraries and Frameworks",
+ "intro": [
+ "In these lecture videos, you will get an introduction to JavaScript libraries and frameworks."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "JavaScript Object Oriented Programming Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Object Oriented Programming."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Build a Stack Class",
+ "lecture-working-with-data-in-react": {
+ "title": "Working with Data in React",
"intro": [
- "For this lab, you will build a stack class using JavaScript."
+ "In these lecture videos, you will learn about working with data in React."
]
},
- "lab-linked-list-class": {
- "title": "Build a Linked List Class",
- "intro": [
- "For this lab, you will build a linked list class using JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Build a Hash Table Class",
- "intro": ["For this lab, you will build a hash table using JavaScript."]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "JavaScript Data Structures Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Data Structures."
- ]
+ "quiz-react-basics": {
+ "title": "React Basics Quiz",
+ "intro": ["Test what you've learned in this quiz on React Basics."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Implement the Depth-First Search Algorithm",
- "intro": [
- "For this lab, you will use JavaScript to implement the Depth-First Search algorithm."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Graphs and Trees Quiz",
- "intro": ["Test what you've learned in this quiz on Graphs and Trees."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Build the nth Fibonacci number generator",
- "intro": [
- "For this lab, you will implement the nth Fibonacci number generator."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Dynamic Programming Quiz",
+ "quiz-react-state-and-hooks": {
+ "title": "React State and Hooks Quiz",
"intro": [
- "Test what you've learned in this quiz on Dynamic Programming."
+ "Test what you've learned in this quiz on React State and Hooks."
]
},
+ "ftmi": {
+ "title": "275",
+ "intro": []
+ },
"sgau": {
"title": "276",
"intro": []
@@ -3318,53 +3333,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Build a Pokémon Search App",
- "intro": ["For this project, you will build a Pokémon search app."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Advanced React Quiz",
+ "intro": ["Test what you've learned in this quiz on Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Web Performance Review",
+ "intro": [
+ "Review the Web Performance concepts to prepare for the upcoming quiz."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Web Performance Quiz",
+ "intro": ["Test what you've learned in this quiz on Web Performance."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Review",
+ "intro": [
+ "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
+ ]
},
- "quiz-web-standards": {
- "title": "Web Standards Quiz",
- "intro": ["Test what you've learned in this quiz on Web Standards."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Quiz",
+ "intro": [
+ "Test what you've learned in this quiz on CSS Libraries and Frameworks."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Testing Review",
+ "intro": [
+ "Review the Testing concepts to prepare for the upcoming quiz."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Testing Quiz",
+ "intro": ["Test what you've learned in this quiz on Testing."]
},
"trvf": {
"title": "293",
@@ -3382,104 +3409,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "React Basics Quiz",
- "intro": ["Test what you've learned in this quiz on React Basics."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "React State and Hooks Quiz",
- "intro": [
- "Test what you've learned in this quiz on React State and Hooks."
- ]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Advanced React Quiz",
- "intro": ["Test what you've learned in this quiz on Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Web Performance Review",
- "intro": [
- "Review the Web Performance concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-web-performance": {
- "title": "Web Performance Quiz",
- "intro": ["Test what you've learned in this quiz on Web Performance."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3492,48 +3423,18 @@
"title": "TypeScript Quiz",
"intro": ["Test what you've learned in this quiz on TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Review",
- "intro": [
- "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Quiz",
- "intro": [
- "Test what you've learned in this quiz on CSS Libraries and Frameworks."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Testing Review",
- "intro": [
- "Review the Testing concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-testing": {
- "title": "Testing Quiz",
- "intro": ["Test what you've learned in this quiz on Testing."]
- },
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3553,8 +3454,8 @@
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned in this quiz on Bash Commands."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3582,8 +3483,8 @@
"Test what you've learned in this quiz on Relational Databases."
]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3603,8 +3504,8 @@
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned in this quiz on Bash Scripting."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3656,8 +3557,8 @@
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3675,8 +3576,8 @@
"title": "Nano Quiz",
"intro": ["Test what you've learned in this quiz on Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3712,6 +3613,122 @@
"Review the Relational Databases concepts to prepare for the upcoming quiz."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3720,17 +3737,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Security and Privacy Review",
- "intro": [
- "Review the Security and Privacy concepts to prepare for the upcoming quiz."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Security and Privacy Quiz",
- "intro": [
- "Test what you've learned in this quiz on Security and Privacy."
- ]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3760,6 +3773,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/japanese/translations.json b/client/i18n/locales/japanese/translations.json
index 4f1e0bedf60e58..815ba13e1e9b02 100644
--- a/client/i18n/locales/japanese/translations.json
+++ b/client/i18n/locales/japanese/translations.json
@@ -852,7 +852,7 @@
"expired-link": "クリックされたリンクは有効期限が切れているようです。サインインするには新しいリンクをリクエストしてください。",
"signin-success": "成功です！アカウントにサインインしました。コーディングを楽しみましょう！",
"social-auth-gone": "私たちはプライバシー上の理由のため、ソーシャル認証の使用中止を検討しています。次回は代わりにあなたのメールアドレス ({{email}}) を用いてサインインされることをお勧めします。",
- "name-needed": "認定証に記載するため、あなたの名前が必要です。アカウント設定に名前を追加し、保存ボタンをクリックしてください。その後、認定証を発行することができるようになります。",
+ "name-needed": "We need your name to put it on your certification. Please add your name in your profile and click save. Then we can issue your certification.",
"incomplete-steps": "必要な過程が完了していないようです。{{name}} 認定証を獲得するために必修のプロジェクトを完成させてください。",
"already-claimed": "あなたはすでに {{name}} 認定証を獲得しているようです。",
"cert-claim-success": "@{{username}} さん、あなたは無事に {{name}} 認定証を獲得しました！freeCodeCamp.org チームを代表してお祝い申し上げます！",
diff --git a/client/i18n/locales/korean/intro.json b/client/i18n/locales/korean/intro.json
index 24c376eb36d1c1..b0e315074cf769 100644
--- a/client/i18n/locales/korean/intro.json
+++ b/client/i18n/locales/korean/intro.json
@@ -1709,9 +1709,11 @@
"By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer."
],
"blocks": {
- "efpl": {
- "title": "0",
- "intro": []
+ "lecture-welcome-to-freecodecamp": {
+ "title": "Welcome to freeCodeCamp",
+ "intro": [
+ "Watch these videos to learn what freeCodeCamp is, and how millions of people have learned to code and gotten developer jobs using it."
+ ]
},
"lecture-what-is-html": {
"title": "What is HTML?",
@@ -2262,7 +2264,8 @@
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
- "Review the CSS Accessibility concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on CSS and accessibility, you first need to review.",
+ "Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
@@ -2425,7 +2428,8 @@
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
- "Review the CSS Grid concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on the fundamentals of CSS Grid, you first need to review.",
+ "Open up this page to review how to work with the different CSS Grid properties like grid-template-columns, grid-gap and more."
]
},
"quiz-css-grid": {
@@ -2438,9 +2442,12 @@
"In these lecture videos, you will learn about animations and accessibility."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Build an Animated Ferris Wheel",
+ "intro": [
+ "You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
+ "In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
+ ]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
@@ -2464,7 +2471,8 @@
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
- "Review the CSS Animations concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with CSS animations, you first need to review.",
+ "Open up this page to review concepts including prefers-reduced-motion, the @keyframes rule and more."
]
},
"quiz-css-animations": {
@@ -2475,7 +2483,10 @@
},
"review-css": {
"title": "CSS Review",
- "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+ "intro": [
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
+ ]
},
"wvjx": {
"title": "127",
@@ -2515,7 +2526,8 @@
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
- "Review the JavaScript Variables and Data Types concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2546,7 +2558,8 @@
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
- "Review the JavaScript Strings concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2647,7 +2660,8 @@
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
- "Review the JavaScript Functions concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
@@ -2656,9 +2670,11 @@
"Test what you've learned in this quiz on JavaScript Functions."
]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Working with Arrays",
+ "intro": [
+ "In these lecture videos, you will learn about working with JavaScript arrays."
+ ]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
@@ -2673,9 +2689,11 @@
"In this lab, you will review working with arrays and random numbers by building a lunch picker program."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Working with Common Array Methods",
+ "intro": [
+ "In these lecture videos, you will learn about common array methods."
+ ]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
@@ -2687,9 +2705,11 @@
"title": "JavaScript Arrays Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Working with Objects",
+ "intro": [
+ "In these lecture videos, you will learn about working with objects in JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
@@ -2713,9 +2733,11 @@
"Test what you've learned in this quiz on JavaScript Objects."
]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Working with Loops",
+ "intro": [
+ "In these lecture videos, you will learn about working with loops in JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
@@ -2737,9 +2759,11 @@
"title": "JavaScript Loops Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Loops."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Understanding Core JavaScript Fundamentals",
+ "intro": [
+ "In these lecture videos, you will learn more about core JavaScript fundamentals."
+ ]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
@@ -2749,9 +2773,11 @@
"title": "Build a Gradebook App",
"intro": ["For this lab, you will create a gradebook app."]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "The var Keyword and Hoisting",
+ "intro": [
+ "In these lecture videos, you will learn about the var keyword and hoisting in JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
@@ -2759,9 +2785,11 @@
"For this lab, you will build an inventory management program using JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Understanding Modules, Imports, and Exports",
+ "intro": [
+ "In these lecture videos, you will learn about modules, imports, and exports in JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2779,13 +2807,17 @@
"Test what you've learned in this quiz on JavaScript Fundamentals Quiz."
]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Working with Higher Order Functions and Callbacks",
+ "intro": [
+ "In these lecture videos, you will learn about working with higher order functions and callbacks."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Build a Library Manager",
+ "intro": [
+ "In this workshop, you will learn higher order array methods by building a library manager"
+ ]
},
"bxtv": {
"title": "184",
@@ -2803,14 +2835,22 @@
"Test what you've learned in this quiz on JavaScript Higher Order Functions."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Working with the DOM, Click Events, and Web APIs",
+ "intro": [
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
@@ -2829,13 +2869,17 @@
"Test what you've learned in this quiz on DOM Manipulation and Click Events with JavaScript Quiz."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Understanding the Event Object and Event Delegation",
+ "intro": [
+ "In these lecture videos, you will learn about the event object and event delegation."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
@@ -2901,9 +2945,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Build a Spam Filter",
+ "intro": [
+ "Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
+ "In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
@@ -3051,9 +3098,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Build a Shopping Cart",
+ "intro": [
+ "In this workshop you'll create a shopping cart using JavaScript classes.",
+ "You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
+ ]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
@@ -3119,50 +3169,29 @@
"Test what you've learned in this quiz on JavaScript Functional Programming."
]
},
- "lab-quicksort-algorithm": {
- "title": "Build the Quicksort Algorithm",
- "intro": [
- "For this lab, you will implement the Quicksort algorithm using JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Searching and Sorting Algorithms Quiz",
- "intro": [
- "Test what you've learned in this quiz on Searching and Sorting Algorithms."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Build a Roman Numeral Converter",
- "intro": [
- "For this lab, you'll build an application that converts integers to Roman numerals."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Build a Telephone Number Validator",
- "intro": [
- "For this lab, you'll build an application that checks if a number is a valid United States phone number."
- ]
- },
- "lab-cash-register": {
- "title": "Build a Cash Register",
- "intro": ["For this lab, you will build a cash register."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3173,12 +3202,6 @@
"Review the JavaScript Functional Programming concepts to prepare for the upcoming quiz."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "JavaScript Problem Solving and Algorithmic Thinking Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Problem Solving and Algorithmic Thinking."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3220,88 +3243,80 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Introduction to JavaScript Libraries and Frameworks",
+ "intro": [
+ "In these lecture videos, you will get an introduction to JavaScript libraries and frameworks."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "JavaScript Object Oriented Programming Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Object Oriented Programming."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Build a Stack Class",
+ "lecture-working-with-data-in-react": {
+ "title": "Working with Data in React",
"intro": [
- "For this lab, you will build a stack class using JavaScript."
+ "In these lecture videos, you will learn about working with data in React."
]
},
- "lab-linked-list-class": {
- "title": "Build a Linked List Class",
- "intro": [
- "For this lab, you will build a linked list class using JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Build a Hash Table Class",
- "intro": ["For this lab, you will build a hash table using JavaScript."]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "JavaScript Data Structures Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Data Structures."
- ]
+ "quiz-react-basics": {
+ "title": "React Basics Quiz",
+ "intro": ["Test what you've learned in this quiz on React Basics."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Implement the Depth-First Search Algorithm",
- "intro": [
- "For this lab, you will use JavaScript to implement the Depth-First Search algorithm."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Graphs and Trees Quiz",
- "intro": ["Test what you've learned in this quiz on Graphs and Trees."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Build the nth Fibonacci number generator",
- "intro": [
- "For this lab, you will implement the nth Fibonacci number generator."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Dynamic Programming Quiz",
+ "quiz-react-state-and-hooks": {
+ "title": "React State and Hooks Quiz",
"intro": [
- "Test what you've learned in this quiz on Dynamic Programming."
+ "Test what you've learned in this quiz on React State and Hooks."
]
},
+ "ftmi": {
+ "title": "275",
+ "intro": []
+ },
"sgau": {
"title": "276",
"intro": []
@@ -3318,53 +3333,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Build a Pokémon Search App",
- "intro": ["For this project, you will build a Pokémon search app."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Advanced React Quiz",
+ "intro": ["Test what you've learned in this quiz on Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Web Performance Review",
+ "intro": [
+ "Review the Web Performance concepts to prepare for the upcoming quiz."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Web Performance Quiz",
+ "intro": ["Test what you've learned in this quiz on Web Performance."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Review",
+ "intro": [
+ "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
+ ]
},
- "quiz-web-standards": {
- "title": "Web Standards Quiz",
- "intro": ["Test what you've learned in this quiz on Web Standards."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Quiz",
+ "intro": [
+ "Test what you've learned in this quiz on CSS Libraries and Frameworks."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Testing Review",
+ "intro": [
+ "Review the Testing concepts to prepare for the upcoming quiz."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Testing Quiz",
+ "intro": ["Test what you've learned in this quiz on Testing."]
},
"trvf": {
"title": "293",
@@ -3382,104 +3409,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "React Basics Quiz",
- "intro": ["Test what you've learned in this quiz on React Basics."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "React State and Hooks Quiz",
- "intro": [
- "Test what you've learned in this quiz on React State and Hooks."
- ]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Advanced React Quiz",
- "intro": ["Test what you've learned in this quiz on Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Web Performance Review",
- "intro": [
- "Review the Web Performance concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-web-performance": {
- "title": "Web Performance Quiz",
- "intro": ["Test what you've learned in this quiz on Web Performance."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3492,48 +3423,18 @@
"title": "TypeScript Quiz",
"intro": ["Test what you've learned in this quiz on TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Review",
- "intro": [
- "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Quiz",
- "intro": [
- "Test what you've learned in this quiz on CSS Libraries and Frameworks."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Testing Review",
- "intro": [
- "Review the Testing concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-testing": {
- "title": "Testing Quiz",
- "intro": ["Test what you've learned in this quiz on Testing."]
- },
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3553,8 +3454,8 @@
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned in this quiz on Bash Commands."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3582,8 +3483,8 @@
"Test what you've learned in this quiz on Relational Databases."
]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3603,8 +3504,8 @@
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned in this quiz on Bash Scripting."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3656,8 +3557,8 @@
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3675,8 +3576,8 @@
"title": "Nano Quiz",
"intro": ["Test what you've learned in this quiz on Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3712,6 +3613,122 @@
"Review the Relational Databases concepts to prepare for the upcoming quiz."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3720,17 +3737,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Security and Privacy Review",
- "intro": [
- "Review the Security and Privacy concepts to prepare for the upcoming quiz."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Security and Privacy Quiz",
- "intro": [
- "Test what you've learned in this quiz on Security and Privacy."
- ]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3760,6 +3773,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/korean/translations.json b/client/i18n/locales/korean/translations.json
index f086b5ea6508e3..fc7d3f211beb93 100644
--- a/client/i18n/locales/korean/translations.json
+++ b/client/i18n/locales/korean/translations.json
@@ -852,7 +852,7 @@
"expired-link": "Looks like the link you clicked has expired, please request a fresh link, to sign in",
"signin-success": "Success! You have signed in to your account. Happy Coding!",
"social-auth-gone": "We are moving away from social authentication for privacy reasons. Next time we recommend using your email address: {{email}} to sign in instead.",
- "name-needed": "We need your name so we can put it on your certification. Add your name to your account settings and click the save button. Then we can issue your certification.",
+ "name-needed": "We need your name to put it on your certification. Please add your name in your profile and click save. Then we can issue your certification.",
"incomplete-steps": "It looks like you have not completed the necessary steps. Please complete the required projects to claim the {{name}} Certification.",
"already-claimed": "It looks like you already have claimed the {{name}} Certification",
"cert-claim-success": "@{{username}}, you have successfully claimed the {{name}} Certification! Congratulations on behalf of the freeCodeCamp.org team!",
diff --git a/client/i18n/locales/portuguese/intro.json b/client/i18n/locales/portuguese/intro.json
index a0adbb894a1810..35be0709b53e21 100644
--- a/client/i18n/locales/portuguese/intro.json
+++ b/client/i18n/locales/portuguese/intro.json
@@ -1709,9 +1709,11 @@
"By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer."
],
"blocks": {
- "efpl": {
- "title": "0",
- "intro": []
+ "lecture-welcome-to-freecodecamp": {
+ "title": "Welcome to freeCodeCamp",
+ "intro": [
+ "Watch these videos to learn what freeCodeCamp is, and how millions of people have learned to code and gotten developer jobs using it."
+ ]
},
"lecture-what-is-html": {
"title": "What is HTML?",
@@ -2262,7 +2264,8 @@
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
- "Review the CSS Accessibility concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on CSS and accessibility, you first need to review.",
+ "Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
@@ -2425,7 +2428,8 @@
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
- "Review the CSS Grid concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on the fundamentals of CSS Grid, you first need to review.",
+ "Open up this page to review how to work with the different CSS Grid properties like grid-template-columns, grid-gap and more."
]
},
"quiz-css-grid": {
@@ -2438,9 +2442,12 @@
"In these lecture videos, you will learn about animations and accessibility."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Build an Animated Ferris Wheel",
+ "intro": [
+ "You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
+ "In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
+ ]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
@@ -2464,7 +2471,8 @@
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
- "Review the CSS Animations concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with CSS animations, you first need to review.",
+ "Open up this page to review concepts including prefers-reduced-motion, the @keyframes rule and more."
]
},
"quiz-css-animations": {
@@ -2475,7 +2483,10 @@
},
"review-css": {
"title": "CSS Review",
- "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+ "intro": [
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
+ ]
},
"wvjx": {
"title": "127",
@@ -2515,7 +2526,8 @@
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
- "Review the JavaScript Variables and Data Types concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2546,7 +2558,8 @@
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
- "Review the JavaScript Strings concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2647,7 +2660,8 @@
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
- "Review the JavaScript Functions concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
@@ -2656,9 +2670,11 @@
"Test what you've learned in this quiz on JavaScript Functions."
]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Working with Arrays",
+ "intro": [
+ "In these lecture videos, you will learn about working with JavaScript arrays."
+ ]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
@@ -2673,9 +2689,11 @@
"In this lab, you will review working with arrays and random numbers by building a lunch picker program."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Working with Common Array Methods",
+ "intro": [
+ "In these lecture videos, you will learn about common array methods."
+ ]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
@@ -2687,9 +2705,11 @@
"title": "JavaScript Arrays Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Working with Objects",
+ "intro": [
+ "In these lecture videos, you will learn about working with objects in JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
@@ -2713,9 +2733,11 @@
"Test what you've learned in this quiz on JavaScript Objects."
]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Working with Loops",
+ "intro": [
+ "In these lecture videos, you will learn about working with loops in JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
@@ -2737,9 +2759,11 @@
"title": "JavaScript Loops Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Loops."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Understanding Core JavaScript Fundamentals",
+ "intro": [
+ "In these lecture videos, you will learn more about core JavaScript fundamentals."
+ ]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
@@ -2749,9 +2773,11 @@
"title": "Build a Gradebook App",
"intro": ["For this lab, you will create a gradebook app."]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "The var Keyword and Hoisting",
+ "intro": [
+ "In these lecture videos, you will learn about the var keyword and hoisting in JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
@@ -2759,9 +2785,11 @@
"For this lab, you will build an inventory management program using JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Understanding Modules, Imports, and Exports",
+ "intro": [
+ "In these lecture videos, you will learn about modules, imports, and exports in JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2779,13 +2807,17 @@
"Test what you've learned in this quiz on JavaScript Fundamentals Quiz."
]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Working with Higher Order Functions and Callbacks",
+ "intro": [
+ "In these lecture videos, you will learn about working with higher order functions and callbacks."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Build a Library Manager",
+ "intro": [
+ "In this workshop, you will learn higher order array methods by building a library manager"
+ ]
},
"bxtv": {
"title": "184",
@@ -2803,14 +2835,22 @@
"Test what you've learned in this quiz on JavaScript Higher Order Functions."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Working with the DOM, Click Events, and Web APIs",
+ "intro": [
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
@@ -2829,13 +2869,17 @@
"Test what you've learned in this quiz on DOM Manipulation and Click Events with JavaScript Quiz."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Understanding the Event Object and Event Delegation",
+ "intro": [
+ "In these lecture videos, you will learn about the event object and event delegation."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
@@ -2901,9 +2945,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Build a Spam Filter",
+ "intro": [
+ "Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
+ "In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
@@ -3051,9 +3098,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Build a Shopping Cart",
+ "intro": [
+ "In this workshop you'll create a shopping cart using JavaScript classes.",
+ "You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
+ ]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
@@ -3119,50 +3169,29 @@
"Test what you've learned in this quiz on JavaScript Functional Programming."
]
},
- "lab-quicksort-algorithm": {
- "title": "Build the Quicksort Algorithm",
- "intro": [
- "For this lab, you will implement the Quicksort algorithm using JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Searching and Sorting Algorithms Quiz",
- "intro": [
- "Test what you've learned in this quiz on Searching and Sorting Algorithms."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Build a Roman Numeral Converter",
- "intro": [
- "For this lab, you'll build an application that converts integers to Roman numerals."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Build a Telephone Number Validator",
- "intro": [
- "For this lab, you'll build an application that checks if a number is a valid United States phone number."
- ]
- },
- "lab-cash-register": {
- "title": "Build a Cash Register",
- "intro": ["For this lab, you will build a cash register."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3173,12 +3202,6 @@
"Review the JavaScript Functional Programming concepts to prepare for the upcoming quiz."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "JavaScript Problem Solving and Algorithmic Thinking Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Problem Solving and Algorithmic Thinking."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3220,88 +3243,80 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Introduction to JavaScript Libraries and Frameworks",
+ "intro": [
+ "In these lecture videos, you will get an introduction to JavaScript libraries and frameworks."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "JavaScript Object Oriented Programming Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Object Oriented Programming."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Build a Stack Class",
+ "lecture-working-with-data-in-react": {
+ "title": "Working with Data in React",
"intro": [
- "For this lab, you will build a stack class using JavaScript."
+ "In these lecture videos, you will learn about working with data in React."
]
},
- "lab-linked-list-class": {
- "title": "Build a Linked List Class",
- "intro": [
- "For this lab, you will build a linked list class using JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Build a Hash Table Class",
- "intro": ["For this lab, you will build a hash table using JavaScript."]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "JavaScript Data Structures Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Data Structures."
- ]
+ "quiz-react-basics": {
+ "title": "React Basics Quiz",
+ "intro": ["Test what you've learned in this quiz on React Basics."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Implement the Depth-First Search Algorithm",
- "intro": [
- "For this lab, you will use JavaScript to implement the Depth-First Search algorithm."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Graphs and Trees Quiz",
- "intro": ["Test what you've learned in this quiz on Graphs and Trees."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Build the nth Fibonacci number generator",
- "intro": [
- "For this lab, you will implement the nth Fibonacci number generator."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Dynamic Programming Quiz",
+ "quiz-react-state-and-hooks": {
+ "title": "React State and Hooks Quiz",
"intro": [
- "Test what you've learned in this quiz on Dynamic Programming."
+ "Test what you've learned in this quiz on React State and Hooks."
]
},
+ "ftmi": {
+ "title": "275",
+ "intro": []
+ },
"sgau": {
"title": "276",
"intro": []
@@ -3318,53 +3333,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Build a Pokémon Search App",
- "intro": ["For this project, you will build a Pokémon search app."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Advanced React Quiz",
+ "intro": ["Test what you've learned in this quiz on Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Web Performance Review",
+ "intro": [
+ "Review the Web Performance concepts to prepare for the upcoming quiz."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Web Performance Quiz",
+ "intro": ["Test what you've learned in this quiz on Web Performance."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Review",
+ "intro": [
+ "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
+ ]
},
- "quiz-web-standards": {
- "title": "Web Standards Quiz",
- "intro": ["Test what you've learned in this quiz on Web Standards."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Quiz",
+ "intro": [
+ "Test what you've learned in this quiz on CSS Libraries and Frameworks."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Testing Review",
+ "intro": [
+ "Review the Testing concepts to prepare for the upcoming quiz."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Testing Quiz",
+ "intro": ["Test what you've learned in this quiz on Testing."]
},
"trvf": {
"title": "293",
@@ -3382,104 +3409,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "React Basics Quiz",
- "intro": ["Test what you've learned in this quiz on React Basics."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "React State and Hooks Quiz",
- "intro": [
- "Test what you've learned in this quiz on React State and Hooks."
- ]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Advanced React Quiz",
- "intro": ["Test what you've learned in this quiz on Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Web Performance Review",
- "intro": [
- "Review the Web Performance concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-web-performance": {
- "title": "Web Performance Quiz",
- "intro": ["Test what you've learned in this quiz on Web Performance."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3492,48 +3423,18 @@
"title": "TypeScript Quiz",
"intro": ["Test what you've learned in this quiz on TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Review",
- "intro": [
- "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Quiz",
- "intro": [
- "Test what you've learned in this quiz on CSS Libraries and Frameworks."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Testing Review",
- "intro": [
- "Review the Testing concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-testing": {
- "title": "Testing Quiz",
- "intro": ["Test what you've learned in this quiz on Testing."]
- },
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3553,8 +3454,8 @@
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned in this quiz on Bash Commands."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3582,8 +3483,8 @@
"Test what you've learned in this quiz on Relational Databases."
]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3603,8 +3504,8 @@
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned in this quiz on Bash Scripting."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3656,8 +3557,8 @@
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3675,8 +3576,8 @@
"title": "Nano Quiz",
"intro": ["Test what you've learned in this quiz on Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3712,6 +3613,122 @@
"Review the Relational Databases concepts to prepare for the upcoming quiz."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3720,17 +3737,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Security and Privacy Review",
- "intro": [
- "Review the Security and Privacy concepts to prepare for the upcoming quiz."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Security and Privacy Quiz",
- "intro": [
- "Test what you've learned in this quiz on Security and Privacy."
- ]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3760,6 +3773,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/portuguese/translations.json b/client/i18n/locales/portuguese/translations.json
index b5e718e7160f1e..1cbde0071fca5f 100644
--- a/client/i18n/locales/portuguese/translations.json
+++ b/client/i18n/locales/portuguese/translations.json
@@ -852,7 +852,7 @@
"expired-link": "Parece que o link que você clicou expirou. Solicite um novo link para fazer login",
"signin-success": "Sucesso! Você entrou com sua conta. Boa programação!",
"social-auth-gone": "Estamos abandonando a autenticação social por motivos de privacidade. Da próxima vez, recomendamos que você entre com o seu endereço de e-mail: {{email}}.",
- "name-needed": "Precisamos do seu nome para que possamos colocá-lo na sua certificação. Adicione seu nome às configurações da sua conta e clique no botão Salvar. Depois disso, poderemos emitir sua certificação.",
+ "name-needed": "We need your name to put it on your certification. Please add your name in your profile and click save. Then we can issue your certification.",
"incomplete-steps": "Parece que você não completou as etapas necessárias. Complete os projetos necessários para reivindicar a certificação {{name}}.",
"already-claimed": "Parece que você já solicitou a certificação {{name}}",
"cert-claim-success": "@{{username}}, você solicitou a certificação {{name}} com sucesso! Parabéns em nome da equipe do freeCodeCamp.org!",
diff --git a/client/i18n/locales/swahili/intro.json b/client/i18n/locales/swahili/intro.json
index a5ba010255a5f2..6c17c7db6223a1 100644
--- a/client/i18n/locales/swahili/intro.json
+++ b/client/i18n/locales/swahili/intro.json
@@ -1709,9 +1709,11 @@
"By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer."
],
"blocks": {
- "efpl": {
- "title": "0",
- "intro": []
+ "lecture-welcome-to-freecodecamp": {
+ "title": "Welcome to freeCodeCamp",
+ "intro": [
+ "Watch these videos to learn what freeCodeCamp is, and how millions of people have learned to code and gotten developer jobs using it."
+ ]
},
"lecture-what-is-html": {
"title": "What is HTML?",
@@ -2262,7 +2264,8 @@
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
- "Review the CSS Accessibility concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on CSS and accessibility, you first need to review.",
+ "Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
@@ -2425,7 +2428,8 @@
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
- "Review the CSS Grid concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on the fundamentals of CSS Grid, you first need to review.",
+ "Open up this page to review how to work with the different CSS Grid properties like grid-template-columns, grid-gap and more."
]
},
"quiz-css-grid": {
@@ -2438,9 +2442,12 @@
"In these lecture videos, you will learn about animations and accessibility."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Build an Animated Ferris Wheel",
+ "intro": [
+ "You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
+ "In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
+ ]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
@@ -2464,7 +2471,8 @@
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
- "Review the CSS Animations concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with CSS animations, you first need to review.",
+ "Open up this page to review concepts including prefers-reduced-motion, the @keyframes rule and more."
]
},
"quiz-css-animations": {
@@ -2475,7 +2483,10 @@
},
"review-css": {
"title": "CSS Review",
- "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+ "intro": [
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
+ ]
},
"wvjx": {
"title": "127",
@@ -2515,7 +2526,8 @@
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
- "Review the JavaScript Variables and Data Types concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2546,7 +2558,8 @@
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
- "Review the JavaScript Strings concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2647,7 +2660,8 @@
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
- "Review the JavaScript Functions concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
@@ -2656,9 +2670,11 @@
"Test what you've learned in this quiz on JavaScript Functions."
]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Working with Arrays",
+ "intro": [
+ "In these lecture videos, you will learn about working with JavaScript arrays."
+ ]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
@@ -2673,9 +2689,11 @@
"In this lab, you will review working with arrays and random numbers by building a lunch picker program."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Working with Common Array Methods",
+ "intro": [
+ "In these lecture videos, you will learn about common array methods."
+ ]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
@@ -2687,9 +2705,11 @@
"title": "JavaScript Arrays Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Working with Objects",
+ "intro": [
+ "In these lecture videos, you will learn about working with objects in JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
@@ -2713,9 +2733,11 @@
"Test what you've learned in this quiz on JavaScript Objects."
]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Working with Loops",
+ "intro": [
+ "In these lecture videos, you will learn about working with loops in JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
@@ -2737,9 +2759,11 @@
"title": "JavaScript Loops Quiz",
"intro": ["Test what you've learned in this quiz on JavaScript Loops."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Understanding Core JavaScript Fundamentals",
+ "intro": [
+ "In these lecture videos, you will learn more about core JavaScript fundamentals."
+ ]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
@@ -2749,9 +2773,11 @@
"title": "Build a Gradebook App",
"intro": ["For this lab, you will create a gradebook app."]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "The var Keyword and Hoisting",
+ "intro": [
+ "In these lecture videos, you will learn about the var keyword and hoisting in JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
@@ -2759,9 +2785,11 @@
"For this lab, you will build an inventory management program using JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Understanding Modules, Imports, and Exports",
+ "intro": [
+ "In these lecture videos, you will learn about modules, imports, and exports in JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2779,13 +2807,17 @@
"Test what you've learned in this quiz on JavaScript Fundamentals Quiz."
]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Working with Higher Order Functions and Callbacks",
+ "intro": [
+ "In these lecture videos, you will learn about working with higher order functions and callbacks."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Build a Library Manager",
+ "intro": [
+ "In this workshop, you will learn higher order array methods by building a library manager"
+ ]
},
"bxtv": {
"title": "184",
@@ -2803,14 +2835,22 @@
"Test what you've learned in this quiz on JavaScript Higher Order Functions."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Working with the DOM, Click Events, and Web APIs",
+ "intro": [
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
@@ -2829,13 +2869,17 @@
"Test what you've learned in this quiz on DOM Manipulation and Click Events with JavaScript Quiz."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Understanding the Event Object and Event Delegation",
+ "intro": [
+ "In these lecture videos, you will learn about the event object and event delegation."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
@@ -2901,9 +2945,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Build a Spam Filter",
+ "intro": [
+ "Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
+ "In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
@@ -3051,9 +3098,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Build a Shopping Cart",
+ "intro": [
+ "In this workshop you'll create a shopping cart using JavaScript classes.",
+ "You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
+ ]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
@@ -3119,50 +3169,29 @@
"Test what you've learned in this quiz on JavaScript Functional Programming."
]
},
- "lab-quicksort-algorithm": {
- "title": "Build the Quicksort Algorithm",
- "intro": [
- "For this lab, you will implement the Quicksort algorithm using JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Searching and Sorting Algorithms Quiz",
- "intro": [
- "Test what you've learned in this quiz on Searching and Sorting Algorithms."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Build a Roman Numeral Converter",
- "intro": [
- "For this lab, you'll build an application that converts integers to Roman numerals."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Build a Telephone Number Validator",
- "intro": [
- "For this lab, you'll build an application that checks if a number is a valid United States phone number."
- ]
- },
- "lab-cash-register": {
- "title": "Build a Cash Register",
- "intro": ["For this lab, you will build a cash register."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3173,12 +3202,6 @@
"Review the JavaScript Functional Programming concepts to prepare for the upcoming quiz."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "JavaScript Problem Solving and Algorithmic Thinking Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Problem Solving and Algorithmic Thinking."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3220,88 +3243,80 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Introduction to JavaScript Libraries and Frameworks",
+ "intro": [
+ "In these lecture videos, you will get an introduction to JavaScript libraries and frameworks."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "JavaScript Object Oriented Programming Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Object Oriented Programming."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Build a Stack Class",
+ "lecture-working-with-data-in-react": {
+ "title": "Working with Data in React",
"intro": [
- "For this lab, you will build a stack class using JavaScript."
+ "In these lecture videos, you will learn about working with data in React."
]
},
- "lab-linked-list-class": {
- "title": "Build a Linked List Class",
- "intro": [
- "For this lab, you will build a linked list class using JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Build a Hash Table Class",
- "intro": ["For this lab, you will build a hash table using JavaScript."]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "JavaScript Data Structures Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Data Structures."
- ]
+ "quiz-react-basics": {
+ "title": "React Basics Quiz",
+ "intro": ["Test what you've learned in this quiz on React Basics."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Implement the Depth-First Search Algorithm",
- "intro": [
- "For this lab, you will use JavaScript to implement the Depth-First Search algorithm."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Graphs and Trees Quiz",
- "intro": ["Test what you've learned in this quiz on Graphs and Trees."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Build the nth Fibonacci number generator",
- "intro": [
- "For this lab, you will implement the nth Fibonacci number generator."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Dynamic Programming Quiz",
+ "quiz-react-state-and-hooks": {
+ "title": "React State and Hooks Quiz",
"intro": [
- "Test what you've learned in this quiz on Dynamic Programming."
+ "Test what you've learned in this quiz on React State and Hooks."
]
},
+ "ftmi": {
+ "title": "275",
+ "intro": []
+ },
"sgau": {
"title": "276",
"intro": []
@@ -3318,53 +3333,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Build a Pokémon Search App",
- "intro": ["For this project, you will build a Pokémon search app."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Advanced React Quiz",
+ "intro": ["Test what you've learned in this quiz on Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Web Performance Review",
+ "intro": [
+ "Review the Web Performance concepts to prepare for the upcoming quiz."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Web Performance Quiz",
+ "intro": ["Test what you've learned in this quiz on Web Performance."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Review",
+ "intro": [
+ "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
+ ]
},
- "quiz-web-standards": {
- "title": "Web Standards Quiz",
- "intro": ["Test what you've learned in this quiz on Web Standards."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "CSS Libraries and Frameworks Quiz",
+ "intro": [
+ "Test what you've learned in this quiz on CSS Libraries and Frameworks."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Testing Review",
+ "intro": [
+ "Review the Testing concepts to prepare for the upcoming quiz."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Testing Quiz",
+ "intro": ["Test what you've learned in this quiz on Testing."]
},
"trvf": {
"title": "293",
@@ -3382,104 +3409,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "React Basics Quiz",
- "intro": ["Test what you've learned in this quiz on React Basics."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "React State and Hooks Quiz",
- "intro": [
- "Test what you've learned in this quiz on React State and Hooks."
- ]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Advanced React Quiz",
- "intro": ["Test what you've learned in this quiz on Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Web Performance Review",
- "intro": [
- "Review the Web Performance concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-web-performance": {
- "title": "Web Performance Quiz",
- "intro": ["Test what you've learned in this quiz on Web Performance."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3492,48 +3423,18 @@
"title": "TypeScript Quiz",
"intro": ["Test what you've learned in this quiz on TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Review",
- "intro": [
- "Review the CSS Libraries and Frameworks concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "CSS Libraries and Frameworks Quiz",
- "intro": [
- "Test what you've learned in this quiz on CSS Libraries and Frameworks."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Testing Review",
- "intro": [
- "Review the Testing concepts to prepare for the upcoming quiz."
- ]
- },
- "quiz-testing": {
- "title": "Testing Quiz",
- "intro": ["Test what you've learned in this quiz on Testing."]
- },
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3553,8 +3454,8 @@
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned in this quiz on Bash Commands."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3582,8 +3483,8 @@
"Test what you've learned in this quiz on Relational Databases."
]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3603,8 +3504,8 @@
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned in this quiz on Bash Scripting."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3656,8 +3557,8 @@
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3675,8 +3576,8 @@
"title": "Nano Quiz",
"intro": ["Test what you've learned in this quiz on Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3712,6 +3613,122 @@
"Review the Relational Databases concepts to prepare for the upcoming quiz."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3720,17 +3737,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Security and Privacy Review",
- "intro": [
- "Review the Security and Privacy concepts to prepare for the upcoming quiz."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Security and Privacy Quiz",
- "intro": [
- "Test what you've learned in this quiz on Security and Privacy."
- ]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3760,6 +3773,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/swahili/translations.json b/client/i18n/locales/swahili/translations.json
index 3c8f27c8b62c8f..a68abfab8621e1 100644
--- a/client/i18n/locales/swahili/translations.json
+++ b/client/i18n/locales/swahili/translations.json
@@ -852,7 +852,7 @@
"expired-link": "Inaonekana kiungo ulichobofya kimeisha muda wake, tafadhali omba kiungo kipya ili uingie",
"signin-success": "Umefanikiwa! Umeingia kwenye akaunti yako. Happy Coding!",
"social-auth-gone": "Tunaondoka kwenye uthibitishaji wa kijamii kwa sababu za faragha. Wakati ujao tunapendekeza utumie anwani yako ya barua pepe: {{email}} ili uingie badala yake.",
- "name-needed": "Tunahitaji jina lako ili tuweze kuliweka kwenye cheti chako. Ongeza jina lako kwenye mipangilio ya akaunti yako na ubofye kitufe cha kuhifadhi. Kisha tunaweza kutoa cheti chako.",
+ "name-needed": "We need your name to put it on your certification. Please add your name in your profile and click save. Then we can issue your certification.",
"incomplete-steps": "Inaonekana hujakamilisha hatua zinazohitajika. Tafadhali kamilisha miradi inayohitajika ili kudai Cheti cha {{name}}.",
"already-claimed": "Inaonekana tayari umedai Cheti cha {{name}}",
"cert-claim-success": "@{{username}}, umefanikiwa kudai Cheti cha {{name}}! Hongera kwa niaba ya timu ya freeCodeCamp.org!",
diff --git a/client/i18n/locales/ukrainian/intro.json b/client/i18n/locales/ukrainian/intro.json
index fe73824d1853e3..b2a8b46d3d1ae0 100644
--- a/client/i18n/locales/ukrainian/intro.json
+++ b/client/i18n/locales/ukrainian/intro.json
@@ -1701,9 +1701,11 @@
"Наприкінці курсу ви отримаєте практичні навички та досвід, які дозволять впевнено розробляти повноцінні вебзастосунки, що підготує вас до успішної кар’єри full stack розробника."
],
"blocks": {
- "efpl": {
- "title": "0",
- "intro": []
+ "lecture-welcome-to-freecodecamp": {
+ "title": "Вітаємо у freeCodeCamp",
+ "intro": [
+ "Перегляньте ці відео, щоб дізнатись про freeCodeCamp: завдяки цій спільноті мільйони людей навчились програмувати та стали розробниками."
+ ]
},
"lecture-what-is-html": {
"title": "Що таке HTML?",
@@ -1893,7 +1895,7 @@
"intro": []
},
"lecture-understanding-computer-internet-and-tooling-basics": {
- "title": "Основи комп’ютера, інтернету та інструментів",
+ "title": "Знайомство з комп’ютером, інтернетом та інструментами",
"intro": [
"У цих відеолекціях ви дізнаєтесь про комп’ютер, інтернет та різні інструменти."
]
@@ -2242,7 +2244,8 @@
"review-css-accessibility": {
"title": "Повторення доступності в CSS",
"intro": [
- "Пригадайте поняття з теми «Доступність в CSS», щоб підготуватись до тесту."
+ "Перш ніж перейти до тесту «Доступність в CSS», повторіть основні поняття.",
+ "Відкрийте цю сторінку, щоб пригадати інструменти контрастності кольорів та найкращі практики доступності."
]
},
"quiz-css-accessibility": {
@@ -2273,8 +2276,8 @@
"review-css-attribute-selectors": {
"title": "Повторення селекторів атрибутів у CSS",
"intro": [
- "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."
+ "Перш ніж перейти до тесту «Селектори атрибутів у CSS», повторіть основні поняття.",
+ "Відкрийте цю сторінку, щоб пригадати, як працювати з різними селекторами атрибутів, які націлюють посилання атрибутами href та title."
]
},
"quiz-css-attribute-selectors": {
@@ -2282,7 +2285,7 @@
"intro": ["Перевірте, що ви дізнались про селектори атрибутів у CSS."]
},
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
- "title": "Робота з вирівнюванням й позиціюванням в CSS",
+ "title": "Знайомство з вирівнюванням й позиціюванням в CSS",
"intro": [
"У цих відеолекціях ви дізнаєтесь, як працювати з вирівнюванням й позиціюванням у CSS."
]
@@ -2303,8 +2306,8 @@
"review-css-positioning": {
"title": "Повторення позиціювання в CSS",
"intro": [
- "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."
+ "Перш ніж перейти до тесту «Позиціювання в CSS», повторіть основні поняття.",
+ "Відкрийте цю сторінку, щоб пригадати обтікання, відносне позиціювання, абсолютне позиціювання та багато іншого."
]
},
"quiz-css-positioning": {
@@ -2401,7 +2404,8 @@
"review-css-grid": {
"title": "Повторення сітки в CSS",
"intro": [
- "Пригадайте поняття з теми «Сітка в CSS», щоб підготуватись до тесту."
+ "Перш ніж перейти до тесту «Сітка в CSS», повторіть основні поняття.",
+ "Відкрийте цю сторінку, щоб пригадати, як працювати з різними властивостями CSS-сітки, серед яких grid-template-columns, grid-gap тощо."
]
},
"quiz-css-grid": {
@@ -2414,9 +2418,12 @@
"У цих відеолекціях ви дізнаєтесь про анімацію та доступність."
]
},
- "dpaq": {
- "title": "120",
- "intro": []
+ "workshop-ferris-wheel": {
+ "title": "Створіть оглядове колесо",
+ "intro": [
+ "У CSS можна використати анімацію, щоб привернути увагу до певних розділів вебсторінки та зробити її більш привабливою.",
+ "У цьому практичному занятті ви побудуєте оглядове колесо. Ви будете використовувати CSS для анімації, трансформації та регулювання швидкості елементів."
+ ]
},
"lab-moon-orbit": {
"title": "Побудуйте орбіту Місяця",
@@ -2438,7 +2445,8 @@
"review-css-animations": {
"title": "Повторення анімацій в CSS",
"intro": [
- "Пригадайте поняття з теми «Анімації в CSS», щоб підготуватись до тесту."
+ "Перш ніж перейти до тесту «Анімації в CSS», повторіть основні поняття.",
+ "Відкрийте цю сторінку, щоб пригадати prefers-reduced-motion, директиву @keyframes та багато іншого."
]
},
"quiz-css-animations": {
@@ -2448,7 +2456,8 @@
"review-css": {
"title": "Повторення CSS",
"intro": [
- "Пригадайте поняття з теми «CSS», щоб підготуватись до екзамену."
+ "Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
+ "Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
]
},
"wvjx": {
@@ -2456,16 +2465,14 @@
"intro": []
},
"lecture-working-with-code-editors-and-ides": {
- "title": "Working with Code Editors and IDE's",
+ "title": "Робота з редакторами коду та IDE",
"intro": [
- "In these lecture videos, you will learn about working with code editors and IDE's."
+ "У цих відеолекціях ви дізнаєтесь, як працювати з редакторами коду та IDE."
]
},
"lecture-introduction-to-javascript": {
- "title": "Introduction to JavaScript",
- "intro": [
- "In these lecture videos, you will get a basic introduction to JavaScript."
- ]
+ "title": "Вступ до JavaScript",
+ "intro": ["У цих відеолекціях ви ознайомитесь з основами JavaScript."]
},
"workshop-greeting-bot": {
"title": "Створіть вітального бота",
@@ -2481,15 +2488,16 @@
]
},
"lecture-working-with-data-types": {
- "title": "Working with Data Types",
+ "title": "Робота з типами даних",
"intro": [
- "In these lecture videos, you will learn about data types in JavaScript."
+ "У цих відеолекціях ви дізнаєтесь про типи даних в JavaScript."
]
},
"review-javascript-variables-and-data-types": {
"title": "Повторення змінних та типів даних в JavaScript",
"intro": [
- "Пригадайте поняття з теми «Змінні та типи даних в JavaScript», щоб підготуватись до тесту."
+ "Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
+ "Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
@@ -2499,9 +2507,9 @@
]
},
"lecture-working-with-strings-in-javascript": {
- "title": "Working with Strings in JavaScript",
+ "title": "Робота з рядками в JavaScript",
"intro": [
- "In these lecture videos, you will learn about working with strings in JavaScript."
+ "У цих відеолекціях ви дізнаєтесь, як працювати з рядками в JavaScript."
]
},
"workshop-teacher-chatbot": {
@@ -2512,15 +2520,16 @@
]
},
"lecture-working-with-common-string-methods": {
- "title": "Working with Common String Methods",
+ "title": "Поширені методи роботи з рядками",
"intro": [
- "In these lecture videos, you will learn about common String methods."
+ "У цих відеолекціях ви дізнаєтесь про поширені методи роботи з рядками."
]
},
"review-javascript-strings": {
"title": "Повторення рядків у JavaScript",
"intro": [
- "Пригадайте поняття з теми «Рядки в JavaScript», щоб підготуватись до тесту."
+ "Before you are quizzed on working with JavaScript strings, you first need to review.",
+ "Open up this page to review how to work with template literals, the slice method, the includes method, the trim method and more."
]
},
"quiz-javascript-strings": {
@@ -2528,9 +2537,9 @@
"intro": ["Перевірте, що ви дізнались про рядки в JavaScript."]
},
"lecture-working-with-numbers-booleans-and-the-math-object": {
- "title": "Working with Numbers, Booleans, and the Math Object",
+ "title": "Робота з числами, булевими значеннями й об’єктом math",
"intro": [
- "In these lecture videos, you will learn about numbers, booleans, and the Math Object."
+ "У цих відеолекціях ви дізнаєтесь про числа, булеві значення й об’єкт math."
]
},
"workshop-mathbot": {
@@ -2546,9 +2555,9 @@
]
},
"lecture-working-with-numbers-and-common-number-methods": {
- "title": "Working with Numbers and Common Number Methods",
+ "title": "Робота з числами й поширені методи роботи з ними",
"intro": [
- "In these lecture videos, you will learn about numbers and common Number methods."
+ "У цих відеолекціях ви дізнаєтесь про поширені методи роботи з числами."
]
},
"review-javascript-math": {
@@ -2562,10 +2571,8 @@
"intro": ["Перевірте, що ви дізнались про математику в JavaScript."]
},
"lecture-understanding-comparisons-and-conditionals": {
- "title": "Understanding Comparisons and Conditionals",
- "intro": [
- "In these lecture videos, you will learn about comparisons and conditionals."
- ]
+ "title": "Знайомство з порівняннями й умовами",
+ "intro": ["У цих відеолекціях ви дізнаєтесь про порівняння та умови."]
},
"review-javascript-comparisons-and-conditionals": {
"title": "Повторення порівняння та умов у JavaScript",
@@ -2580,10 +2587,8 @@
]
},
"lecture-working-with-functions": {
- "title": "Working with Functions",
- "intro": [
- "In these lecture videos, you will learn about working with functions."
- ]
+ "title": "Робота з функціями",
+ "intro": ["У цих відеолекціях ви дізнаєтесь, як працювати з функціями."]
},
"workshop-calculator": {
"title": "Створіть калькулятор",
@@ -2619,16 +2624,19 @@
"review-javascript-functions": {
"title": "Повторення функцій в JavaScript",
"intro": [
- "Пригадайте поняття з теми «Функції в JavaScript», щоб підготуватись до тесту."
+ "Before you are quizzed on JavaScript functions, HTML, you first need to review the concepts.",
+ "Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
"title": "Тест «Функції в JavaScript»",
"intro": ["Перевірте, що ви дізнались про функції в JavaScript."]
},
- "mexq": {
- "title": "157",
- "intro": []
+ "lecture-working-with-arrays": {
+ "title": "Робота з масивами",
+ "intro": [
+ "У цих відеолекціях ви дізнаєтесь, як працювати з масивами в JavaScript."
+ ]
},
"workshop-shopping-list": {
"title": "Створіть список покупок",
@@ -2643,9 +2651,11 @@
"У цій лабораторній роботі ви пригадаєте, як працювати з масивами й випадковими числами, створивши програму для вибору перекусу."
]
},
- "mokm": {
- "title": "160",
- "intro": []
+ "lecture-working-with-common-array-methods": {
+ "title": "Поширені методи роботи з масивами",
+ "intro": [
+ "У цих відеолекціях ви дізнаєтесь про поширені методи роботи з масивами."
+ ]
},
"review-javascript-arrays": {
"title": "Повторення масивів у JavaScript",
@@ -2657,9 +2667,11 @@
"title": "Тест «Масиви в JavaScript»",
"intro": ["Перевірте, що ви дізнались про масиви в JavaScript."]
},
- "dvnt": {
- "title": "163",
- "intro": []
+ "lecture-working-with-objects": {
+ "title": "Робота з об’єктами",
+ "intro": [
+ "У цих відеолекціях ви дізнаєтесь, як працювати з об’єктами в JavaScript."
+ ]
},
"workshop-recipe-tracker": {
"title": "Створіть трекер рецептів",
@@ -2681,9 +2693,11 @@
"title": "Тест «Об’єкти в JavaScript»",
"intro": ["Перевірте, що ви дізнались про об’єкти в JavaScript."]
},
- "kgtw": {
- "title": "168",
- "intro": []
+ "lecture-working-with-loops": {
+ "title": "Робота з циклами",
+ "intro": [
+ "У цих відеолекціях ви дізнаєтесь, як працювати з циклами в JavaScript."
+ ]
},
"workshop-sentence-analyzer": {
"title": "Створіть аналізатор речень",
@@ -2707,9 +2721,11 @@
"title": "Тест «Цикли в JavaScript»",
"intro": ["Перевірте, що ви дізнались про цикли в JavaScript."]
},
- "hjtr": {
- "title": "173",
- "intro": []
+ "lecture-understanding-core-javascript-fundamentals": {
+ "title": "Знайомство з основами JavaScript",
+ "intro": [
+ "У цих відеолекціях ви детальніше дізнаєтесь про основи JavaScript."
+ ]
},
"lab-pyramid-generator": {
"title": "Створіть генератор пірамід",
@@ -2721,9 +2737,11 @@
"У цій лабораторній роботі ви створите електронний журнал з оцінками."
]
},
- "epfc": {
- "title": "176",
- "intro": []
+ "lecture-the-var-keyword-and-hoisting": {
+ "title": "Ключове слово var та підняття",
+ "intro": [
+ "У цих відеолекціях ви дізнаєтесь про ключове слово var та підняття в JavaScript."
+ ]
},
"lab-inventory-management-program": {
"title": "Створіть програму керування запасами",
@@ -2731,9 +2749,11 @@
"У цій лабораторній роботі ви створите програму керування запасами за допомогою JavaScript."
]
},
- "fbbn": {
- "title": "178",
- "intro": []
+ "lecture-understanding-modules-imports-and-exports": {
+ "title": "Знайомство з модулями, імпортом та експортом",
+ "intro": [
+ "У цих відеолекціях ви дізнаєтесь про модулі, імпорт та експорт в JavaScript."
+ ]
},
"lnmg": {
"title": "179",
@@ -2749,13 +2769,17 @@
"title": "Тест «Основи JavaScript»",
"intro": ["Перевірте, що ви дізнались про основи JavaScript."]
},
- "plic": {
- "title": "182",
- "intro": []
+ "lecture-working-with-higher-order-functions-and-callbacks": {
+ "title": "Робота з функціями вищого порядку та зворотного виклику",
+ "intro": [
+ "У цих відеолекціях ви дізнаєтесь, як працювати з функціями вищого порядку та функціями зворотного виклику."
+ ]
},
- "vjmm": {
- "title": "183",
- "intro": []
+ "workshop-library-manager": {
+ "title": "Створіть менеджера бібліотеки",
+ "intro": [
+ "У цьому практичному занятті ви дізнаєтесь про методи вищого порядку для роботи з масивами, створивши менеджера бібліотеки."
+ ]
},
"bxtv": {
"title": "184",
@@ -2773,14 +2797,22 @@
"Перевірте, що ви дізнались про функції вищого порядку в JavaScript."
]
},
- "esfh": {
- "title": "187",
- "intro": []
+ "lecture-working-with-the-dom-click-events-and-web-apis": {
+ "title": "Робота з DOM, подіями click та web API",
+ "intro": [
+ "У цих відеолекціях ви дізнаєтесь, як працювати з DOM, подіями click та web API за допомогою JavaScript."
+ ]
},
"gibb": {
"title": "188",
"intro": []
},
+ "workshop-storytelling-app": {
+ "title": "Build a Storytelling App",
+ "intro": [
+ "In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
+ ]
+ },
"lab-favorite-icon-toggler": {
"title": "Створіть перемикач вподобаної іконки",
"intro": [
@@ -2799,13 +2831,17 @@
"Перевірте, що ви дізнались про маніпуляцію DOM та події Click в JavaScript."
]
},
- "ubpx": {
- "title": "192",
- "intro": []
+ "lecture-understanding-the-event-object-and-event-delegation": {
+ "title": "Знайомство з подіями та їх делегуванням",
+ "intro": [
+ "У цих відеолекціях ви дізнаєтесь про об’єкт event та делегування подій."
+ ]
},
- "lbyi": {
- "title": "193",
- "intro": []
+ "workshop-music-instrument-filter": {
+ "title": "Build a Music Instrument Filter",
+ "intro": [
+ "In this workshop, you will build a music instrument filter with JavaScript."
+ ]
},
"lab-real-time-counter": {
"title": "Створіть лічильник реального часу",
@@ -2871,9 +2907,12 @@
"title": "205",
"intro": []
},
- "dqth": {
- "title": "206",
- "intro": []
+ "workshop-spam-filter": {
+ "title": "Створіть спам-фільтр",
+ "intro": [
+ "Регулярні вирази (відомі як «regex» або «regexp») — це шаблони, які допомагають програмістам поєднувати, шукати та замінювати текст. Регулярні вирази надзвичайно потужні, але їх важко зрозуміти, оскільки у них використовуються спеціальні символи.",
+ "У цьому практичному занятті ви будете використовувати групи захоплення, позитивний та негативний огляди, а також інші техніки, щоб текст відповідав бажаному."
+ ]
},
"lab-markdown-to-html-converter": {
"title": "Створіть конвертер з markdown у HTML",
@@ -2904,10 +2943,10 @@
"intro": []
},
"workshop-calorie-counter": {
- "title": "Build a Calorie Counter",
+ "title": "Створіть калькулятор калорій",
"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."
+ "Іноді при створенні вебзастосунків потрібно працювати з вхідними даними від користувача. У цьому практичному занятті ви будете обробляти вхідні дані користувача, виконувати обчислення на основі цих даних та динамічно оновлювати інтерфейс для відтворення результатів.",
+ "Ви також попрактикуєте регулярні вирази, шаблонні літерали, метод addEventListener() та багато іншого."
]
},
"egkv": {
@@ -2995,10 +3034,10 @@
"intro": []
},
"workshop-todo-app": {
- "title": "Build a Todo App using Local Storage",
+ "title": "Створіть застосунок зі справами за допомогою локального сховища",
"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."
+ "Локальне сховище — це функція вебпереглядача, яка дозволяє вебзастосункам зберігати пари ключ-значення в браузері користувача. Воно також дозволяє зберігати дані протягом одного сеансу та використовувати їх в наступному.",
+ "У цьому практичному занятті ви навчитеся обробляти вхідні дані, управляти локальним сховищем, виконувати операції CRUD (створення, читання, оновлення, видалення), реалізовувати слухачів подій та перемикати елементи інтерфейсу користувача."
]
},
"lab-bookmark-manager-app": {
@@ -3019,9 +3058,12 @@
"title": "235",
"intro": []
},
- "peyf": {
- "title": "236",
- "intro": []
+ "workshop-shopping-cart": {
+ "title": "Створіть кошик для покупок",
+ "intro": [
+ "У цьому практичному занятті ви створите кошик для покупок, використовуючи класи JavaScript.",
+ "Ви ознайомитесь з ключовим словом this, створите екземпляри класу, імплементуєте методи для маніпуляції даними та багато іншого."
+ ]
},
"lab-project-idea-board": {
"title": "Створіть дошку ідей",
@@ -3087,50 +3129,29 @@
"Перевірте, що ви дізнались про функціональне програмування в JavaScript."
]
},
- "lab-quicksort-algorithm": {
- "title": "Створіть алгоритм швидкого сортування",
- "intro": [
- "У цій лабораторній роботі ви імплементуєте алгоритм швидкого сортування, використовуючи JavaScript."
- ]
- },
"dtfv": {
"title": "240",
"intro": []
},
- "quiz-searching-and-sorting-algorithms": {
- "title": "Тест «Алгоритми пошуку та сортування»",
- "intro": [
- "Перевірте, що ви дізнались про алгоритми пошуку та сортування."
- ]
- },
"bnvw": {
- "title": "242",
+ "title": "241",
"intro": []
},
+ "workshop-decimal-to-binary-converter": {
+ "title": "Build a Decimal to Binary Converter",
+ "intro": [
+ "Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
+ "In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
+ ]
+ },
"xkhk": {
"title": "243",
"intro": []
},
- "lab-roman-numeral-converter": {
- "title": "Створіть конвертер римських чисел",
- "intro": [
- "У цій лабораторній роботі ви створите застосунок, який перетворює цілі числа в римські."
- ]
- },
"yaxm": {
"title": "245",
"intro": []
},
- "lab-telephone-number-validator": {
- "title": "Створіть валідатор мобільного номера",
- "intro": [
- "У цій лабораторній роботі ви створите застосунок, який перевіряє, чи мобільний номер є дійсним номером США."
- ]
- },
- "lab-cash-register": {
- "title": "Створіть касовий апарат",
- "intro": ["У цій лабораторній роботі ви створите касовий апарат."]
- },
"udia": {
"title": "248",
"intro": []
@@ -3141,12 +3162,6 @@
"Пригадайте поняття з теми «Функціональне програмування в JavaScript», щоб підготуватись до тесту."
]
},
- "quiz-javascript-problem-solving-and-algorithmic-thinking": {
- "title": "Тест «Розв’язання проблем в JavaScript та алгоритмічне мислення»",
- "intro": [
- "Перевірте, що ви дізнались про розв’язання проблем в JavaScript та алгоритмічне мислення."
- ]
- },
"mjbe": {
"title": "251",
"intro": []
@@ -3186,87 +3201,77 @@
"title": "258",
"intro": []
},
- "mbib": {
- "title": "259",
- "intro": []
+ "lecture-introduction-to-javascript-libraries-and-frameworks": {
+ "title": "Вступ до бібліотек і фреймворків JavaScript",
+ "intro": [
+ "У цих відеолекціях ви ознайомитесь з бібліотеками й фреймворками в JavaScript."
+ ]
},
"oxiv": {
"title": "260",
"intro": []
},
- "quiz-javascript-object-oriented-programming": {
- "title": "Тест «Об’єктноорієнтоване програмування на JavaScript»",
- "intro": [
- "Перевірте, що ви дізнались про об’єктноорієнтоване програмування на JavaScript."
- ]
- },
- "nixz": {
- "title": "262",
+ "fjvx": {
+ "title": "261",
"intro": []
},
- "lab-stack-class": {
- "title": "Створіть клас stack",
+ "lecture-working-with-data-in-react": {
+ "title": "Робота з даними в React",
"intro": [
- "У цій лабораторній роботі ви створите клас stack за допомогою JavaScript."
+ "У цих відеолекціях ви дізнаєтесь, як працювати з даними в React."
]
},
- "lab-linked-list-class": {
- "title": "Створіть клас linked list",
- "intro": [
- "У цій лабораторній роботі ви створите клас linked list за допомогою JavaScript."
- ]
+ "cdfr": {
+ "title": "263",
+ "intro": []
},
- "lab-hash-table-class": {
- "title": "Створіть клас hash table",
- "intro": [
- "У цій лабораторній роботі ви створите клас hash table за допомогою JavaScript."
- ]
+ "bgtd": {
+ "title": "264",
+ "intro": []
},
- "muyw": {
- "title": "266",
+ "ascd": {
+ "title": "265",
"intro": []
},
- "quiz-javascript-data-structures": {
- "title": "Тест «Структури даних в JavaScript»",
- "intro": [
- "Перевірте, що ви дізнались про структури даних в JavaScript."
- ]
+ "quiz-react-basics": {
+ "title": "Тест «Основи React»",
+ "intro": ["Перевірте, що ви дізнались про основи React."]
+ },
+ "rugw": {
+ "title": "267",
+ "intro": []
},
"rmpy": {
"title": "268",
"intro": []
},
- "lab-depth-first-search": {
- "title": "Імплементуйте алгоритм пошуку в глибину",
- "intro": [
- "У цій лабораторній роботі ви будете використовувати JavaScript, щоб імплементувати алгоритм пошуку в глибину."
- ]
+ "dbta": {
+ "title": "269",
+ "intro": []
+ },
+ "rnfe": {
+ "title": "271",
+ "intro": []
},
"xdyh": {
"title": "270",
"intro": []
},
- "quiz-graphs-and-trees": {
- "title": "Тест «Графи та дерева»",
- "intro": ["Перевірте, що ви дізнались про графи та дерева."]
- },
"vjgg": {
"title": "272",
"intro": []
},
- "lab-nth-fibonacci-number-generator": {
- "title": "Створіть генератор n-го числа Фібоначчі",
- "intro": [
- "У цій лабораторній роботі ви імплементуєте генератор n-го числа Фібоначчі."
- ]
- },
- "kaui": {
- "title": "274",
+ "ceds": {
+ "title": "273",
"intro": []
},
- "quiz-dynamic-programming": {
- "title": "Тест «Динамічне програмування»",
- "intro": ["Перевірте, що ви дізнались про динамічне програмування."]
+ "quiz-react-state-and-hooks": {
+ "title": "Тест «Стани та хуки в React»",
+ "intro": ["Перевірте, що ви дізнались про стани та хуки в React."]
+ },
+ "ftmi": {
+ "title": "275",
+ "intro": []
},
"sgau": {
"title": "276",
@@ -3284,53 +3289,65 @@
"title": "279",
"intro": []
},
- "lab-pokemon-search-app": {
- "title": "Створіть застосунок «Pokémon Search»",
- "intro": ["У цьому проєкті ви створите застосунок з пошуку покемонів."]
+ "lrof": {
+ "title": "280",
+ "intro": []
},
"vyzp": {
"title": "281",
"intro": []
},
- "icdr": {
- "title": "283",
+ "zagz": {
+ "title": "282",
"intro": []
},
+ "quiz-advanced-react": {
+ "title": "Тест «Advanced React»",
+ "intro": ["Перевірте, що ви дізнались про Advanced React."]
+ },
"zdsj": {
"title": "284",
"intro": []
},
- "mzae": {
- "title": "285",
- "intro": []
+ "review-web-performance": {
+ "title": "Повторення вебпродуктивності",
+ "intro": [
+ "Пригадайте поняття з теми «Вебпродуктивність», щоб підготуватись до тесту."
+ ]
},
- "gjbf": {
- "title": "286",
- "intro": []
+ "quiz-web-performance": {
+ "title": "Тест «Вебпродуктивність»",
+ "intro": ["Перевірте, що ви дізнались про вебпродуктивність."]
},
"mbpv": {
"title": "287",
"intro": []
},
- "eeez": {
- "title": "288",
- "intro": []
+ "review-css-libraries-and-frameworks": {
+ "title": "Повторення бібліотек та фреймворків CSS",
+ "intro": [
+ "Пригадайте поняття з теми «Бібліотеки та фреймворки CSS», щоб підготуватись до тесту."
+ ]
},
- "quiz-web-standards": {
- "title": "Тест «Вебстандарти»",
- "intro": ["Перевірте, що ви дізнались про вебстандарти."]
+ "quiz-css-libraries-and-frameworks": {
+ "title": "Тест «Бібліотеки та фреймворки CSS»",
+ "intro": [
+ "Перевірте, що ви дізнались про бібліотеки та фреймворки CSS."
+ ]
},
"khuu": {
"title": "290",
"intro": []
},
- "xdly": {
- "title": "291",
- "intro": []
+ "review-testing": {
+ "title": "Повторення тестування",
+ "intro": [
+ "Пригадайте поняття з теми «Тестування», щоб підготуватись до тесту."
+ ]
},
- "rhhl": {
- "title": "292",
- "intro": []
+ "quiz-testing": {
+ "title": "Тест «Тестування»",
+ "intro": ["Перевірте, що ви дізнались про тестування."]
},
"trvf": {
"title": "293",
@@ -3348,102 +3365,8 @@
"title": "296",
"intro": []
},
- "quiz-react-basics": {
- "title": "Тест «Основи React»",
- "intro": ["Перевірте, що ви дізнались про основи React."]
- },
- "hfwi": {
- "title": "298",
- "intro": []
- },
- "rnwr": {
- "title": "299",
- "intro": []
- },
- "oeqv": {
- "title": "300",
- "intro": []
- },
- "rdzk": {
- "title": "301",
- "intro": []
- },
- "vtpz": {
- "title": "302",
- "intro": []
- },
- "dfwl": {
- "title": "303",
- "intro": []
- },
- "adzm": {
- "title": "304",
- "intro": []
- },
- "quiz-react-state-and-hooks": {
- "title": "Тест «Стани та хуки в React»",
- "intro": ["Перевірте, що ви дізнались про стани та хуки в React."]
- },
- "voks": {
- "title": "306",
- "intro": []
- },
- "uwum": {
- "title": "307",
- "intro": []
- },
- "ukem": {
- "title": "308",
- "intro": []
- },
- "sdjg": {
- "title": "309",
- "intro": []
- },
- "buzx": {
- "title": "310",
- "intro": []
- },
- "pexz": {
- "title": "311",
- "intro": []
- },
- "prlo": {
- "title": "312",
- "intro": []
- },
- "jsnd": {
- "title": "313",
- "intro": []
- },
- "quiz-advanced-react": {
- "title": "Тест «Advanced React»",
- "intro": ["Перевірте, що ви дізнались про Advanced React."]
- },
- "tkgg": {
- "title": "315",
- "intro": []
- },
- "review-web-performance": {
- "title": "Повторення вебпродуктивності",
- "intro": [
- "Пригадайте поняття з теми «Вебпродуктивність», щоб підготуватись до тесту."
- ]
- },
- "quiz-web-performance": {
- "title": "Тест «Вебпродуктивність»",
- "intro": ["Перевірте, що ви дізнались про вебпродуктивність."]
- },
- "hzab": {
- "title": "318",
- "intro": []
- },
- "ggea": {
- "title": "319",
- "intro": []
- },
- "vgvz": {
- "title": "320",
+ "muyw": {
+ "title": "297",
"intro": []
},
"review-typescript": {
@@ -3456,48 +3379,18 @@
"title": "Тест «TypeScript»",
"intro": ["Перевірте, що ви дізнались про TypeScript."]
},
- "zhhp": {
- "title": "323",
- "intro": []
- },
- "review-css-libraries-and-frameworks": {
- "title": "Повторення бібліотек та фреймворків CSS",
- "intro": [
- "Пригадайте поняття з теми «Бібліотеки та фреймворки CSS», щоб підготуватись до тесту."
- ]
- },
- "quiz-css-libraries-and-frameworks": {
- "title": "Тест «Бібліотеки та фреймворки CSS»",
- "intro": [
- "Перевірте, що ви дізнались про бібліотеки та фреймворки CSS."
- ]
- },
- "gora": {
- "title": "326",
- "intro": []
- },
- "review-testing": {
- "title": "Повторення тестування",
- "intro": [
- "Пригадайте поняття з теми «Тестування», щоб підготуватись до тесту."
- ]
- },
- "quiz-testing": {
- "title": "Тест «Тестування»",
- "intro": ["Перевірте, що ви дізнались про тестування."]
- },
"review-front-end-libraries": {
"title": "Повторення бібліотек для front end",
"intro": [
"Пригадайте поняття з теми «Бібліотеки для front end», щоб підготуватись до тесту."
]
},
- "mfwu": {
- "title": "330",
+ "rdzk": {
+ "title": "301",
"intro": []
},
- "dfcd": {
- "title": "331",
+ "vtpz": {
+ "title": "302",
"intro": []
},
"workshop-bash-boilerplate": {
@@ -3517,8 +3410,8 @@
"title": "Тест «Команди Bash»",
"intro": ["Перевірте, що ви дізнались про команди Bash."]
},
- "thsj": {
- "title": "335",
+ "voks": {
+ "title": "306",
"intro": []
},
"workshop-mario-database": {
@@ -3544,8 +3437,8 @@
"title": "Тест «Реляційні бази даних»",
"intro": ["Перевірте, що ви дізнались про реляційні бази даних."]
},
- "ynqt": {
- "title": "340",
+ "pexz": {
+ "title": "311",
"intro": []
},
"workshop-bash-five-programs": {
@@ -3565,8 +3458,8 @@
"title": "Тест «Скрипти Bash»",
"intro": ["Перевірте, що ви дізнались про скрипти Bash."]
},
- "pegc": {
- "title": "344",
+ "tkgg": {
+ "title": "315",
"intro": []
},
"workshop-sql-student-database-part-1": {
@@ -3618,8 +3511,8 @@
"title": "Тест «Bash та SQL»",
"intro": ["Перевірте, що ви дізнались про Bash та SQL."]
},
- "movb": {
- "title": "353",
+ "eeez": {
+ "title": "324",
"intro": []
},
"workshop-castle": {
@@ -3639,8 +3532,8 @@
"title": "Тест «Nano»",
"intro": ["Перевірте, що ви дізнались про Nano."]
},
- "pzmc": {
- "title": "357",
+ "rhhl": {
+ "title": "328",
"intro": []
},
"workshop-sql-reference-object": {
@@ -3678,6 +3571,122 @@
"Пригадайте поняття з теми «Реляційні бази даних», щоб підготуватись до тесту."
]
},
+ "thsj": {
+ "title": "335",
+ "intro": []
+ },
+ "uwum": {
+ "title": "336",
+ "intro": []
+ },
+ "asfv": {
+ "title": "337",
+ "intro": []
+ },
+ "bvfx": {
+ "title": "338",
+ "intro": []
+ },
+ "buzx": {
+ "title": "339",
+ "intro": []
+ },
+ "ynqt": {
+ "title": "340",
+ "intro": []
+ },
+ "prlo": {
+ "title": "341",
+ "intro": []
+ },
+ "jsnd": {
+ "title": "342",
+ "intro": []
+ },
+ "sxdc": {
+ "title": "343",
+ "intro": []
+ },
+ "pegc": {
+ "title": "344",
+ "intro": []
+ },
+ "mzae": {
+ "title": "345",
+ "intro": []
+ },
+ "gjbf": {
+ "title": "346",
+ "intro": []
+ },
+ "hzab": {
+ "title": "347",
+ "intro": []
+ },
+ "ggea": {
+ "title": "348",
+ "intro": []
+ },
+ "vgvz": {
+ "title": "349",
+ "intro": []
+ },
+ "hfwi": {
+ "title": "350",
+ "intro": []
+ },
+ "rnwr": {
+ "title": "351",
+ "intro": []
+ },
+ "zhhp": {
+ "title": "352",
+ "intro": []
+ },
+ "movb": {
+ "title": "353",
+ "intro": []
+ },
+ "ngor": {
+ "title": "354",
+ "intro": []
+ },
+ "gora": {
+ "title": "355",
+ "intro": []
+ },
+ "xdly": {
+ "title": "356",
+ "intro": []
+ },
+ "pzmc": {
+ "title": "357",
+ "intro": []
+ },
+ "oeqv": {
+ "title": "358",
+ "intro": []
+ },
+ "mfwu": {
+ "title": "359",
+ "intro": []
+ },
+ "dfcd": {
+ "title": "360",
+ "intro": []
+ },
+ "dfwl": {
+ "title": "361",
+ "intro": []
+ },
+ "adzm": {
+ "title": "362",
+ "intro": []
+ },
+ "kaui": {
+ "title": "363",
+ "intro": []
+ },
"zpjj": {
"title": "364",
"intro": []
@@ -3686,15 +3695,13 @@
"title": "365",
"intro": []
},
- "review-security-and-privacy": {
- "title": "Повторення безпеки та приватності",
- "intro": [
- "Пригадайте поняття з теми «Безпека та приватність», щоб підготуватись до тесту."
- ]
+ "ukem": {
+ "title": "366",
+ "intro": []
},
- "quiz-security-and-privacy": {
- "title": "Тест «Безпека та приватність»",
- "intro": ["Перевірте, що ви дізнались про безпеку та приватність."]
+ "sdjg": {
+ "title": "367",
+ "intro": []
},
"qjov": {
"title": "368",
@@ -3724,6 +3731,10 @@
"title": "382",
"intro": []
},
+ "xfrd": {
+ "title": "383",
+ "intro": []
+ },
"nkjt": {
"title": "384",
"intro": []
diff --git a/client/i18n/locales/ukrainian/translations.json b/client/i18n/locales/ukrainian/translations.json
index 1d5c267c705fab..282168b131e252 100644
--- a/client/i18n/locales/ukrainian/translations.json
+++ b/client/i18n/locales/ukrainian/translations.json
@@ -852,7 +852,7 @@
"expired-link": "Схоже, посилання, на яке ви натиснули, застаріло. Будь ласка, створіть запит на нове посилання, щоб увійти",
"signin-success": "Ви успішно ввійшли у свій обліковий запис. Щасливого програмування!",
"social-auth-gone": "Ми відходимо від автентифікації за допомогою соцмереж через конфіденційність. Наступного разу ми рекомендуємо використовувати свою адресу електронної пошти: {{email}} для входу в систему.",
- "name-needed": "Нам потрібне ваше ім’я, щоб ми могли вказати його на сертифікаті. Додайте своє ім’я до налаштувань облікового запису і натисніть кнопку «Зберегти». Після цього ми зможемо видати вам сертифікат.",
+ "name-needed": "Нам потрібне ваше ім’я, щоб вказати його на сертифікаті. Будь ласка, додайте своє ім’я до профілю і натисніть кнопку «Зберегти». Після цього ми зможемо видати сертифікат.",
"incomplete-steps": "Схоже, ви не завершили необхідні кроки. Будь ласка, виконайте необхідні проєкти, щоб отримати сертифікацію {{name}}.",
"already-claimed": "Схоже, ви вже отримали сертифікацію «{{name}}»",
"cert-claim-success": "@{{username}}, ви успішно отримали сертифікацію «{{name}}»! Вітаємо від імені команди freeCodeCamp.org!",
From 0e98fb2e46df714d3e97c47b28fcd8256d0716ec Mon Sep 17 00:00:00 2001
From: freeCodeCamp's Camper Bot content goes here
+```
---
-A block element.
+```html
+>block container<
>`
---
-`>>span>>inline container>>span>>`
+`>>div>>block container>>div>>`
---
-`[span]inline container[/span]`
+`[div]block container[/div]`
#### --answer--
-`inline container`
+`block container
`
### --question--
diff --git a/curriculum/challenges/english/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md b/curriculum/challenges/english/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
index b4d1afc32641cc..07d30165b2243c 100644
--- a/curriculum/challenges/english/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
+++ b/curriculum/challenges/english/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
@@ -12,7 +12,7 @@ Review the concepts below to prepare for the upcoming quiz.
## HTML Basics
- **Role of HTML**: Foundation of web structure.
-- **Block-level vs. inline elements**: Understanding `div` and `span`.
+- **Block-level elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold over HTML elements.
- **Attributes**: Adding metadata and behavior to elements.
## Identifiers and Grouping
diff --git a/curriculum/challenges/english/25-front-end-development/review-html/671a883163d5ab5d47145880.md b/curriculum/challenges/english/25-front-end-development/review-html/671a883163d5ab5d47145880.md
index 5c2d6b973417a9..660e4f9a24b07c 100644
--- a/curriculum/challenges/english/25-front-end-development/review-html/671a883163d5ab5d47145880.md
+++ b/curriculum/challenges/english/25-front-end-development/review-html/671a883163d5ab5d47145880.md
@@ -12,7 +12,7 @@ Review the concepts below to prepare for the upcoming prep exam.
## HTML Basics
- **Role of HTML**: HTML represents the content and structure of a webpage.
-- **Block-level vs. inline elements**: The `div` element is a block-level element used for grouping content, while the `span` element is an inline element used for styling text.
+- **`div` Element**: The `div` element is a block-level element used for grouping content.
- **Attributes**: Adding metadata and behavior to elements.
## Identifiers and Grouping
From 594ee9af58d684789fccc8b19670aab52e1ff724 Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Quiz",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Test what you've learned in this quiz on JavaScript Maps, Sets, and JSON."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
diff --git a/client/i18n/locales/chinese/intro.json b/client/i18n/locales/chinese/intro.json
index d217555b0a228c..d4e41be09f0789 100644
--- a/client/i18n/locales/chinese/intro.json
+++ b/client/i18n/locales/chinese/intro.json
@@ -1722,7 +1722,7 @@
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
- "maps-sets-and-json": "Maps and Sets",
+ "maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"recursion": "Recursion",
@@ -3122,16 +3122,17 @@
"title": "227",
"intro": []
},
- "review-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Review",
+ "review-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Review",
"intro": [
- "Review the JavaScript Maps, Sets, and JSON concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JS Maps and Sets, you first need to review.",
+ "Open up this page to review concepts such as the Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Quiz",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Test what you've learned in this quiz on JavaScript Maps, Sets, and JSON."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
diff --git a/client/i18n/locales/espanol/intro.json b/client/i18n/locales/espanol/intro.json
index 2b5ecdde1bdb4b..1c51b0dc61e4d3 100644
--- a/client/i18n/locales/espanol/intro.json
+++ b/client/i18n/locales/espanol/intro.json
@@ -1738,7 +1738,7 @@
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
- "maps-sets-and-json": "Maps and Sets",
+ "maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"recursion": "Recursion",
@@ -3138,16 +3138,17 @@
"title": "227",
"intro": []
},
- "review-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Review",
+ "review-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Review",
"intro": [
- "Review the JavaScript Maps, Sets, and JSON concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JS Maps and Sets, you first need to review.",
+ "Open up this page to review concepts such as the Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Quiz",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Test what you've learned in this quiz on JavaScript Maps, Sets, and JSON."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
diff --git a/client/i18n/locales/german/intro.json b/client/i18n/locales/german/intro.json
index a9e3a32ad6c277..0acfe1c34ed381 100644
--- a/client/i18n/locales/german/intro.json
+++ b/client/i18n/locales/german/intro.json
@@ -1736,7 +1736,7 @@
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
- "maps-sets-and-json": "Maps and Sets",
+ "maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"recursion": "Recursion",
@@ -3136,16 +3136,17 @@
"title": "227",
"intro": []
},
- "review-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Review",
+ "review-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Review",
"intro": [
- "Review the JavaScript Maps, Sets, and JSON concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JS Maps and Sets, you first need to review.",
+ "Open up this page to review concepts such as the Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Quiz",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Test what you've learned in this quiz on JavaScript Maps, Sets, and JSON."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
diff --git a/client/i18n/locales/italian/intro.json b/client/i18n/locales/italian/intro.json
index aeb127bd7ffbc7..9c62813f925633 100644
--- a/client/i18n/locales/italian/intro.json
+++ b/client/i18n/locales/italian/intro.json
@@ -1736,7 +1736,7 @@
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
- "maps-sets-and-json": "Maps and Sets",
+ "maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"recursion": "Recursion",
@@ -3136,16 +3136,17 @@
"title": "227",
"intro": []
},
- "review-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Review",
+ "review-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Review",
"intro": [
- "Review the JavaScript Maps, Sets, and JSON concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JS Maps and Sets, you first need to review.",
+ "Open up this page to review concepts such as the Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Quiz",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Test what you've learned in this quiz on JavaScript Maps, Sets, and JSON."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
diff --git a/client/i18n/locales/japanese/intro.json b/client/i18n/locales/japanese/intro.json
index 23663509123f39..60ddf6ecf1c743 100644
--- a/client/i18n/locales/japanese/intro.json
+++ b/client/i18n/locales/japanese/intro.json
@@ -1736,7 +1736,7 @@
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
- "maps-sets-and-json": "Maps and Sets",
+ "maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"recursion": "Recursion",
@@ -3136,16 +3136,17 @@
"title": "227",
"intro": []
},
- "review-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Review",
+ "review-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Review",
"intro": [
- "Review the JavaScript Maps, Sets, and JSON concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JS Maps and Sets, you first need to review.",
+ "Open up this page to review concepts such as the Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Quiz",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Test what you've learned in this quiz on JavaScript Maps, Sets, and JSON."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
diff --git a/client/i18n/locales/korean/intro.json b/client/i18n/locales/korean/intro.json
index f4e7f71279a450..918bea0360263b 100644
--- a/client/i18n/locales/korean/intro.json
+++ b/client/i18n/locales/korean/intro.json
@@ -1736,7 +1736,7 @@
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
- "maps-sets-and-json": "Maps and Sets",
+ "maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"recursion": "Recursion",
@@ -3136,16 +3136,17 @@
"title": "227",
"intro": []
},
- "review-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Review",
+ "review-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Review",
"intro": [
- "Review the JavaScript Maps, Sets, and JSON concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JS Maps and Sets, you first need to review.",
+ "Open up this page to review concepts such as the Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Quiz",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Test what you've learned in this quiz on JavaScript Maps, Sets, and JSON."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
diff --git a/client/i18n/locales/portuguese/intro.json b/client/i18n/locales/portuguese/intro.json
index fa8a17e8c017d0..5e4ff4b8e8a13c 100644
--- a/client/i18n/locales/portuguese/intro.json
+++ b/client/i18n/locales/portuguese/intro.json
@@ -1736,7 +1736,7 @@
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
- "maps-sets-and-json": "Maps and Sets",
+ "maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"recursion": "Recursion",
@@ -3136,16 +3136,17 @@
"title": "227",
"intro": []
},
- "review-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Review",
+ "review-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Review",
"intro": [
- "Review the JavaScript Maps, Sets, and JSON concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JS Maps and Sets, you first need to review.",
+ "Open up this page to review concepts such as the Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Quiz",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Test what you've learned in this quiz on JavaScript Maps, Sets, and JSON."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
diff --git a/client/i18n/locales/swahili/intro.json b/client/i18n/locales/swahili/intro.json
index ee5dc531ae8a33..80a5c798b518a9 100644
--- a/client/i18n/locales/swahili/intro.json
+++ b/client/i18n/locales/swahili/intro.json
@@ -1736,7 +1736,7 @@
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
- "maps-sets-and-json": "Maps and Sets",
+ "maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"recursion": "Recursion",
@@ -3136,16 +3136,17 @@
"title": "227",
"intro": []
},
- "review-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Review",
+ "review-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Review",
"intro": [
- "Review the JavaScript Maps, Sets, and JSON concepts to prepare for the upcoming quiz."
+ "Before you are quizzed on JS Maps and Sets, you first need to review.",
+ "Open up this page to review concepts such as the Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "JavaScript Maps, Sets, and JSON Quiz",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Test what you've learned in this quiz on JavaScript Maps, Sets, and JSON."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
diff --git a/client/i18n/locales/ukrainian/intro.json b/client/i18n/locales/ukrainian/intro.json
index 7d4cc774154c39..79bd6f3b95bdb7 100644
--- a/client/i18n/locales/ukrainian/intro.json
+++ b/client/i18n/locales/ukrainian/intro.json
@@ -1728,7 +1728,7 @@
"form-validation": "Валідація форм",
"javascript-dates": "Дати",
"audio-and-video-events": "Аудіо- та відеоподії",
- "maps-sets-and-json": "Map та set",
+ "maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage та операції CRUD",
"classes-and-the-this-keyword": "Класи",
"recursion": "Рекурсія",
@@ -3096,16 +3096,17 @@
"title": "227",
"intro": []
},
- "review-javascript-maps-sets-and-json": {
- "title": "Повторення map, set та JSON в JavaScript",
+ "review-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Review",
"intro": [
- "Пригадайте поняття з теми «Map, set та JSON в JavaScript», щоб підготуватись до тесту."
+ "Before you are quizzed on JS Maps and Sets, you first need to review.",
+ "Open up this page to review concepts such as the Map and Set objects, as well as WeakSet and WeakMap."
]
},
- "quiz-javascript-maps-sets-and-json": {
- "title": "Тест «Map, set та JSON в JavaScript»",
+ "quiz-javascript-maps-and-sets": {
+ "title": "JavaScript Maps and Sets Quiz",
"intro": [
- "Перевірте, що ви дізнались про map, set та JSON в JavaScript."
+ "Test what you've learned in this quiz on JavaScript Maps and Sets."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
From 24abd4d9fcafdb442788b9091a315b1df129eb0a Mon Sep 17 00:00:00 2001
From: Tom <20648924+moT01@users.noreply.github.com>
Date: Wed, 4 Dec 2024 12:27:12 -0600
Subject: [PATCH 123/480] fix(curriculum): remove removed lecture challenge
challenge (#57416)
---
.../meta.json | 4 ---
.../6734d6ae0dc8587dbd3d65f7.md | 33 -------------------
2 files changed, 37 deletions(-)
delete mode 100644 curriculum/challenges/english/25-front-end-development/lecture-understanding-asynchronous-programming/6734d6ae0dc8587dbd3d65f7.md
diff --git a/curriculum/challenges/_meta/lecture-understanding-asynchronous-programming/meta.json b/curriculum/challenges/_meta/lecture-understanding-asynchronous-programming/meta.json
index b043dbbc4481a9..bf0732b1f0cc1f 100644
--- a/curriculum/challenges/_meta/lecture-understanding-asynchronous-programming/meta.json
+++ b/curriculum/challenges/_meta/lecture-understanding-asynchronous-programming/meta.json
@@ -37,10 +37,6 @@
{
"id": "673407eb10ca9d68634e81d9",
"title": "What Is the Geolocation API, and How Does the getCurrentPosition Work?"
- },
- {
- "id": "6734d6ae0dc8587dbd3d65f7",
- "title": "What Is the Permissions API, and How Can You Use It?"
}
],
"helpCategory": "JavaScript"
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-understanding-asynchronous-programming/6734d6ae0dc8587dbd3d65f7.md b/curriculum/challenges/english/25-front-end-development/lecture-understanding-asynchronous-programming/6734d6ae0dc8587dbd3d65f7.md
deleted file mode 100644
index c93a45b411b42d..00000000000000
--- a/curriculum/challenges/english/25-front-end-development/lecture-understanding-asynchronous-programming/6734d6ae0dc8587dbd3d65f7.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-id: 6734d6ae0dc8587dbd3d65f7
-title: What Is the Permissions API, and How Can You Use It?
-challengeType: 11
-videoId: nVAaxZ34khk
-dashedName: what-is-the-permissions-api-and-how-can-you-use-it
----
-
-# --description--
-
-Watch the lecture video and answer the questions below.
-
-# --questions--
-
-## --text--
-
-What Is the Permissions API, and How Can You Use It? question?
-
-## --answers--
-
-Answer 1
-
----
-
-Answer 2
-
----
-
-Answer 3
-
-## --video-solution--
-
-1
From e11152d60ba6fccf110acd4606ad9db5ceb76d4e Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams
-
-
-
+
+
+
+ ) : (
+
+
+
+
+
+ {title}
+
+
+
+ ) : (
+ <>
+ {!prerequisitesComplete ? (
+
+
+
+
+ );
}
ShowExam.displayName = 'ShowExam';
From 9d4f63920b18cddbc179f7dafc7547b3e8d88f3c Mon Sep 17 00:00:00 2001
From: Shaun Hamilton
Date: Fri, 6 Dec 2024 10:50:37 +0200
Subject: [PATCH 132/480] breaking(api): remove submission time from exam env
(#57365)
---
api/__mocks__/env-exam.ts | 6 +--
api/prisma/schema.prisma | 23 +++++-----
.../routes/exam-environment.test.ts | 6 +--
.../routes/exam-environment.ts | 43 ++++---------------
api/src/exam-environment/schemas/exams.ts | 3 +-
api/src/exam-environment/utils/exam.ts | 3 +-
6 files changed, 28 insertions(+), 56 deletions(-)
diff --git a/api/__mocks__/env-exam.ts b/api/__mocks__/env-exam.ts
index 2a863283b1f8af..e56d7b0512284c 100644
--- a/api/__mocks__/env-exam.ts
+++ b/api/__mocks__/env-exam.ts
@@ -45,7 +45,8 @@ export const config: EnvConfig = {
numberOfCorrectAnswers: 1,
numberOfIncorrectAnswers: 1
}
- ]
+ ],
+ retakeTimeInMS: 24 * 60 * 60 * 1000
};
export const questionSets: EnvQuestionSet[] = [
@@ -292,8 +293,7 @@ export const examAttempt: EnvExamAttempt = {
}
],
startTimeInMS: Date.now(),
- userId: defaultUserId,
- submissionTimeInMS: null
+ userId: defaultUserId
};
export const examAttemptSansSubmissionTimeInMS: Static<
diff --git a/api/prisma/schema.prisma b/api/prisma/schema.prisma
index 2191291d500ac4..99064a35afdaad 100644
--- a/api/prisma/schema.prisma
+++ b/api/prisma/schema.prisma
@@ -223,15 +223,17 @@ type EnvAnswer {
/// Configuration for an exam in the Exam Environment App
type EnvConfig {
/// Human-readable exam name
- name String
+ name String
/// Notes given about exam
- note String
+ note String
/// Category configuration for question selection
- tags EnvTagConfig[]
+ tags EnvTagConfig[]
/// Total time allocated for exam in milliseconds
- totalTimeInMS Int
+ totalTimeInMS Int
/// Configuration for sets of questions
- questionSets EnvQuestionSetConfig[]
+ questionSets EnvQuestionSetConfig[]
+ /// Duration after exam completion before a retake is allowed in milliseconds
+ retakeTimeInMS Int
}
/// Configuration for a set of questions in the Exam Environment App
@@ -267,14 +269,10 @@ model EnvExamAttempt {
/// Foreign key to generated exam id
generatedExamId String @db.ObjectId
- questionSets EnvQuestionSetAttempt[]
+ questionSets EnvQuestionSetAttempt[]
/// Time exam was started as milliseconds since epoch
- startTimeInMS Int
- /// Time exam was submitted as milliseconds since epoch
- ///
- /// As attempt might not be submitted (disconnection or quit), field is optional
- submissionTimeInMS Int?
- needsRetake Boolean
+ startTimeInMS Int
+ needsRetake Boolean
// Relations
user user @relation(fields: [userId], references: [id], onDelete: Cascade)
@@ -301,7 +299,6 @@ type EnvMultipleChoiceQuestionAttempt {
/// A generated exam for the Exam Environment App
///
/// This is the user-facing information for an exam.
-/// TODO: Add userId?
model EnvGeneratedExam {
id String @id @default(auto()) @map("_id") @db.ObjectId
/// Foreign key to exam
diff --git a/api/src/exam-environment/routes/exam-environment.test.ts b/api/src/exam-environment/routes/exam-environment.test.ts
index de4a35b1dd949e..da4a1e02ec460b 100644
--- a/api/src/exam-environment/routes/exam-environment.test.ts
+++ b/api/src/exam-environment/routes/exam-environment.test.ts
@@ -435,8 +435,6 @@ describe('/exam-environment/', () => {
24 * 60 * 60 * 1000 -
mock.exam.config.totalTimeInMS -
1 * 60 * 60 * 1000;
- submittedAttempt.submissionTimeInMS =
- Date.now() - mock.exam.config.totalTimeInMS - 24 * 60 * 60 * 1000;
await fastifyTestInstance.prisma.envExamAttempt.create({
data: submittedAttempt
});
@@ -492,7 +490,6 @@ describe('/exam-environment/', () => {
generatedExamId: generatedExam!.id,
questionSets: [],
needsRetake: false,
- submissionTimeInMS: null,
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
startTimeInMS: expect.any(Number)
});
@@ -579,7 +576,8 @@ describe('/exam-environment/', () => {
config: {
name: mock.exam.config.name,
note: mock.exam.config.note,
- totalTimeInMS: mock.exam.config.totalTimeInMS
+ totalTimeInMS: mock.exam.config.totalTimeInMS,
+ retakeTimeInMS: mock.exam.config.retakeTimeInMS
},
id: mock.examId
}
diff --git a/api/src/exam-environment/routes/exam-environment.ts b/api/src/exam-environment/routes/exam-environment.ts
index 3e8d5f288573ca..ba310a9b749398 100644
--- a/api/src/exam-environment/routes/exam-environment.ts
+++ b/api/src/exam-environment/routes/exam-environment.ts
@@ -8,7 +8,6 @@ import * as schemas from '../schemas';
import { mapErr, syncMapErr, UpdateReqType } from '../../utils';
import { JWT_SECRET } from '../../utils/env';
import {
- checkAttemptAgainstGeneratedExam,
checkPrerequisites,
constructUserExam,
userAttemptToDatabaseAttemptQuestionSets,
@@ -209,16 +208,13 @@ async function postExamGeneratedExamHandler(
: null;
if (lastAttempt) {
- const attemptIsExpired =
- lastAttempt.startTimeInMS + exam.config.totalTimeInMS < Date.now();
- if (attemptIsExpired) {
- // If exam is not submitted, use exam start time + time allocated for exam
- const effectiveSubmissionTime =
- lastAttempt.submissionTimeInMS ??
- lastAttempt.startTimeInMS + exam.config.totalTimeInMS;
- const twentyFourHoursAgo = Date.now() - 24 * 60 * 60 * 1000;
-
- if (effectiveSubmissionTime > twentyFourHoursAgo) {
+ const examExpirationTime =
+ lastAttempt.startTimeInMS + exam.config.totalTimeInMS;
+ if (examExpirationTime < Date.now()) {
+ const retakeAllowed =
+ examExpirationTime + exam.config.retakeTimeInMS < Date.now();
+
+ if (!retakeAllowed) {
void reply.code(429);
// TODO: Consider sending last completed time
return reply.send(
@@ -429,20 +425,6 @@ async function postExamAttemptHandler(
latest.startTimeInMS > current.startTimeInMS ? latest : current
);
- // TODO: Currently, submission time is set when all questions have been answered.
- // This might not necessarily be fully submitted. So, provided there is time
- // left on the clock, the attempt should still be updated, even if the submission
- // time is set.
- // The submission time just needs to be updated.
- // if (latestAttempt.submissionTimeInMS !== null) {
- // void reply.code(403);
- // return reply.send(
- // ERRORS.FCC_EINVAL_EXAM_ENVIRONMENT_EXAM_ATTEMPT(
- // 'Attempt has already been submitted.'
- // )
- // );
- // }
-
const maybeExam = await mapErr(
this.prisma.envExam.findUnique({
where: {
@@ -515,12 +497,6 @@ async function postExamAttemptHandler(
validateAttempt(generatedExam, databaseAttemptQuestionSets)
);
- // If all questions have been answered, add submission time
- const allQuestionsAnswered = checkAttemptAgainstGeneratedExam(
- databaseAttemptQuestionSets,
- generatedExam
- );
-
// Update attempt in database
const maybeUpdatedAttempt = await mapErr(
this.prisma.envExamAttempt.update({
@@ -528,8 +504,6 @@ async function postExamAttemptHandler(
id: latestAttempt.id
},
data: {
- // NOTE: submission time is set to null, because it just depends on whether all questions have been answered.
- submissionTimeInMS: allQuestionsAnswered ? Date.now() : null,
questionSets: databaseAttemptQuestionSets,
// If attempt is not valid, immediately flag attempt as needing retake
// TODO: If `needsRetake`, prevent further submissions?
@@ -592,7 +566,8 @@ async function getExams(
config: {
name: exam.config.name,
note: exam.config.note,
- totalTimeInMS: exam.config.totalTimeInMS
+ totalTimeInMS: exam.config.totalTimeInMS,
+ retakeTimeInMS: exam.config.retakeTimeInMS
},
canTake: isExamPrerequisitesMet
};
diff --git a/api/src/exam-environment/schemas/exams.ts b/api/src/exam-environment/schemas/exams.ts
index a348e795ef0e56..748067b9e55816 100644
--- a/api/src/exam-environment/schemas/exams.ts
+++ b/api/src/exam-environment/schemas/exams.ts
@@ -12,7 +12,8 @@ export const examEnvironmentExams = {
config: Type.Object({
name: Type.String(),
note: Type.String(),
- totalTimeInMS: Type.Number()
+ totalTimeInMS: Type.Number(),
+ retakeTimeInMS: Type.Number()
}),
canTake: Type.Boolean()
})
diff --git a/api/src/exam-environment/utils/exam.ts b/api/src/exam-environment/utils/exam.ts
index 3d207cddb24cf1..18e4188e5b9012 100644
--- a/api/src/exam-environment/utils/exam.ts
+++ b/api/src/exam-environment/utils/exam.ts
@@ -101,7 +101,8 @@ export function constructUserExam(
const config = {
totalTimeInMS: exam.config.totalTimeInMS,
name: exam.config.name,
- note: exam.config.note
+ note: exam.config.note,
+ retakeTimeInMS: exam.config.retakeTimeInMS
};
const userExam: UserExam = {
From 245b486f630ed1cb7ec9692dbe89270779603a77 Mon Sep 17 00:00:00 2001
From: Ihechikara Vincent Abba
Date: Fri, 6 Dec 2024 10:28:30 +0100
Subject: [PATCH 133/480] feat(curriculum): add blog post card lab (#56165)
Co-authored-by: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com>
Co-authored-by: Ilenia <26656284+ilenia-magoni@users.noreply.github.com>
---
client/i18n/locales/english/intro.json | 7 +-
.../lab-blog-post-card/index.md | 9 +
.../_meta/lab-blog-post-card/meta.json | 11 +
.../66eaddd04a9e533fba689001.md | 390 ++++++++++++++++++
.../superblock-structure/full-stack.json | 1 +
5 files changed, 417 insertions(+), 1 deletion(-)
create mode 100644 client/src/pages/learn/full-stack-developer/lab-blog-post-card/index.md
create mode 100644 curriculum/challenges/_meta/lab-blog-post-card/meta.json
create mode 100644 curriculum/challenges/english/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md
diff --git a/client/i18n/locales/english/intro.json b/client/i18n/locales/english/intro.json
index 4fb8f94ecf6030..150a993e52817c 100644
--- a/client/i18n/locales/english/intro.json
+++ b/client/i18n/locales/english/intro.json
@@ -2026,7 +2026,12 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": { "title": "45", "intro": [] },
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
+ },
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
"intro": [
diff --git a/client/src/pages/learn/full-stack-developer/lab-blog-post-card/index.md b/client/src/pages/learn/full-stack-developer/lab-blog-post-card/index.md
new file mode 100644
index 00000000000000..1fdc2a2e9df6e0
--- /dev/null
+++ b/client/src/pages/learn/full-stack-developer/lab-blog-post-card/index.md
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Design a Blog Post Card
+block: lab-blog-post-card
+superBlock: full-stack-developer
+---
+
+## Introduction to the Design a Blog Post Card
+
+In this lab, you'll design a blog post card using HTML and CSS
diff --git a/curriculum/challenges/_meta/lab-blog-post-card/meta.json b/curriculum/challenges/_meta/lab-blog-post-card/meta.json
new file mode 100644
index 00000000000000..4cdf2e9588e241
--- /dev/null
+++ b/curriculum/challenges/_meta/lab-blog-post-card/meta.json
@@ -0,0 +1,11 @@
+{
+ "name": "Design a Blog Post Card",
+ "isUpcomingChange": true,
+ "usesMultifileEditor": true,
+ "dashedName": "lab-blog-post-card",
+ "superBlock": "full-stack-developer",
+ "challengeOrder": [{ "id": "66eaddd04a9e533fba689001", "title": "Design a Blog Post Card" }],
+ "helpCategory": "HTML-CSS",
+ "blockType": "lab",
+ "blockLayout": "link"
+}
diff --git a/curriculum/challenges/english/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md b/curriculum/challenges/english/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md
new file mode 100644
index 00000000000000..6e4be1fe91ca37
--- /dev/null
+++ b/curriculum/challenges/english/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md
@@ -0,0 +1,390 @@
+---
+id: 66eaddd04a9e533fba689001
+title: Design a Blog Post Card
+challengeType: 14
+dashedName: lab-blog-post-card
+demoType: onClick
+---
+
+# --description--
+
+In this lab, you'll practice how to style backgrounds and borders by creating a blog post card.
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. You should have a `div` element with a class of `blog-post-card` to hold all of your card elements.
+2. Within the `.blog-post-card` `div` element, you should have an image element with a valid `alt` attribute and text, and a class of `post-img`. You can use `https://cdn.freecodecamp.org/curriculum/labs/cover-photo.jpg` for the `src` attribute of the image.
+3. You should have a `div` with a class of `post-content` within the `.blog-post-card` `div` element with the following:
+ - An `h2` element with a class of `post-title` and text for the title of your blog post.
+ - A `p` element with a class of `post-excerpt` and text to summarize your blog post.
+ - An `a` element with a class of `read-more` with the text `Read More`.
+4. You should apply the following styles to the `.blog-post-card` element:
+ - A white background.
+ - Rounded corners.
+ - A width of your choice.
+ - The text alignment of your choice.
+5. The `.post-img` element should be styled so that the image fills the card's entire width and has a bottom border.
+6. The `.post-content` element should be styled so that there is padding inside the card.
+7. The `.post-title` and `.post-excerpt` elements should have a text color other than the default and margins on all sides.
+8. The `.read-more` element should be styled like a button and have:
+ - A text color other than the default.
+ - A background color.
+ - Margins on all sides.
+ - Padding on all sides.
+ - Rounded corners.
+ - A `display` property set to `inline-block`.
+ - A hover effect that changes its background color.
+
+**Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
+
+# --hints--
+
+You should have a `div` with a class of `blog-post-card`.
+
+```js
+assert.exists(document.querySelector("div.blog-post-card"));
+```
+
+You should have an `img` element with a `class` of `post-img`. Make sure your image has an `alt` attribute with text and a `src` attribute with a value.
+
+```js
+const card = document.querySelector("div.blog-post-card");
+assert.exists(card);
+
+const img = card.querySelector("img.post-img");
+assert.exists(img);
+assert.isString(img.alt);
+assert.isNotEmpty(img.alt);
+assert.isTrue(img.hasAttribute("src"));
+assert.isNotEmpty(img.getAttribute("src"));
+```
+
+You should have a `div` with class of `post-content`.
+
+```js
+const card = document.querySelector("div.blog-post-card");
+assert.exists(card);
+const content = card.querySelector("div.post-content");
+assert.exists(content);
+```
+
+You should have an `h2` element with a class of `post-title`. Make sure it has some text content for the title of your blog post.
+
+```js
+const card = document.querySelector("div.blog-post-card");
+assert.exists(card);
+
+const content = card.querySelector("div.post-content");
+assert.exists(content);
+
+const postTitle = content.querySelector("h2.post-title");
+assert.exists(postTitle);
+assert.isString(postTitle.textContent);
+assert.isNotEmpty(postTitle.textContent);
+```
+
+You should have a `p` with a class of `post-excerpt`. Make sure it has some text content to summarize your blog post.
+
+```js
+const card = document.querySelector("div.blog-post-card");
+assert.exists(card);
+
+const content = card.querySelector("div.post-content");
+assert.exists(content);
+
+const postExcerpt = content.querySelector("p.post-excerpt");
+assert.exists(postExcerpt);
+```
+
+You should have an `a` element with a `class` of `read-more`.
+
+```js
+const card = document.querySelector("div.blog-post-card");
+assert.exists(card);
+
+const content = card.querySelector("div.post-content");
+assert.exists(content);
+
+const readMore = content.querySelector("a.read-more");
+assert.exists(readMore);
+```
+
+Your `.read-more` element should have the text `Read More`.
+
+```js
+const el = document.querySelector("div.post-content a.read-more");
+assert.exists(el);
+assert.strictEqual(el.textContent, "Read More");
+```
+
+Your `.blog-post-card` element should have a `border-radius` property with a value (should not be `0` or a negative value).
+
+```js
+const card = document.querySelector('.blog-post-card');
+assert.exists(card);
+
+const borderRadius = getComputedStyle(card).borderRadius;
+assert.isAbove(parseInt(borderRadius), 0);
+```
+
+Your `.blog-post-card` element should have a white background.
+
+```js
+const card = document.querySelector('.blog-post-card');
+assert.exists(card);
+
+const backgroundColor = getComputedStyle(card).backgroundColor;
+const whiteColors = ['rgb(255, 255, 255)', 'rgba(255, 255, 255, 1)', '#ffffff', '#fff', 'white'];
+
+assert.oneOf(backgroundColor.toLowerCase(), whiteColors);
+```
+
+You should target `.blog-post-card` and set its `width` property.
+
+```js
+assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle(".blog-post-card")?.getPropertyValue("width"));
+```
+
+You should target `.blog-post-card` and set its `text-align` property.
+
+```js
+assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle(".blog-post-card")?.getPropertyValue("text-align"));
+```
+
+You should target `.post-content` and set its `padding` property.
+
+```js
+assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle(".post-content")?.getPropertyValue("padding"));
+```
+
+Your `.read-more` element should have a hover effect.
+
+```js
+const link = document.querySelector('.read-more');
+assert.exists(link);
+
+const stylesheet = [...document.styleSheets].find(sheet => [...sheet.rules].some(rule => rule.selectorText === '.read-more:hover'));
+assert.exists(stylesheet);
+
+const hoverRule = [...stylesheet.rules].find(rule => rule.selectorText === '.read-more:hover');
+const hoverBackgroundColor = hoverRule.style.backgroundColor;
+assert.isNotEmpty(hoverBackgroundColor);
+```
+
+You should target `.read-more` and set its `color` property.
+
+```js
+const readMore = document.querySelector('.read-more');
+assert.exists(readMore);
+
+const readMoreTextColor = getComputedStyle(readMore).color;
+assert.notStrictEqual(readMoreTextColor, 'rgba(0, 0, 0, 0)');
+```
+
+You should target `.read-more` and set its `background-color` property.
+
+```js
+const readMore = document.querySelector('.read-more');
+assert.exists(readMore);
+
+const readMoreBackgroundColor = getComputedStyle(readMore).backgroundColor;
+assert.notStrictEqual(readMoreBackgroundColor, 'rgba(0, 0, 0, 0)');
+```
+
+You should target `.read-more` and set its `margin` property.
+
+```js
+const readMore = document.querySelector('.read-more');
+assert.exists(readMore);
+
+const readMoreMargin = getComputedStyle(readMore).marginTop;
+assert.notStrictEqual(readMoreMargin, '0px');
+```
+
+You should target `.read-more` and set its `display` property.
+
+```js
+const readMore = document.querySelector('.read-more');
+assert.exists(readMore);
+
+const readMoreDisplay = getComputedStyle(readMore).display;
+assert.strictEqual(readMoreDisplay, 'inline-block');
+```
+
+You should target `.read-more` and set its `border-radius` property.
+
+```js
+const readMore = document.querySelector('.read-more');
+assert.exists(readMore);
+
+const readMoreBorderRadius = getComputedStyle(readMore).borderRadius;
+assert.notStrictEqual(readMoreBorderRadius, '0px');
+```
+
+You should target `.read-more` and set its `padding` property.
+
+```js
+const readMore = document.querySelector('.read-more');
+assert.exists(readMore);
+
+const readMorePadding = getComputedStyle(readMore).padding;
+assert.notStrictEqual(readMorePadding, '0px');
+```
+
+Your `.post-img` element should fill the card's `width` and have a `border-bottom` value.
+
+```js
+const postImg = document.querySelector('.post-img');
+assert.exists(postImg);
+
+const imgWidth = getComputedStyle(postImg).width;
+const cardWidth = getComputedStyle(postImg.parentElement).width;
+assert.strictEqual(imgWidth, cardWidth);
+
+const imgBorderBottom = getComputedStyle(postImg).borderBottomWidth;
+assert.notStrictEqual(imgBorderBottom, '0px');
+```
+
+Your `.post-title` and `.post-excerpt` elements should have margins and non-default text colors.
+
+```js
+const title = document.querySelector('.post-title');
+const excerpt = document.querySelector('.post-excerpt');
+
+function isColorApplied(element) {
+ const color = getComputedStyle(element).getPropertyValue('color');
+ return color && color !== 'rgba(0, 0, 0, 0)' && color !== 'transparent';
+}
+
+function isMarginApplied(element) {
+ const margin = getComputedStyle(element).getPropertyValue('margin');
+ return margin && margin !== '0px';
+}
+
+assert.isTrue(isColorApplied(title));
+assert.isTrue(isMarginApplied(title));
+
+assert.isTrue(isColorApplied(excerpt));
+assert.isTrue(isMarginApplied(excerpt));
+
+const styleSheets = [...document.styleSheets];
+
+function hasSelectorWithColor(selector) {
+ return styleSheets.some(sheet => {
+ try {
+ return [...sheet.cssRules].some(rule => {
+ return rule.selectorText?.split(',').map(s => s.trim()).includes(selector) && rule.style.color;
+ });
+ } catch (e) {
+ return false;
+ }
+ });
+}
+
+assert.isTrue(hasSelectorWithColor('.post-title'));
+assert.isTrue(hasSelectorWithColor('.post-excerpt'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ Blog Post Card
+
+
+
+
+
+```
+
+```css
+
+```
+
+# --solutions--
+
+```html
+
+
+
+
+
+ Blog Post Card
+
+
+
+
Date: Fri, 6 Dec 2024 14:53:18 +0100
Subject: [PATCH 134/480] refactor(client): stop passing around unused data
(#57432)
---
client/gatsby-node.js | 1 +
.../src/templates/Challenges/redux/completion-epic.js | 7 +++----
client/src/templates/Challenges/redux/index.js | 2 +-
client/utils/gatsby/challenge-page-creator.js | 10 +++-------
curriculum/get-challenges.js | 4 ++++
curriculum/schema/challenge-schema.js | 1 +
6 files changed, 13 insertions(+), 12 deletions(-)
diff --git a/client/gatsby-node.js b/client/gatsby-node.js
index 3e405884b0924a..9526430448b77a 100644
--- a/client/gatsby-node.js
+++ b/client/gatsby-node.js
@@ -86,6 +86,7 @@ exports.createPages = async function createPages({
blockHashSlug
}
id
+ isLastChallengeInBlock
order
required {
link
diff --git a/client/src/templates/Challenges/redux/completion-epic.js b/client/src/templates/Challenges/redux/completion-epic.js
index 79e2116e58b995..fb200721bf66f8 100644
--- a/client/src/templates/Challenges/redux/completion-epic.js
+++ b/client/src/templates/Challenges/redux/completion-epic.js
@@ -219,7 +219,7 @@ export default function completionEpic(action$, state$) {
const state = state$.value;
const {
- nextBlock,
+ isLastChallengeInBlock,
nextChallengePath,
challengeType,
superBlock,
@@ -243,8 +243,7 @@ export default function completionEpic(action$, state$) {
submitter = submitters[submitTypes[challengeType]];
}
- const lastChallengeInBlock = block !== nextBlock;
- let pathToNavigateTo = lastChallengeInBlock
+ let pathToNavigateTo = isLastChallengeInBlock
? blockHashSlug
: nextChallengePath;
@@ -254,7 +253,7 @@ export default function completionEpic(action$, state$) {
return submitter(type, state).pipe(
concat(
- of(setIsAdvancing(!lastChallengeInBlock), setIsProcessing(false))
+ of(setIsAdvancing(!isLastChallengeInBlock), setIsProcessing(false))
),
mergeMap(x =>
canAllowDonationRequest(state, x)
diff --git a/client/src/templates/Challenges/redux/index.js b/client/src/templates/Challenges/redux/index.js
index 0e331c874915f6..a24ffab0d3a2e6 100644
--- a/client/src/templates/Challenges/redux/index.js
+++ b/client/src/templates/Challenges/redux/index.js
@@ -23,7 +23,7 @@ const initialState = {
block: '',
blockHashSlug: '/',
id: '',
- nextBlock: '',
+ isLastChallengeInBlock: false,
nextChallengePath: '/',
prevChallengePath: '/',
challengeType: -1
diff --git a/client/utils/gatsby/challenge-page-creator.js b/client/utils/gatsby/challenge-page-creator.js
index 3e733405d54983..480ea5c1c29ab9 100644
--- a/client/utils/gatsby/challenge-page-creator.js
+++ b/client/utils/gatsby/challenge-page-creator.js
@@ -86,11 +86,6 @@ function getTemplateComponent(challengeType) {
return views[viewTypes[challengeType]];
}
-function getNextBlock(id, edges) {
- const next = edges[id + 1];
- return next ? next.node.challenge.block : null;
-}
-
exports.createChallengePages = function (createPage) {
return function ({ node }, index, allChallengeEdges) {
const {
@@ -104,7 +99,8 @@ exports.createChallengePages = function (createPage) {
required = [],
template,
challengeType,
- id
+ id,
+ isLastChallengeInBlock
} = node.challenge;
// TODO: challengeType === 7 and isPrivate are the same, right? If so, we
// should remove one of them.
@@ -124,7 +120,7 @@ exports.createChallengePages = function (createPage) {
isFirstStep: getIsFirstStepInBlock(index, allChallengeEdges),
template,
required,
- nextBlock: getNextBlock(index, allChallengeEdges),
+ isLastChallengeInBlock: isLastChallengeInBlock,
nextChallengePath: getNextChallengePath(index, allChallengeEdges),
prevChallengePath: getPrevChallengePath(index, allChallengeEdges),
id
diff --git a/curriculum/get-challenges.js b/curriculum/get-challenges.js
index a26309f5c5d30d..148a2b66d703bc 100644
--- a/curriculum/get-challenges.js
+++ b/curriculum/get-challenges.js
@@ -304,6 +304,9 @@ function generateChallengeCreator(lang, englishPath, i18nPath) {
({ id }) => id === challenge.id
);
+ const isLastChallengeInBlock =
+ meta.challengeOrder.length - 1 === challengeOrder;
+
const isObjectIdFilename = /\/[a-z0-9]{24}\.md$/.test(englishPath);
if (isObjectIdFilename) {
const filename = englishPath.split('/').pop();
@@ -348,6 +351,7 @@ function generateChallengeCreator(lang, englishPath, i18nPath) {
challenge.certification = hasDupe ? hasDupe.certification : meta.superBlock;
challenge.superBlock = meta.superBlock;
challenge.challengeOrder = challengeOrder;
+ challenge.isLastChallengeInBlock = isLastChallengeInBlock;
challenge.isPrivate = challenge.isPrivate || meta.isPrivate;
challenge.required = (meta.required || []).concat(challenge.required || []);
challenge.template = meta.template;
diff --git a/curriculum/schema/challenge-schema.js b/curriculum/schema/challenge-schema.js
index f6b8ca776efd9e..0e17934897e5c1 100644
--- a/curriculum/schema/challenge-schema.js
+++ b/curriculum/schema/challenge-schema.js
@@ -180,6 +180,7 @@ const schema = Joi.object()
'Euler',
'Rosetta'
),
+ isLastChallengeInBlock: Joi.boolean().required(),
videoUrl: Joi.string().allow(''),
fillInTheBlank: Joi.object().keys({
sentence: Joi.string().required(),
From ce8b9710734afa252dea813c102377429f9e8781 Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams
Date: Fri, 6 Dec 2024 18:24:47 +0100
Subject: [PATCH 135/480] refactor: simplify is-audited logic (#57346)
---
.../Introduction/components/block.tsx | 7 ++-----
.../components/help-translate.tsx | 9 ++------
curriculum/get-challenges.js | 5 +----
curriculum/utils.js | 4 ++--
shared/config/curriculum.test.ts | 10 ++++-----
shared/config/curriculum.ts | 21 ++++++++-----------
shared/utils/is-audited.ts | 11 +---------
tools/challenge-auditor/index.ts | 14 +++++--------
8 files changed, 26 insertions(+), 55 deletions(-)
diff --git a/client/src/templates/Introduction/components/block.tsx b/client/src/templates/Introduction/components/block.tsx
index fa4e094641139f..a86f40d704b554 100644
--- a/client/src/templates/Introduction/components/block.tsx
+++ b/client/src/templates/Introduction/components/block.tsx
@@ -27,7 +27,7 @@ import BlockHeader from './block-header';
import '../intro.css';
-const { curriculumLocale, showUpcomingChanges, showNewCurriculum } = envData;
+const { curriculumLocale } = envData;
type Challenge = ChallengeNode['challenge'];
@@ -111,10 +111,7 @@ class Block extends Component {
return isGridBased(superBlock, challenge.challengeType);
});
- const isAudited = isAuditedSuperBlock(curriculumLocale, superBlock, {
- showNewCurriculum,
- showUpcomingChanges
- });
+ const isAudited = isAuditedSuperBlock(curriculumLocale, superBlock);
const blockTitle = t(`intro:${superBlock}.blocks.${block}.title`);
// the real type of TFunction is the type below, because intro can be an array of strings
diff --git a/client/src/templates/Introduction/components/help-translate.tsx b/client/src/templates/Introduction/components/help-translate.tsx
index e0fffe4f259f86..a39fdfa2a28551 100644
--- a/client/src/templates/Introduction/components/help-translate.tsx
+++ b/client/src/templates/Introduction/components/help-translate.tsx
@@ -7,7 +7,7 @@ import { Link } from '../../../components/helpers';
import envData from '../../../../config/env.json';
-const { clientLocale, showUpcomingChanges, showNewCurriculum } = envData;
+const { clientLocale } = envData;
interface HelpTranslateProps {
superBlock: SuperBlocks;
@@ -16,12 +16,7 @@ interface HelpTranslateProps {
function HelpTranslate({ superBlock }: HelpTranslateProps): JSX.Element | null {
const { t } = useTranslation();
- if (
- isAuditedSuperBlock(clientLocale, superBlock, {
- showNewCurriculum,
- showUpcomingChanges
- })
- ) {
+ if (isAuditedSuperBlock(clientLocale, superBlock)) {
return null;
}
diff --git a/curriculum/get-challenges.js b/curriculum/get-challenges.js
index 148a2b66d703bc..263356690f037d 100644
--- a/curriculum/get-challenges.js
+++ b/curriculum/get-challenges.js
@@ -384,10 +384,7 @@ function generateChallengeCreator(lang, englishPath, i18nPath) {
path.resolve(META_DIR, `${getBlockNameFromPath(filePath)}/meta.json`)
);
- const isAudited = isAuditedSuperBlock(lang, meta.superBlock, {
- showNewCurriculum: process.env.SHOW_NEW_CURRICULUM,
- showUpcomingChanges: process.env.SHOW_UPCOMING_CHANGES
- });
+ const isAudited = isAuditedSuperBlock(lang, meta.superBlock);
// If we can use the language, do so. Otherwise, default to english.
const langUsed = isAudited && fs.existsSync(i18nPath) ? lang : 'english';
diff --git a/curriculum/utils.js b/curriculum/utils.js
index 5466c6dcb7ad11..cd80b423e23af0 100644
--- a/curriculum/utils.js
+++ b/curriculum/utils.js
@@ -1,6 +1,6 @@
const path = require('path');
const {
- createFlatSuperBlockMap,
+ generateSuperBlockList,
SuperBlocks
} = require('../shared/config/curriculum');
@@ -42,7 +42,7 @@ function createSuperOrder(superBlocks) {
return superOrder;
}
-const flatSuperBlockMap = createFlatSuperBlockMap({
+const flatSuperBlockMap = generateSuperBlockList({
showNewCurriculum: process.env.SHOW_NEW_CURRICULUM === 'true',
showUpcomingChanges: process.env.SHOW_UPCOMING_CHANGES === 'true'
});
diff --git a/shared/config/curriculum.test.ts b/shared/config/curriculum.test.ts
index 4c88eae26f5ed3..d79940d63d887f 100644
--- a/shared/config/curriculum.test.ts
+++ b/shared/config/curriculum.test.ts
@@ -4,7 +4,7 @@ import {
SuperBlockStage,
superBlockStages,
notAuditedSuperBlocks,
- createFlatSuperBlockMap,
+ generateSuperBlockList,
getAuditedSuperBlocks
} from './curriculum';
@@ -19,9 +19,9 @@ describe('superBlockOrder', () => {
});
});
-describe('createFlatSuperBlockMap', () => {
+describe('generateSuperBlockList', () => {
it('should return an array of SuperBlocks object with New and Upcoming when { showNewCurriculum: true, showUpcomingChanges: true }', () => {
- const result = createFlatSuperBlockMap({
+ const result = generateSuperBlockList({
showNewCurriculum: true,
showUpcomingChanges: true
});
@@ -29,7 +29,7 @@ describe('createFlatSuperBlockMap', () => {
});
it('should return an array of SuperBlocks without New and Upcoming when { showNewCurriculum: false, showUpcomingChanges: false }', () => {
- const result = createFlatSuperBlockMap({
+ const result = generateSuperBlockList({
showNewCurriculum: false,
showUpcomingChanges: false
});
@@ -64,8 +64,6 @@ describe('getAuditedSuperBlocks', () => {
Object.keys(notAuditedSuperBlocks).forEach(language => {
it(`should return only audited SuperBlocks for ${language}`, () => {
const auditedSuperBlocks = getAuditedSuperBlocks({
- showNewCurriculum: true,
- showUpcomingChanges: true,
language
});
diff --git a/shared/config/curriculum.ts b/shared/config/curriculum.ts
index 88b0f9ba56b67f..681f4ca53091c3 100644
--- a/shared/config/curriculum.ts
+++ b/shared/config/curriculum.ts
@@ -248,28 +248,25 @@ type Config = {
showUpcomingChanges: boolean;
};
-type LanguagesConfig = Config & {
- language: string;
-};
-
-export function createFlatSuperBlockMap(config: Config): SuperBlocks[] {
+export function generateSuperBlockList(config: Config): SuperBlocks[] {
return getStageOrder(config)
.map(stage => superBlockStages[stage])
.flat();
}
export function getAuditedSuperBlocks({
- language = 'english',
- showNewCurriculum,
- showUpcomingChanges
-}: LanguagesConfig): SuperBlocks[] {
+ language = 'english'
+}: {
+ language: string;
+}): SuperBlocks[] {
if (!Object.prototype.hasOwnProperty.call(notAuditedSuperBlocks, language)) {
throw Error(`'${language}' key not found in 'notAuditedSuperBlocks'`);
}
- const flatSuperBlockMap = createFlatSuperBlockMap({
- showNewCurriculum,
- showUpcomingChanges
+ // To find the audited superblocks, we need to start with all superblocks.
+ const flatSuperBlockMap = generateSuperBlockList({
+ showNewCurriculum: true,
+ showUpcomingChanges: true
});
const auditedSuperBlocks = flatSuperBlockMap.filter(
superBlock =>
diff --git a/shared/utils/is-audited.ts b/shared/utils/is-audited.ts
index d31e7cebadd954..0c420a1afd5db9 100644
--- a/shared/utils/is-audited.ts
+++ b/shared/utils/is-audited.ts
@@ -3,22 +3,13 @@ import {
getAuditedSuperBlocks
} from '../../shared/config/curriculum';
-export function isAuditedSuperBlock(
- language: string,
- superblock: SuperBlocks,
- {
- showNewCurriculum,
- showUpcomingChanges
- }: { showNewCurriculum: boolean; showUpcomingChanges: boolean }
-) {
+export function isAuditedSuperBlock(language: string, superblock: SuperBlocks) {
// TODO: when all the consumers of this function use TypeScript we can remove
// this check
if (!language || !superblock)
throw Error('Both arguments must be provided for auditing');
const auditedSuperBlocks = getAuditedSuperBlocks({
- showNewCurriculum,
- showUpcomingChanges,
language
});
return auditedSuperBlocks.includes(superblock);
diff --git a/tools/challenge-auditor/index.ts b/tools/challenge-auditor/index.ts
index 4fcb79f537c9fa..f0776aa064fef2 100644
--- a/tools/challenge-auditor/index.ts
+++ b/tools/challenge-auditor/index.ts
@@ -112,20 +112,16 @@ void (async () => {
const langsToCheck = availableLangs.curriculum.filter(
lang => String(lang) !== 'english'
);
- for (const lang of langsToCheck) {
- console.log(`\n=== ${lang} ===`);
- const certs = getAuditedSuperBlocks({
- language: lang,
- showNewCurriculum: process.env.SHOW_NEW_CURRICULUM === 'true',
- showUpcomingChanges: process.env.SHOW_UPCOMING_CHANGES === 'true'
- });
+ for (const language of langsToCheck) {
+ console.log(`\n=== ${language} ===`);
+ const certs = getAuditedSuperBlocks({ language });
const langCurriculumDirectory = join(
process.cwd(),
'curriculum',
'i18n-curriculum',
'curriculum',
'challenges',
- lang
+ language
);
const auditedFiles = englishFilePaths.filter(file =>
certs.some(
@@ -139,7 +135,7 @@ void (async () => {
const noMissingFiles = await auditChallengeFiles(auditedFiles, {
langCurriculumDirectory
});
- const noDuplicateSlugs = await auditSlugs(lang, certs);
+ const noDuplicateSlugs = await auditSlugs(language, certs);
if (noMissingFiles && noDuplicateSlugs) {
console.log(`All challenges pass.`);
} else {
From ba70f5d2535be55cedda193bcbed94bbca34a621 Mon Sep 17 00:00:00 2001
From: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Date: Sat, 7 Dec 2024 01:45:12 +0700
Subject: [PATCH 136/480] feat(api): add /submit-quiz-attempt endpoint (#57201)
---
api/prisma/schema.prisma | 7 +
api/src/plugins/__fixtures__/user.ts | 1 +
api/src/routes/protected/challenge.test.ts | 140 ++++++++++++++++++
api/src/routes/protected/challenge.ts | 53 ++++++-
api/src/routes/protected/user.test.ts | 9 ++
api/src/routes/protected/user.ts | 1 +
api/src/schemas.ts | 1 +
.../schemas/challenge/submit-quiz-attempt.ts | 23 +++
api/src/schemas/user/get-session-user.ts | 11 ++
9 files changed, 245 insertions(+), 1 deletion(-)
create mode 100644 api/src/schemas/challenge/submit-quiz-attempt.ts
diff --git a/api/prisma/schema.prisma b/api/prisma/schema.prisma
index 99064a35afdaad..d31ac2e1de045a 100644
--- a/api/prisma/schema.prisma
+++ b/api/prisma/schema.prisma
@@ -69,6 +69,12 @@ type SavedChallenge {
lastSavedDate Float
}
+type QuizAttempt {
+ challengeId String
+ quizId String
+ timestamp Float
+}
+
/// Corresponds to the `user` collection.
model user {
id String @id @default(auto()) @map("_id") @db.ObjectId
@@ -76,6 +82,7 @@ model user {
acceptedPrivacyTerms Boolean
completedChallenges CompletedChallenge[]
completedExams CompletedExam[] // Undefined
+ quizAttempts QuizAttempt[] // Undefined
currentChallengeId String?
donationEmails String[] // Undefined | String[] (only possible for built in Types like String)
email String
diff --git a/api/src/plugins/__fixtures__/user.ts b/api/src/plugins/__fixtures__/user.ts
index a8ae025324defc..d41de813934388 100644
--- a/api/src/plugins/__fixtures__/user.ts
+++ b/api/src/plugins/__fixtures__/user.ts
@@ -12,6 +12,7 @@ export const newUser = (email: string) => ({
acceptedPrivacyTerms: false,
completedChallenges: [],
completedExams: [],
+ quizAttempts: [],
currentChallengeId: '',
donationEmails: [],
email,
diff --git a/api/src/routes/protected/challenge.test.ts b/api/src/routes/protected/challenge.test.ts
index c9f464a0212f91..e4ad65b7feddbb 100644
--- a/api/src/routes/protected/challenge.test.ts
+++ b/api/src/routes/protected/challenge.test.ts
@@ -35,6 +35,9 @@ import {
import { Answer } from '../../utils/exam-types';
import type { getSessionUser } from '../../schemas/user/get-session-user';
+const EXISTING_COMPLETED_DATE = new Date('2024-11-08').getTime();
+const DATE_NOW = Date.now();
+
jest.mock('../helpers/challenge-helpers', () => {
const originalModule = jest.requireActual<
typeof import('../helpers/challenge-helpers')
@@ -1676,6 +1679,143 @@ describe('challengeRoutes', () => {
});
});
});
+
+ describe('/submit-quiz-attempt', () => {
+ describe('validation', () => {
+ test('POST rejects requests without challengeId', async () => {
+ const response = await superPost('/submit-quiz-attempt').send({
+ quizId: 'id'
+ });
+
+ expect(response.body).toStrictEqual({
+ type: 'error',
+ message:
+ 'That does not appear to be a valid quiz attempt submission.'
+ });
+ expect(response.statusCode).toBe(400);
+ });
+
+ test('POST rejects requests without quizId', async () => {
+ const response = await superPost('/submit-quiz-attempt').send({
+ challengeId: '66df3b712c41c499e9d31e5b'
+ });
+
+ expect(response.body).toStrictEqual({
+ type: 'error',
+ message:
+ 'That does not appear to be a valid quiz attempt submission.'
+ });
+ expect(response.statusCode).toBe(400);
+ });
+
+ test('POST rejects requests without valid ObjectID', async () => {
+ const response = await superPost('/submit-quiz-attempt').send({
+ challengeId: 'not-a-valid-id'
+ });
+
+ expect(response.body).toStrictEqual({
+ type: 'error',
+ message:
+ 'That does not appear to be a valid quiz attempt submission.'
+ });
+ expect(response.statusCode).toBe(400);
+ });
+ });
+
+ describe('handling', () => {
+ beforeAll(() => {
+ jest.useFakeTimers({
+ doNotFake: ['nextTick']
+ });
+ jest.setSystemTime(DATE_NOW);
+ });
+
+ afterAll(() => {
+ jest.useRealTimers();
+ });
+
+ afterEach(async () => {
+ await fastifyTestInstance.prisma.user.updateMany({
+ where: { email: 'foo@bar.com' },
+ data: {
+ completedChallenges: [],
+ quizAttempts: []
+ }
+ });
+ });
+
+ test('POST adds new attempt to quizAttempts', async () => {
+ const response = await superPost('/submit-quiz-attempt').send({
+ challengeId: '66df3b712c41c499e9d31e5b',
+ quizId: '0'
+ });
+
+ const user = await fastifyTestInstance.prisma.user.findFirstOrThrow({
+ where: { email: 'foo@bar.com' }
+ });
+
+ expect(user).toMatchObject({
+ quizAttempts: [
+ {
+ challengeId: '66df3b712c41c499e9d31e5b',
+ quizId: '0',
+ timestamp: DATE_NOW
+ }
+ ]
+ });
+
+ expect(response.statusCode).toBe(200);
+ expect(response.body).toStrictEqual({});
+ });
+
+ test('POST updates the timestamp of the existing attempt', async () => {
+ await fastifyTestInstance.prisma.user.updateMany({
+ where: { id: defaultUserId },
+ data: {
+ quizAttempts: [
+ {
+ challengeId: '66df3b712c41c499e9d31e5b', // quiz-basic-html
+ quizId: '0',
+ timestamp: EXISTING_COMPLETED_DATE
+ },
+ {
+ challengeId: '66ed903cf45ce3ece4053ebe', // quiz-semantic-html
+ quizId: '1',
+ timestamp: EXISTING_COMPLETED_DATE
+ }
+ ]
+ }
+ });
+
+ const response = await superPost('/submit-quiz-attempt').send({
+ challengeId: '66df3b712c41c499e9d31e5b',
+ quizId: '1'
+ });
+
+ const user = await fastifyTestInstance.prisma.user.findFirstOrThrow({
+ where: { email: 'foo@bar.com' }
+ });
+
+ expect(user).toMatchObject({
+ quizAttempts: [
+ {
+ challengeId: '66df3b712c41c499e9d31e5b',
+ quizId: '1',
+ timestamp: DATE_NOW
+ },
+ {
+ challengeId: '66ed903cf45ce3ece4053ebe',
+ quizId: '1',
+ timestamp: EXISTING_COMPLETED_DATE
+ }
+ ]
+ });
+
+ expect(response.statusCode).toBe(200);
+ expect(response.body).toStrictEqual({});
+ });
+ });
+ });
});
describe('Unauthenticated user', () => {
diff --git a/api/src/routes/protected/challenge.ts b/api/src/routes/protected/challenge.ts
index 99848b7385cfa6..829b225e20cece 100644
--- a/api/src/routes/protected/challenge.ts
+++ b/api/src/routes/protected/challenge.ts
@@ -1,6 +1,6 @@
import { type FastifyPluginCallbackTypebox } from '@fastify/type-provider-typebox';
import jwt from 'jsonwebtoken';
-import { uniqBy } from 'lodash';
+import { uniqBy, matches } from 'lodash';
import { CompletedExam, ExamResults } from '@prisma/client';
import isURL from 'validator/lib/isURL';
@@ -776,5 +776,56 @@ export const challengeRoutes: FastifyPluginCallbackTypebox = (
}
);
+ fastify.post(
+ '/submit-quiz-attempt',
+ {
+ schema: schemas.submitQuizAttempt,
+ errorHandler(error, request, reply) {
+ if (error.validation) {
+ void reply.code(400);
+ void reply.send({
+ type: 'error',
+ message:
+ 'That does not appear to be a valid quiz attempt submission.'
+ });
+ } else {
+ fastify.errorHandler(error, request, reply);
+ }
+ }
+ },
+ async req => {
+ const { challengeId, quizId } = req.body;
+
+ const user = await fastify.prisma.user.findUniqueOrThrow({
+ where: { id: req.user?.id },
+ select: {
+ id: true,
+ quizAttempts: true
+ }
+ });
+
+ const existingAttempt = user.quizAttempts.find(matches({ challengeId }));
+
+ const newAttempt = {
+ challengeId,
+ quizId,
+ timestamp: Date.now()
+ };
+
+ await fastify.prisma.user.update({
+ where: { id: user.id },
+ data: {
+ quizAttempts: existingAttempt
+ ? {
+ updateMany: { where: { challengeId }, data: newAttempt }
+ }
+ : { push: newAttempt }
+ }
+ });
+
+ return {};
+ }
+ );
+
done();
};
diff --git a/api/src/routes/protected/user.test.ts b/api/src/routes/protected/user.test.ts
index 8299ae7a02dda1..e8f068ae65d74f 100644
--- a/api/src/routes/protected/user.test.ts
+++ b/api/src/routes/protected/user.test.ts
@@ -78,6 +78,13 @@ const testUserData: Prisma.userCreateInput = {
],
partiallyCompletedChallenges: [{ id: '123', completedDate: 123 }],
completedExams: [],
+ quizAttempts: [
+ {
+ challengeId: '66df3b712c41c499e9d31e5b',
+ quizId: '0',
+ timestamp: 1731924665902
+ }
+ ],
githubProfile: 'github.com/foobar',
website: 'https://www.freecodecamp.org',
donationEmails: ['an@add.ress'],
@@ -211,6 +218,7 @@ const publicUserData = {
],
completedExams: testUserData.completedExams,
completedSurveys: [], // TODO: add surveys
+ quizAttempts: testUserData.quizAttempts,
githubProfile: testUserData.githubProfile,
is2018DataVisCert: testUserData.is2018DataVisCert,
is2018FullStackCert: testUserData.is2018FullStackCert, // TODO: should this be returned? The client doesn't use it at the moment.
@@ -717,6 +725,7 @@ describe('userRoutes', () => {
partiallyCompletedChallenges: [],
portfolio: [],
savedChallenges: [],
+ quizAttempts: [],
yearsTopContributor: [],
is2018DataVisCert: false,
is2018FullStackCert: false,
diff --git a/api/src/routes/protected/user.ts b/api/src/routes/protected/user.ts
index a54de1a25e777d..adb063d97eb721 100644
--- a/api/src/routes/protected/user.ts
+++ b/api/src/routes/protected/user.ts
@@ -449,6 +449,7 @@ export const userGetRoutes: FastifyPluginCallbackTypebox = (
completedChallenges: true,
completedExams: true,
currentChallengeId: true,
+ quizAttempts: true,
email: true,
emailVerified: true,
githubProfile: true,
diff --git a/api/src/schemas.ts b/api/src/schemas.ts
index d359ed7d3f33c7..78ac4034d22371 100644
--- a/api/src/schemas.ts
+++ b/api/src/schemas.ts
@@ -10,6 +10,7 @@ export { modernChallengeCompleted } from './schemas/challenge/modern-challenge-c
export { msTrophyChallengeCompleted } from './schemas/challenge/ms-trophy-challenge-completed';
export { projectCompleted } from './schemas/challenge/project-completed';
export { saveChallenge } from './schemas/challenge/save-challenge';
+export { submitQuizAttempt } from './schemas/challenge/submit-quiz-attempt';
export { deprecatedEndpoints } from './schemas/deprecated';
export { addDonation } from './schemas/donate/add-donation';
export { chargeStripeCard } from './schemas/donate/charge-stripe-card';
diff --git a/api/src/schemas/challenge/submit-quiz-attempt.ts b/api/src/schemas/challenge/submit-quiz-attempt.ts
new file mode 100644
index 00000000000000..07ed7e1bf49278
--- /dev/null
+++ b/api/src/schemas/challenge/submit-quiz-attempt.ts
@@ -0,0 +1,23 @@
+import { Type } from '@fastify/type-provider-typebox';
+import { genericError } from '../types';
+
+export const submitQuizAttempt = {
+ body: Type.Object({
+ challengeId: Type.String({
+ format: 'objectid',
+ maxLength: 24,
+ minLength: 24
+ }),
+ quizId: Type.String()
+ }),
+ response: {
+ 200: Type.Object({}),
+ 400: Type.Object({
+ type: Type.Literal('error'),
+ message: Type.Literal(
+ 'That does not appear to be a valid quiz attempt submission.'
+ )
+ }),
+ default: genericError
+ }
+};
diff --git a/api/src/schemas/user/get-session-user.ts b/api/src/schemas/user/get-session-user.ts
index a1abab67ea3a12..fcab27ca7cfca7 100644
--- a/api/src/schemas/user/get-session-user.ts
+++ b/api/src/schemas/user/get-session-user.ts
@@ -41,6 +41,17 @@ export const getSessionUser = {
examResults
})
),
+ quizAttempts: Type.Array(
+ Type.Object({
+ challengeId: Type.String({
+ format: 'objectid',
+ maxLength: 24,
+ minLength: 24
+ }),
+ quizId: Type.String(),
+ timestamp: Type.Number()
+ })
+ ),
completedChallengeCount: Type.Number(),
currentChallengeId: Type.String(),
email: Type.String(),
From 0ef306ce88c0a7406f768bf6ad639dea4f27679c Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams
Date: Fri, 6 Dec 2024 19:56:14 +0100
Subject: [PATCH 137/480] refactor(client): simplify transformation pipeline
functions (#57402)
---
.../Challenges/rechallenge/transformers.js | 16 +++++++++-------
client/src/templates/Challenges/utils/build.ts | 7 ++-----
2 files changed, 11 insertions(+), 12 deletions(-)
diff --git a/client/src/templates/Challenges/rechallenge/transformers.js b/client/src/templates/Challenges/rechallenge/transformers.js
index b01c3a8a31baea..5192ca0a392723 100644
--- a/client/src/templates/Challenges/rechallenge/transformers.js
+++ b/client/src/templates/Challenges/rechallenge/transformers.js
@@ -239,7 +239,8 @@ export const embedFilesInHtml = async function (challengeFiles) {
const { indexHtml, stylesCss, scriptJs, indexJsx, indexTs } =
challengeFilesToObject(challengeFiles);
- const embedStylesAndScript = (documentElement, contentDocument) => {
+ const embedStylesAndScript = contentDocument => {
+ const documentElement = contentDocument.documentElement;
const link =
documentElement.querySelector('link[href="styles.css"]') ??
documentElement.querySelector('link[href="./styles.css"]');
@@ -294,13 +295,13 @@ export const embedFilesInHtml = async function (challengeFiles) {
embedStylesAndScript,
indexHtml.contents
);
- return [challengeFiles, contents];
+ return contents;
} else if (indexJsx) {
- return [challengeFiles, ``];
+ return ``;
} else if (scriptJs) {
- return [challengeFiles, ``];
+ return ``;
} else if (indexTs) {
- return [challengeFiles, ``];
+ return ``;
} else {
throw Error('No html, ts or js(x) file found');
}
@@ -319,12 +320,13 @@ const parseAndTransform = async function (transform, contents) {
const parser = new DOMParser();
const newDoc = parser.parseFromString(contents, 'text/html');
- return await transform(newDoc.documentElement, newDoc);
+ return await transform(newDoc);
};
const getHtmlTranspiler = scriptOptions =>
async function (file) {
- const transform = async documentElement => {
+ const transform = async contentDocument => {
+ const documentElement = contentDocument.documentElement;
await Promise.all([
transformSASS(documentElement),
transformScript(documentElement, scriptOptions)
diff --git a/client/src/templates/Challenges/utils/build.ts b/client/src/templates/Challenges/utils/build.ts
index c39e703bef98d0..432d18fe7a87cd 100644
--- a/client/src/templates/Challenges/utils/build.ts
+++ b/client/src/templates/Challenges/utils/build.ts
@@ -243,10 +243,7 @@ export async function buildDOMChallenge(
const usesTestRunner = options?.usesTestRunner ?? false;
const finalFiles = await Promise.all(challengeFiles.map(pipeLine));
const error = finalFiles.find(({ error }) => error)?.error;
- const [embeddedFiles, contents] = (await embedFilesInHtml(finalFiles)) as [
- ChallengeFile[],
- string
- ];
+ const contents = (await embedFilesInHtml(finalFiles)) as string;
// if there is an error, we just build the test runner so that it can be
// used to run tests against the code without actually running the code.
@@ -264,7 +261,7 @@ export async function buildDOMChallenge(
// necessary at the moment.
challengeType: challengeTypes.html,
build: concatHtml(toBuild),
- sources: buildSourceMap(embeddedFiles),
+ sources: buildSourceMap(finalFiles),
loadEnzyme: hasJsx,
error
};
From 33f7b85f4ef0f1c721ef9ed7222611e94030a283 Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams
Date: Fri, 6 Dec 2024 20:06:38 +0100
Subject: [PATCH 138/480] fix(api): only query for potentially valid tokens
(#57383)
Co-authored-by: Shaun Hamilton
---
.../routes/exam-environment.test.ts | 23 ++++++++++++++++++-
.../routes/exam-environment.ts | 18 ++++++++++-----
2 files changed, 34 insertions(+), 7 deletions(-)
diff --git a/api/src/exam-environment/routes/exam-environment.test.ts b/api/src/exam-environment/routes/exam-environment.test.ts
index da4a1e02ec460b..c153a04517307d 100644
--- a/api/src/exam-environment/routes/exam-environment.test.ts
+++ b/api/src/exam-environment/routes/exam-environment.test.ts
@@ -1,4 +1,6 @@
import { Static } from '@fastify/type-provider-typebox';
+import jwt from 'jsonwebtoken';
+
import {
createSuperRequest,
defaultUserId,
@@ -11,6 +13,7 @@ import {
} from '../schemas';
import * as mock from '../../../__mocks__/env-exam';
import { constructUserExam } from '../utils/exam';
+import { JWT_SECRET } from '../../utils/env';
jest.mock('../../utils/env', () => {
// eslint-disable-next-line @typescript-eslint/no-unsafe-return
@@ -639,7 +642,7 @@ describe('/exam-environment/', () => {
});
describe('GET /exam-environment/token-meta', () => {
- it('should allow a valid request', async () => {
+ it('should reject invalid tokens', async () => {
const res = await superGet('/exam-environment/token-meta').set(
'exam-environment-authorization-token',
'invalid-token'
@@ -652,6 +655,24 @@ describe('/exam-environment/', () => {
}
});
});
+
+ it('should tell the requester if the token does not exist', async () => {
+ const validToken = jwt.sign(
+ { examEnvironmentAuthorizationToken: 'does-not-exist' },
+ JWT_SECRET
+ );
+ const res = await superGet('/exam-environment/token-meta').set(
+ 'exam-environment-authorization-token',
+ validToken
+ );
+
+ expect(res).toMatchObject({
+ status: 418,
+ body: {
+ code: 'FCC_EINVAL_EXAM_ENVIRONMENT_AUTHORIZATION_TOKEN'
+ }
+ });
+ });
});
describe('GET /exam-environment/exams', () => {
diff --git a/api/src/exam-environment/routes/exam-environment.ts b/api/src/exam-environment/routes/exam-environment.ts
index ba310a9b749398..a9484e9c334192 100644
--- a/api/src/exam-environment/routes/exam-environment.ts
+++ b/api/src/exam-environment/routes/exam-environment.ts
@@ -14,6 +14,7 @@ import {
validateAttempt
} from '../utils/exam';
import { ERRORS } from '../utils/errors';
+import { isObjectID } from '../../utils/validation';
/**
* Wrapper for endpoints related to the exam environment desktop app.
@@ -91,8 +92,9 @@ async function tokenMetaHandler(
) {
const { 'exam-environment-authorization-token': encodedToken } = req.headers;
+ let payload: JwtPayload;
try {
- jwt.verify(encodedToken, JWT_SECRET);
+ payload = jwt.verify(encodedToken, JWT_SECRET) as JwtPayload;
} catch (e) {
// Server refuses to brew (verify) coffee (jwts) with a teapot (random strings)
void reply.code(418);
@@ -101,14 +103,18 @@ async function tokenMetaHandler(
);
}
- const payload = jwt.decode(encodedToken) as JwtPayload;
-
- const examEnvironmentAuthorizationToken =
- payload.examEnvironmentAuthorizationToken;
+ if (!isObjectID(payload.examEnvironmentAuthorizationToken)) {
+ void reply.code(418);
+ return reply.send(
+ ERRORS.FCC_EINVAL_EXAM_ENVIRONMENT_AUTHORIZATION_TOKEN(
+ 'Token is not valid'
+ )
+ );
+ }
const token = await this.prisma.examEnvironmentAuthorizationToken.findUnique({
where: {
- id: examEnvironmentAuthorizationToken
+ id: payload.examEnvironmentAuthorizationToken
}
});
From 879c45d00838f67cbd5719933d9bdc13c4e68d23 Mon Sep 17 00:00:00 2001
From: Sem Bauke
Date: Fri, 6 Dec 2024 20:52:35 +0100
Subject: [PATCH 139/480] fix(client): profile consistency (#56720)
Co-authored-by: ahmad abdolsaheb
---
client/i18n/locales/english/translations.json | 1 +
.../__snapshots__/profile.test.tsx.snap | 442 +++++-----
.../timeline-buttons.test.js.snap | 792 +++++++++---------
.../src/components/profile/components/bio.tsx | 90 +-
.../components/profile/components/camper.css | 15 +-
.../components/profile/components/camper.tsx | 57 +-
.../profile/components/certifications.tsx | 83 +-
.../profile/components/heat-map.tsx | 130 +--
.../profile/components/portfolio-projects.css | 1 -
.../profile/components/portfolio-projects.tsx | 74 +-
.../components/profile/components/stats.tsx | 47 +-
.../profile/components/time-line.tsx | 116 +--
client/src/components/profile/profile.css | 13 +
13 files changed, 958 insertions(+), 903 deletions(-)
diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json
index 8b5b30bcc1ce10..cc9a20cb0edd33 100644
--- a/client/i18n/locales/english/translations.json
+++ b/client/i18n/locales/english/translations.json
@@ -346,6 +346,7 @@
"donated": "Donated to the community",
"projects": "Projects",
"stats": "Stats",
+ "activity": "Activity",
"timeline": "Timeline",
"none-completed": "No challenges have been completed yet.",
"get-started": "Get started here.",
diff --git a/client/src/components/profile/__snapshots__/profile.test.tsx.snap b/client/src/components/profile/__snapshots__/profile.test.tsx.snap
index 0f52c5a40c6a49..e89fb2921d5154 100644
--- a/client/src/components/profile/__snapshots__/profile.test.tsx.snap
+++ b/client/src/components/profile/__snapshots__/profile.test.tsx.snap
@@ -21,119 +21,145 @@ exports[`
+
- {title}
-
- |
-
- {t('learn.exam.time', {
- t: formatSecondsToTime(examTimeInSeconds)
- })}
-
- |
-
- {t('learn.exam.questions', {
- n: currentQuestionIndex + 1,
- t: generatedExamQuestions.length
- })}
-
+ }
+
+ const surveyCompleted = completedSurveys.some(
+ s => s.title === 'Foundational C# with Microsoft Survey'
+ );
+ const prerequisitesComplete = missingPrerequisites.length === 0;
+ const qualifiedForExam = prerequisitesComplete && surveyCompleted;
+
+ const blockNameTitle = `${t(
+ `intro:${superBlock}.blocks.${block}.title`
+ )}: ${title}`;
+ const windowTitle = `${blockNameTitle} | freeCodeCamp.org`;
+
+ // TODO: If already taken exam, show different messages
+
+ return examInProgress ? (
+
+
+ )}
+
+
+
-
+
-
-
-
-
- {title}
-
-
-
- ) : (
- <>
- {!prerequisitesComplete ? (
-
+
+ {title}
+ |
+
+ {t('learn.exam.time', {
+ t: formatSecondsToTime(examTimeInSeconds)
+ })}
- -
-
+
- {generatedExamQuestions[currentQuestionIndex].answers.map(
- ({ answer, id }) => (
-
- )
- )}
-
+ |
+
+ {t('learn.exam.questions', {
+ n: currentQuestionIndex + 1,
+ t: generatedExamQuestions.length
+ })}
+ +
+
+
+ {generatedExamQuestions[currentQuestionIndex].answers.map(
+ ({ answer, id }) => (
+
+ )
+ )}
+
+
+
- )}
-
-
+
+
+ {currentQuestionIndex === generatedExamQuestions.length - 1 ? (
-
- {currentQuestionIndex ===
- generatedExamQuestions.length - 1 ? (
-
- ) : (
-
- )}
-
-
-
+ ) : (
-
- {t('learn.exam.qualified')}
-
-
-
+ {t('learn.exam.qualified')}
+
+ 
+
+
+
+```
+
+```css
+body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ margin: 0;
+ background-color: #f0f0f0;
+ font-family: Arial, sans-serif;
+}
+
+.blog-post-card {
+ background-color: white;
+ border-radius: 15px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ width: 350px;
+ margin: 20px;
+ text-align: center;
+}
+
+.post-img {
+ width: 100%;
+ height: auto;
+ border-bottom: 5px solid #333;
+}
+
+.post-content {
+ padding: 20px;
+}
+
+.post-title {
+ color: #333;
+ margin: 0 0 10px;
+}
+
+.post-excerpt {
+ color: #667;
+ margin: 10px 0;
+}
+
+.read-more {
+ display: inline-block;
+ margin-top: 10px;
+ padding: 10px 15px;
+ background-color: #333;
+ color: white;
+ text-decoration: none;
+ border-radius: 5px;
+}
+
+.read-more:hover {
+ background-color: #555;
+}
+```
diff --git a/curriculum/superblock-structure/full-stack.json b/curriculum/superblock-structure/full-stack.json
index b44663567600cb..e15adc329a83a2 100644
--- a/curriculum/superblock-structure/full-stack.json
+++ b/curriculum/superblock-structure/full-stack.json
@@ -98,6 +98,7 @@
{ "dashedName": "lecture-styling-lists-and-links" },
{ "dashedName": "lab-stylized-to-do-list" },
{ "dashedName": "lecture-working-with-backgrounds-and-borders" },
+ { "dashedName": "lab-blog-post-card" },
{ "dashedName": "review-css-backgrounds-and-borders" },
{ "dashedName": "quiz-css-backgrounds-and-borders" }
]
From 3c48b8dd3f8ea7d3db957d704b9d04ed4f63a52f Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams
+
+
+
-
- buttons.profile
-
-
+
+
+
+
- + @ + string +
-
-
-
-
-
- - @ - string -
-
-
+
+
-
-
-
+
+
+
+
+
+
`;
diff --git a/client/src/components/profile/components/bio.tsx b/client/src/components/profile/components/bio.tsx
index 0cb330b87ff98f..9c142695fade79 100644
--- a/client/src/components/profile/components/bio.tsx
+++ b/client/src/components/profile/components/bio.tsx
@@ -34,51 +34,53 @@ const Bio = ({
return (
- profile.timeline -
- -| - profile.challenge - | -- settings.labels.solution - | -- profile.completed - | -|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
-
+ profile.timeline
+
+
+
|
+
-
+
-
+
+
+
+ {name && @{username}
+ {isSessionUser && ( + + )} +{name}
} +{about}
} +
+ {joinDate && (
+
+
+
+ )}
+ {location && (
+
+
+ )}
+
-
- {name && @{username}
- {isSessionUser && ( - - )} -{name}
} -{about}
} -
- {joinDate && (
-
-
-
- )}
- {location && (
-
-
- )}
- +
{t('profile.badges')}
-
- {isDonating && (
-
-
-
- {hasModernCert && currentCerts ? ( -
+
+
+ {hasModernCert && currentCerts ? ( +
);
}
diff --git a/client/src/components/profile/components/heat-map.tsx b/client/src/components/profile/components/heat-map.tsx
index 47a79557a3f69f..608ddb9890600b 100644
--- a/client/src/components/profile/components/heat-map.tsx
+++ b/client/src/components/profile/components/heat-map.tsx
@@ -97,72 +97,74 @@ class HeatMapInner extends Component {
return (
- {
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
- if (!value || value.count < 1) return 'color-empty';
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
- if (value.count < 4) return 'color-scale-1';
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
- if (value.count < 8) return 'color-scale-2';
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
- if (value.count >= 8) return 'color-scale-a-lot';
- return 'color-empty';
- }}
- endDate={endOfCalendar}
- startDate={startOfCalendar}
- tooltipDataAttrs={(value: { count: number; date: Date }) => {
- const dateFormatted: string =
- value && value.date
- ? value.date.toLocaleDateString([localeCode, 'en-US'], {
- year: 'numeric',
- month: 'short',
- day: 'numeric'
- })
- : '';
- return {
- 'data-tip':
- value && value.count > -1
- ? t('profile.points', {
- count: value.count,
- date: dateFormatted
- })
- : ''
- };
- }}
- values={dataToDisplay}
- />
-
-
- {title}
-
-
-
+ values={dataToDisplay} + /> +
+
+ {title}
+
+
+
);
}
diff --git a/client/src/components/profile/components/portfolio-projects.css b/client/src/components/profile/components/portfolio-projects.css
index 80e3ae66cd6713..61137269845934 100644
--- a/client/src/components/profile/components/portfolio-projects.css
+++ b/client/src/components/profile/components/portfolio-projects.css
@@ -2,7 +2,6 @@
.portfolio-card {
display: flex;
flex-direction: column;
- margin-top: 2rem;
width: 100%;
height: auto;
overflow: hidden;
diff --git a/client/src/components/profile/components/portfolio-projects.tsx b/client/src/components/profile/components/portfolio-projects.tsx
index df770d6d1a3c87..5e77f44fb54cb0 100644
--- a/client/src/components/profile/components/portfolio-projects.tsx
+++ b/client/src/components/profile/components/portfolio-projects.tsx
@@ -18,39 +18,47 @@ export const PortfolioProjects = ({
}
return (
- 
{
- currentTarget.src =
- 'https://cdn.freecodecamp.org/platform/universal/fcc_meta_1920X1080-indigo.png';
- }}
- />
- )}
-
+
+
+
+ {image && (
+ {
+ currentTarget.src =
+ 'https://cdn.freecodecamp.org/platform/universal/fcc_meta_1920X1080-indigo.png';
+ }}
+ />
+ )}
+
} +
+ )
+ )}
+
);
};
diff --git a/client/src/components/profile/components/stats.tsx b/client/src/components/profile/components/stats.tsx
index 05a46366319452..8a9cca951fcc8b 100644
--- a/client/src/components/profile/components/stats.tsx
+++ b/client/src/components/profile/components/stats.tsx
@@ -113,29 +113,30 @@ function Stats({ points, calendar }: StatsProps): JSX.Element {
return (
-
+
+
);
}
diff --git a/client/src/components/profile/components/time-line.tsx b/client/src/components/profile/components/time-line.tsx
index 0bb5c9c1519a1b..3a9c6d663e0c42 100644
--- a/client/src/components/profile/components/time-line.tsx
+++ b/client/src/components/profile/components/time-line.tsx
@@ -176,64 +176,66 @@ function TimelineInner({
return (
-
-
-
- )}
- {id && (
-
-
- {`${username}'s Solution to ${
- idToNameMap.get(id)?.challengeTitle ?? ''
- }`}
-
-
-
-
-
-
-
- )}
- {totalPages > 1 && (
-
+
+
+
+ )}
+ {id && (
+
+
+ {`${username}'s Solution to ${
+ idToNameMap.get(id)?.challengeTitle ?? ''
+ }`}
+
+
+
+
+
+
+
+ )}
+ {totalPages > 1 && (
+
);
}
diff --git a/client/src/components/profile/profile.css b/client/src/components/profile/profile.css
index 62b3b15bce0fae..0aa5b4207fa1e3 100644
--- a/client/src/components/profile/profile.css
+++ b/client/src/components/profile/profile.css
@@ -3,3 +3,16 @@
height: fit-content;
padding: 0 !important;
}
+
+.card {
+ margin: 0;
+ padding: 1em;
+ box-shadow: none;
+ background: var(--gray00);
+ border: 1px solid var(--gray15);
+ margin-bottom: 1em;
+}
+
+.card-header {
+ position: relative;
+}
From 9eb31a5db51f4adf2b0bbe5fd6de0740c72eb9d5 Mon Sep 17 00:00:00 2001
From: Kristofer Koishigawa
Date: Sat, 7 Dec 2024 04:53:31 +0900
Subject: [PATCH 140/480] fix(curriculum): update voice recognition software
multiple choice questions (#57431)
---
.../672a536f8386288b9ed0a154.md | 34 +++++++++----------
1 file changed, 17 insertions(+), 17 deletions(-)
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md b/curriculum/challenges/english/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
index 94ed295420883b..ea40b205326f85 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
## --text--
-What distinguishes voice recognition from speech recognition?
+What are the main input devices that voice recognition software replaces?
## --answers--
-Voice recognition authenticates and speech recognition authorizes
+Fingerprint readers.
### --feedback--
-Focus on the primary function of each technology. Voice recognition is about who is speaking, while speech recognition is about what is being said.
+Focus on the types of tasks voice recognition software is typically used for, and the input devices it can replace in those instances.
---
-Speech recognition identifies the user through their voice and voice recognition analyzes the speech
+Image scanners.
### --feedback--
-Focus on the primary function of each technology. Voice recognition is about who is speaking, while speech recognition is about what is being said.
+Focus on the types of tasks voice recognition software is typically used for, and the input devices it can replace in those instances.
---
-Voice recognition identifies the user through their voice and speech recognition recognizes the spoken words.
+Keyboards and mice.
---
-Voice recognition and speech recognition are the same thing
+Webcams.
### --feedback--
-Focus on the primary function of each technology. Voice recognition is about who is speaking, while speech recognition is about what is being said.
+Focus on the types of tasks voice recognition software is typically used for, and the input devices it can replace in those instances.
## --video-solution--
@@ -50,7 +50,7 @@ Focus on the primary function of each technology. Voice recognition is about who
## --text--
-Which of the following is not among those who use voice recognition software?
+Which of the following would be the least likely to benefit from voice recognition software?
## --answers--
@@ -86,35 +86,35 @@ Focus on the purpose of voice recognition software in enhancing accessibility fo
## --text--
-What are Siri, Alexa, and Google Voice?
+Which of the following is not voice recognition software?
## --answers--
-Voice recognition tools.
+Dragon.
### --feedback--
-Think about how these assistants work. Do they react to specific voices, or can anyone use them to perform tasks and get information.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
---
-Speech recognition tools.
+Audacity.
---
-They are both voice recognition and speech recognition tools.
+Voice Control.
### --feedback--
-Think about how these assistants work. Do they react to specific voices, or can anyone use them to perform tasks and get information.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
---
-They are neither voice recognition nor speech recognition tools.
+Voice Access.
### --feedback--
-Think about how these assistants work. Do they react to specific voices, or can anyone use them to perform tasks and get information.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
## --video-solution--
From 9773dc5c81d13d158ed91140313495b0c0465a06 Mon Sep 17 00:00:00 2001
From: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com>
Date: Fri, 6 Dec 2024 12:28:34 -0800
Subject: [PATCH 141/480] chore(curriculum): add array lecture videos (#57433)
---
.../lecture-working-with-arrays/67329f508a6ec45b046700b3.md | 2 +-
.../lecture-working-with-arrays/6732aebaa8abb9086a9bb17a.md | 2 +-
.../lecture-working-with-arrays/6732aec982904608b637716b.md | 2 +-
.../lecture-working-with-arrays/6732aed2ac3d3c08f6149dd6.md | 2 +-
.../lecture-working-with-arrays/6732aedd2d92e30923b9bc24.md | 2 +-
.../67329f64e0ef5c5b7388158d.md | 2 +-
.../6732b284901f8c1539e20bcb.md | 2 +-
.../6732b28eeadda1158cdbff7b.md | 2 +-
.../6732b29b8b7d4f15b94d12ca.md | 2 +-
.../6732b2a6de5a1c15edf05b75.md | 2 +-
10 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
index ef44ecaf07ba26..273ad05c903dde 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
@@ -2,7 +2,7 @@
id: 67329f508a6ec45b046700b3
title: What Are the Key Characteristics of JavaScript Arrays?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9NrHUUdAbvo
dashedName: what-are-the-key-characteristics-of-javascript-arrays
---
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aebaa8abb9086a9bb17a.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aebaa8abb9086a9bb17a.md
index bceeedc27d6d79..f08da2f2a633c2 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aebaa8abb9086a9bb17a.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aebaa8abb9086a9bb17a.md
@@ -2,7 +2,7 @@
id: 6732aebaa8abb9086a9bb17a
title: How Do You Access and Update Elements in an Array?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 7J_uai_mqic
dashedName: how-do-you-access-and-update-elements-in-an-array
---
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aec982904608b637716b.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aec982904608b637716b.md
index cf4e7d45dd6950..21f4685b87cdb3 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aec982904608b637716b.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aec982904608b637716b.md
@@ -2,7 +2,7 @@
id: 6732aec982904608b637716b
title: How Do You Add and Remove Elements from the Beginning and End of an Array?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: P0kM47wpYk0
dashedName: how-do-you-add-and-remove-elements-from-the-beginning-and-end-of-an-array
---
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aed2ac3d3c08f6149dd6.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aed2ac3d3c08f6149dd6.md
index 8470996d6678fe..18b4d730ab5c36 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aed2ac3d3c08f6149dd6.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aed2ac3d3c08f6149dd6.md
@@ -2,7 +2,7 @@
id: 6732aed2ac3d3c08f6149dd6
title: What Is the Difference Between One-Dimensional and Two-Dimensional Arrays?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gxZjhCCEYII
dashedName: what-is-the-difference-between-one-dimensional-and-two-dimensional-arrays
---
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aedd2d92e30923b9bc24.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aedd2d92e30923b9bc24.md
index e9ef42159382cc..eaeffe01b46019 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aedd2d92e30923b9bc24.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-arrays/6732aedd2d92e30923b9bc24.md
@@ -2,7 +2,7 @@
id: 6732aedd2d92e30923b9bc24
title: What Is Array Destructuring, and How Does It Work?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _h0kbN13AVY
dashedName: what-is-array-destructuring-and-how-does-it-work
---
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/67329f64e0ef5c5b7388158d.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/67329f64e0ef5c5b7388158d.md
index b36b396a120e09..dd447cf0dccf25 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/67329f64e0ef5c5b7388158d.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/67329f64e0ef5c5b7388158d.md
@@ -2,7 +2,7 @@
id: 67329f64e0ef5c5b7388158d
title: How Do You Get the Index for an Element in an Array Using the indexOf Method?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Pg-wwP3YQF8
dashedName: how-do-you-get-the-index-for-an-element-in-an-array-using-the-indexof-method
---
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b284901f8c1539e20bcb.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b284901f8c1539e20bcb.md
index 6a2be220c58af8..ce2b085487cd71 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b284901f8c1539e20bcb.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b284901f8c1539e20bcb.md
@@ -2,7 +2,7 @@
id: 6732b284901f8c1539e20bcb
title: How Do You Add and Remove Elements from the Middle of an Array?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 6sfsfbQQjpI
dashedName: how-do-you-add-remove-elements-from-the-middle-of-an-array
---
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b28eeadda1158cdbff7b.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b28eeadda1158cdbff7b.md
index 627980345a65ee..40618d4dbecfa4 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b28eeadda1158cdbff7b.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b28eeadda1158cdbff7b.md
@@ -2,7 +2,7 @@
id: 6732b28eeadda1158cdbff7b
title: How Can You Check if an Array Contains a Certain Value?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: NjZI_TlIiXk
dashedName: how-can-you-check-if-an-array-contains-a-certain-value
---
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b29b8b7d4f15b94d12ca.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b29b8b7d4f15b94d12ca.md
index b57e4efcfbda26..2aaf0850b900ef 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b29b8b7d4f15b94d12ca.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b29b8b7d4f15b94d12ca.md
@@ -2,7 +2,7 @@
id: 6732b29b8b7d4f15b94d12ca
title: What Is a Shallow Copy of an Array, and What Are Some Ways to Create These Copies?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: acgI-aTElCo
dashedName: what-is-a-shallow-copy-of-an-array-and-what-are-some-ways-to-create-these-copies
---
diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b2a6de5a1c15edf05b75.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b2a6de5a1c15edf05b75.md
index 66e8a37e3da6fd..24a8fa4eefb76f 100644
--- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b2a6de5a1c15edf05b75.md
+++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-common-array-methods/6732b2a6de5a1c15edf05b75.md
@@ -2,7 +2,7 @@
id: 6732b2a6de5a1c15edf05b75
title: How Can You Use String and Array Methods to Reverse a String?
challengeType: 11
-videoId: nVAaxZ34khk
+videoId: iwX0qWJkM5o
dashedName: how-can-you-use-string-and-array-methods-to-reverse-a-string
---
From c407c4a5bfec76718024a95996f3287f567dee69 Mon Sep 17 00:00:00 2001
From: Kabir Virji
Date: Fri, 6 Dec 2024 16:45:29 -0500
Subject: [PATCH 142/480] fix(i18n): Typo in lecture intro changes "Javascript"
to "JavaScript" (#57440)
---
client/i18n/locales/english/intro.json | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/client/i18n/locales/english/intro.json b/client/i18n/locales/english/intro.json
index 150a993e52817c..3b1e63c9a16d63 100644
--- a/client/i18n/locales/english/intro.json
+++ b/client/i18n/locales/english/intro.json
@@ -2882,7 +2882,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": { "title": "188", "intro": [] },
From f9a8f0802258672c618a1f2cdec1821c659876ec Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams
Date: Sat, 7 Dec 2024 08:54:45 +0100
Subject: [PATCH 143/480] refactor(client): get next/prev paths directly from
redux (#57434)
---
client/src/templates/Challenges/classic/show.tsx | 4 +---
client/src/templates/Challenges/codeally/show.tsx | 9 +--------
.../src/templates/Challenges/components/hotkeys.tsx | 11 ++++++++---
client/src/templates/Challenges/exam/show.tsx | 9 +--------
.../templates/Challenges/fill-in-the-blank/show.tsx | 2 --
client/src/templates/Challenges/generic/show.tsx | 3 ---
client/src/templates/Challenges/ms-trophy/show.tsx | 9 +--------
.../templates/Challenges/projects/backend/show.tsx | 9 +--------
.../templates/Challenges/projects/frontend/show.tsx | 9 +--------
client/src/templates/Challenges/quiz/show.tsx | 3 ---
10 files changed, 14 insertions(+), 54 deletions(-)
diff --git a/client/src/templates/Challenges/classic/show.tsx b/client/src/templates/Challenges/classic/show.tsx
index f1ed56218ef30c..59da3443d240df 100644
--- a/client/src/templates/Challenges/classic/show.tsx
+++ b/client/src/templates/Challenges/classic/show.tsx
@@ -204,7 +204,7 @@ function ShowClassic({
},
pageContext: {
challengeMeta,
- challengeMeta: { isFirstStep, nextChallengePath, prevChallengePath },
+ challengeMeta: { isFirstStep, nextChallengePath },
projectPreview: { challengeData }
},
createFiles,
@@ -445,8 +445,6 @@ function ShowClassic({
executeChallenge={executeChallenge}
containerRef={containerRef}
instructionsPanelRef={instructionsPanelRef}
- nextChallengePath={nextChallengePath}
- prevChallengePath={prevChallengePath}
usesMultifileEditor={usesMultifileEditor}
editorRef={editorRef}
>
diff --git a/client/src/templates/Challenges/codeally/show.tsx b/client/src/templates/Challenges/codeally/show.tsx
index 2805b6c492bae4..ec3074ff68faf3 100644
--- a/client/src/templates/Challenges/codeally/show.tsx
+++ b/client/src/templates/Challenges/codeally/show.tsx
@@ -130,9 +130,6 @@ function ShowCodeAlly(props: ShowCodeAllyProps) {
},
isChallengeCompleted,
isSignedIn,
- pageContext: {
- challengeMeta: { nextChallengePath, prevChallengePath }
- },
partiallyCompletedChallenges,
t,
updateSolutionFormValues
@@ -260,11 +257,7 @@ function ShowCodeAlly(props: ShowCodeAllyProps) {
};
return (
-
+
diff --git a/client/src/templates/Challenges/components/hotkeys.tsx b/client/src/templates/Challenges/components/hotkeys.tsx
index aba3b7217aa5ff..cec6e77d73f1ff 100644
--- a/client/src/templates/Challenges/components/hotkeys.tsx
+++ b/client/src/templates/Challenges/components/hotkeys.tsx
@@ -3,13 +3,13 @@ import React from 'react';
import { HotKeys, GlobalHotKeys } from 'react-hotkeys';
import { connect } from 'react-redux';
import { createSelector } from 'reselect';
+
import type {
ChallengeFiles,
Test,
User,
ChallengeMeta
} from '../../../redux/prop-types';
-
import { userSelector } from '../../../redux/selectors';
import {
setEditorFocusability,
@@ -20,6 +20,7 @@ import {
import {
canFocusEditorSelector,
challengeFilesSelector,
+ challengeMetaSelector,
challengeTestsSelector,
isHelpModalOpenSelector,
isProjectPreviewModalOpenSelector,
@@ -39,6 +40,7 @@ const mapStateToProps = createSelector(
challengeFilesSelector,
challengeTestsSelector,
userSelector,
+ challengeMetaSelector,
(
isHelpModalOpen: boolean,
isResetModalOpen: boolean,
@@ -47,7 +49,8 @@ const mapStateToProps = createSelector(
canFocusEditor: boolean,
challengeFiles: ChallengeFiles,
tests: Test[],
- user: User
+ user: User,
+ { nextChallengePath, prevChallengePath }: ChallengeMeta
) => ({
isHelpModalOpen,
isResetModalOpen,
@@ -56,7 +59,9 @@ const mapStateToProps = createSelector(
canFocusEditor,
challengeFiles,
tests,
- user
+ user,
+ nextChallengePath,
+ prevChallengePath
})
);
diff --git a/client/src/templates/Challenges/exam/show.tsx b/client/src/templates/Challenges/exam/show.tsx
index 8e59ab95afd3f1..fa17192de0a97c 100644
--- a/client/src/templates/Challenges/exam/show.tsx
+++ b/client/src/templates/Challenges/exam/show.tsx
@@ -164,9 +164,6 @@ function ShowExam(props: ShowExamProps) {
isChallengeCompleted,
openExitExamModal,
openFinishExamModal,
- pageContext: {
- challengeMeta: { nextChallengePath, prevChallengePath }
- },
t
} = props;
@@ -485,11 +482,7 @@ function ShowExam(props: ShowExamProps) {
) : (
-
+
diff --git a/client/src/templates/Challenges/fill-in-the-blank/show.tsx b/client/src/templates/Challenges/fill-in-the-blank/show.tsx
index 3a96ff0083e859..0b4e5f2baf1adf 100644
--- a/client/src/templates/Challenges/fill-in-the-blank/show.tsx
+++ b/client/src/templates/Challenges/fill-in-the-blank/show.tsx
@@ -178,8 +178,6 @@ const ShowFillInTheBlank = ({
handleSubmit()}
containerRef={container}
- nextChallengePath={challengeMeta.nextChallengePath}
- prevChallengePath={challengeMeta.prevChallengePath}
playScene={() => handlePlayScene(true)}
>
diff --git a/client/src/templates/Challenges/generic/show.tsx b/client/src/templates/Challenges/generic/show.tsx
index 47426b3d16092f..129a1e528701ec 100644
--- a/client/src/templates/Challenges/generic/show.tsx
+++ b/client/src/templates/Challenges/generic/show.tsx
@@ -96,7 +96,6 @@ const ShowGeneric = ({
isChallengeCompleted
}: ShowQuizProps) => {
const { t } = useTranslation();
- const { nextChallengePath, prevChallengePath } = challengeMeta;
const container = useRef(null);
const blockNameTitle = `${t(
@@ -176,8 +175,6 @@ const ShowGeneric = ({
setIsScenePlaying(true) : undefined}
>
diff --git a/client/src/templates/Challenges/ms-trophy/show.tsx b/client/src/templates/Challenges/ms-trophy/show.tsx
index bf7dfa7ede328f..734bc21f060beb 100644
--- a/client/src/templates/Challenges/ms-trophy/show.tsx
+++ b/client/src/templates/Challenges/ms-trophy/show.tsx
@@ -145,9 +145,6 @@ function MsTrophy(props: MsTrophyProps) {
isProcessing,
msUsername,
openHelpModal,
- pageContext: {
- challengeMeta: { nextChallengePath, prevChallengePath }
- },
t
} = props;
@@ -156,11 +153,7 @@ function MsTrophy(props: MsTrophyProps) {
)} - ${title}`;
return (
-
+
{
},
isChallengeCompleted,
output,
- pageContext: {
- challengeMeta: { nextChallengePath, prevChallengePath }
- },
t,
tests,
updateSolutionFormValues
@@ -164,11 +161,7 @@ const ShowBackEnd = (props: BackEndProps) => {
)} - ${title}`;
return (
-
+
{
}
},
isChallengeCompleted,
- pageContext: {
- challengeMeta: { nextChallengePath, prevChallengePath }
- },
t,
updateSolutionFormValues
} = props;
@@ -134,11 +131,7 @@ const ShowFrontEndProject = (props: ProjectProps) => {
)} - ${title}`;
return (
-
+
(null);
// Campers are not allowed to change their answers once the quiz is submitted.
@@ -282,8 +281,6 @@ const ShowQuiz = ({
Date: Sun, 8 Dec 2024 06:28:31 +0100
Subject: [PATCH 144/480] fix(curriculum): Typo fixes in
a2-english-for-developers (#57429)
---
.../663c88890037230b817b9fef.md | 2 +-
.../66384d37bfbd344d5c647fbd.md | 2 +-
.../663897f00196a953f16499c6.md | 2 +-
3 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/663c88890037230b817b9fef.md b/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/663c88890037230b817b9fef.md
index d7cdd37e1affa0..442533a497ebef 100644
--- a/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/663c88890037230b817b9fef.md
+++ b/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/663c88890037230b817b9fef.md
@@ -25,7 +25,7 @@ Listen to Tom and fill in the blank.
### --feedback--
-This blank refers to something difficult to see or to find.
+This blank refers to something difficult to see or find.
# --scene--
diff --git a/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66384d37bfbd344d5c647fbd.md b/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66384d37bfbd344d5c647fbd.md
index 0168e6623d07e2..5ef7f9681f2a97 100644
--- a/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66384d37bfbd344d5c647fbd.md
+++ b/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66384d37bfbd344d5c647fbd.md
@@ -9,7 +9,7 @@ dashedName: task-36
# --description--
-`Save on` means to reduce the amount of something, like time, money, or effort. For example, `By shopping during the sale, she saved on clothing expenses.` It shows an past action of reducing spending on clothes.
+`Save on` means to reduce the amount of something, like time, money, or effort. For example, `By shopping during the sale, she saved on clothing expenses.` It shows a past action of reducing spending on clothes.
# --fillInTheBlank--
diff --git a/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663897f00196a953f16499c6.md b/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663897f00196a953f16499c6.md
index d60e19d6a7f814..966252a3019d63 100644
--- a/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663897f00196a953f16499c6.md
+++ b/curriculum/challenges/english/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663897f00196a953f16499c6.md
@@ -29,7 +29,7 @@ Which of the following sentences correctly uses the word `any`?
### --feedback--
-This is a correct because `any` should be used in negative statements or questions.
+This is correct because `any` should be used in negative statements or questions.
---
From e7f43df0eb550b8e421d402a6adb66dbf46af810 Mon Sep 17 00:00:00 2001
From: Anna
Date: Sun, 8 Dec 2024 00:29:28 -0500
Subject: [PATCH 145/480] chore(curriculum): make step 14 cat photo app clearer
(#57437)
---
.../671141feba228a35cefba82d.md | 8 +++++++-
.../workshop-cat-photo-app/671141feba228a35cefba82d.md | 8 +++++++-
2 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141feba228a35cefba82d.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141feba228a35cefba82d.md
index 168e70033c98d3..7bf1c36dea85c7 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141feba228a35cefba82d.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141feba228a35cefba82d.md
@@ -7,7 +7,7 @@ dashedName: step-14
# --description--
-Turn the text `cute cats` into an anchor elements that links to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
+Turn the existing text `cute cats` into an anchor elements that links to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
# --hints--
@@ -29,6 +29,12 @@ The `href` attribute of the new anchor element should be `https://cdn.freecodeca
assert.strictEqual(document.querySelector('a')?.href, "https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg");
```
+There should only be one instance of the phrase `cute cats` in your code.
+
+```js
+assert.strictEqual(code.indexOf("cute cats"),code.lastIndexOf("cute cats"));
+```
+
The text of the `p` element should still be `Everyone loves cute cats online!`.
```js
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141feba228a35cefba82d.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141feba228a35cefba82d.md
index 168e70033c98d3..7bf1c36dea85c7 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141feba228a35cefba82d.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141feba228a35cefba82d.md
@@ -7,7 +7,7 @@ dashedName: step-14
# --description--
-Turn the text `cute cats` into an anchor elements that links to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
+Turn the existing text `cute cats` into an anchor elements that links to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
# --hints--
@@ -29,6 +29,12 @@ The `href` attribute of the new anchor element should be `https://cdn.freecodeca
assert.strictEqual(document.querySelector('a')?.href, "https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg");
```
+There should only be one instance of the phrase `cute cats` in your code.
+
+```js
+assert.strictEqual(code.indexOf("cute cats"),code.lastIndexOf("cute cats"));
+```
+
The text of the `p` element should still be `Everyone loves cute cats online!`.
```js
From cfb14af924084b6a56a60fd5eae11fba9da87b49 Mon Sep 17 00:00:00 2001
From: Sem Bauke
Date: Mon, 9 Dec 2024 09:45:40 +0100
Subject: [PATCH 146/480] feat: reset editor layout button (#57104)
---
client/i18n/locales/english/translations.json | 3 ++
.../src/client-only-routes/show-settings.tsx | 9 +++-
.../src/components/settings/misc-settings.tsx | 19 +++++++-
client/src/redux/index.js | 2 +
client/src/redux/settings/action-types.js | 1 +
client/src/redux/settings/actions.js | 8 ++++
client/src/redux/settings/settings-sagas.js | 23 +++++++++
e2e/reset-editor-layout.spec.ts | 48 +++++++++++++++++++
8 files changed, 111 insertions(+), 2 deletions(-)
create mode 100644 e2e/reset-editor-layout.spec.ts
diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json
index cc9a20cb0edd33..4b5d867f0b3b9c 100644
--- a/client/i18n/locales/english/translations.json
+++ b/client/i18n/locales/english/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "This adds the pleasant sound of acoustic guitar throughout the website. You'll get musical feedback as you type in the editor, complete challenges, claim certifications, and more.",
"sound-volume": "Campfire Volume:",
"scrollbar-width": "Editor Scrollbar Width",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "Within a challenge, press ESC followed by the question mark to show a list of available shortcuts.",
"username": {
"contains invalid characters": "Username \"{{username}}\" contains invalid characters",
@@ -896,6 +898,7 @@
"invalid-update-flag": "You are attempting to access forbidden resources. Please request assistance on https://forum.freecodecamp.org if this is a valid request.",
"generate-exam-error": "An error occurred trying to generate your exam.",
"cert-not-found": "The certification {{certSlug}} does not exist.",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "Please include a Microsoft transcript URL in the request.",
diff --git a/client/src/client-only-routes/show-settings.tsx b/client/src/client-only-routes/show-settings.tsx
index 5c7177c346e16c..506e7d934dd6f7 100644
--- a/client/src/client-only-routes/show-settings.tsx
+++ b/client/src/client-only-routes/show-settings.tsx
@@ -35,7 +35,8 @@ import {
updateMySound,
updateMyTheme,
updateMyKeyboardShortcuts,
- verifyCert
+ verifyCert,
+ resetMyEditorLayout
} from '../redux/settings/actions';
const { apiLocation } = envData;
@@ -47,6 +48,7 @@ type ShowSettingsProps = Pick & {
navigate: (location: string) => void;
showLoading: boolean;
toggleSoundMode: (sound: boolean) => void;
+ resetEditorLayout: () => void;
toggleKeyboardShortcuts: (keyboardShortcuts: boolean) => void;
updateIsHonest: () => void;
updateQuincyEmail: (isSendQuincyEmail: boolean) => void;
@@ -80,6 +82,7 @@ const mapDispatchToProps = {
updateIsHonest: updateMyHonesty,
updateQuincyEmail: (sendQuincyEmail: boolean) =>
updateMyQuincyEmail({ sendQuincyEmail }),
+ resetEditorLayout: () => resetMyEditorLayout(),
verifyCert
};
@@ -91,6 +94,7 @@ export function ShowSettings(props: ShowSettingsProps): JSX.Element {
toggleNightMode,
toggleSoundMode,
toggleKeyboardShortcuts,
+ resetEditorLayout,
user: {
completedChallenges,
email,
@@ -140,6 +144,7 @@ export function ShowSettings(props: ShowSettingsProps): JSX.Element {
return
Date: Mon, 9 Dec 2024 19:39:34 +0530
Subject: [PATCH 147/480] chore(i18n,client): processed translations (#57454)
---
.../locales/chinese-traditional/intro.json | 12 ++++++----
.../chinese-traditional/translations.json | 4 ++++
client/i18n/locales/chinese/intro.json | 12 ++++++----
client/i18n/locales/chinese/translations.json | 4 ++++
client/i18n/locales/espanol/intro.json | 12 ++++++----
client/i18n/locales/espanol/translations.json | 4 ++++
client/i18n/locales/german/intro.json | 12 ++++++----
client/i18n/locales/german/translations.json | 4 ++++
client/i18n/locales/italian/intro.json | 12 ++++++----
client/i18n/locales/italian/translations.json | 4 ++++
client/i18n/locales/japanese/intro.json | 12 ++++++----
.../i18n/locales/japanese/translations.json | 4 ++++
client/i18n/locales/korean/intro.json | 12 ++++++----
client/i18n/locales/korean/translations.json | 4 ++++
client/i18n/locales/portuguese/intro.json | 12 ++++++----
.../i18n/locales/portuguese/translations.json | 4 ++++
client/i18n/locales/swahili/intro.json | 12 ++++++----
client/i18n/locales/swahili/translations.json | 4 ++++
client/i18n/locales/ukrainian/intro.json | 24 +++++++++----------
.../i18n/locales/ukrainian/translations.json | 10 +++++---
20 files changed, 118 insertions(+), 60 deletions(-)
diff --git a/client/i18n/locales/chinese-traditional/intro.json b/client/i18n/locales/chinese-traditional/intro.json
index dae1981270229e..695dbb597d3051 100644
--- a/client/i18n/locales/chinese-traditional/intro.json
+++ b/client/i18n/locales/chinese-traditional/intro.json
@@ -2015,9 +2015,11 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
@@ -2884,7 +2886,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3323,7 +3325,7 @@
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
- "Review the Asynchronous JavaScript concepts to prepare for the upcoming quiz."
+ "Review Asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
diff --git a/client/i18n/locales/chinese-traditional/translations.json b/client/i18n/locales/chinese-traditional/translations.json
index 4f93923451a228..7225210fb41a4e 100644
--- a/client/i18n/locales/chinese-traditional/translations.json
+++ b/client/i18n/locales/chinese-traditional/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "爲整個網站添加令人愉快的吉他原聲音樂。在編輯器輸入、完成挑戰、申請認證等時刻，你將獲得音樂反饋。",
"sound-volume": "營火音效音量",
"scrollbar-width": "編輯器滾動條寬度",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "在一項挑戰中，按 ESC 鍵和問號可顯示可用的快捷方式列表。",
"username": {
"contains invalid characters": "用戶名 \"{{username}}\" 含有無效字符",
@@ -346,6 +348,7 @@
"donated": "給社區捐款",
"projects": "項目",
"stats": "統計數據",
+ "activity": "Activity",
"timeline": "時間線",
"none-completed": "尚未完成任何挑戰。",
"get-started": "從這裏開始。",
@@ -895,6 +898,7 @@
"invalid-update-flag": "你正在嘗試訪問禁止的資源。如果這是一個有效的請求，請在 https://forum.freecodecamp.org 上請求幫助。",
"generate-exam-error": "生成考試時發生錯誤。",
"cert-not-found": "認證 {{certSlug}} 不存在。",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "請在請求中包含一個 Microsoft 成績單的 URL。",
diff --git a/client/i18n/locales/chinese/intro.json b/client/i18n/locales/chinese/intro.json
index d4e41be09f0789..506a73f9f3b328 100644
--- a/client/i18n/locales/chinese/intro.json
+++ b/client/i18n/locales/chinese/intro.json
@@ -2015,9 +2015,11 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
@@ -2884,7 +2886,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3323,7 +3325,7 @@
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
- "Review the Asynchronous JavaScript concepts to prepare for the upcoming quiz."
+ "Review Asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
diff --git a/client/i18n/locales/chinese/translations.json b/client/i18n/locales/chinese/translations.json
index 565a4dc8c20011..4533a2a383e36e 100644
--- a/client/i18n/locales/chinese/translations.json
+++ b/client/i18n/locales/chinese/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "为整个网站添加令人愉快的吉他原声音乐。在编辑器输入、完成挑战、申请认证等时刻，你将获得音乐反馈。",
"sound-volume": "营火音效音量",
"scrollbar-width": "编辑器滚动条宽度",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "在一项挑战中，按 ESC 键和问号可显示可用的快捷方式列表。",
"username": {
"contains invalid characters": "用户名 \"{{username}}\" 含有无效字符",
@@ -346,6 +348,7 @@
"donated": "给社区捐款",
"projects": "项目",
"stats": "统计数据",
+ "activity": "Activity",
"timeline": "时间线",
"none-completed": "尚未完成任何挑战。",
"get-started": "从这里开始。",
@@ -895,6 +898,7 @@
"invalid-update-flag": "你正在尝试访问禁止的资源。如果这是一个有效的请求，请在 https://forum.freecodecamp.org 上请求帮助。",
"generate-exam-error": "生成考试时发生错误。",
"cert-not-found": "认证 {{certSlug}} 不存在。",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "请在请求中包含一个 Microsoft 成绩单的 URL。",
diff --git a/client/i18n/locales/espanol/intro.json b/client/i18n/locales/espanol/intro.json
index 1c51b0dc61e4d3..98f108bb039de6 100644
--- a/client/i18n/locales/espanol/intro.json
+++ b/client/i18n/locales/espanol/intro.json
@@ -2031,9 +2031,11 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
@@ -2900,7 +2902,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3339,7 +3341,7 @@
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
- "Review the Asynchronous JavaScript concepts to prepare for the upcoming quiz."
+ "Review Asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
diff --git a/client/i18n/locales/espanol/translations.json b/client/i18n/locales/espanol/translations.json
index 2f4021f6c0cc34..6c5850d75a92ed 100644
--- a/client/i18n/locales/espanol/translations.json
+++ b/client/i18n/locales/espanol/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "Esto agrega un placentero sonido de guitarra acústica en todo el sitio web. Obtendrás reacciones musicales a medida que escribas en el editor, completes desafíos, obtengas certificados y mucho más.",
"sound-volume": "Volumen de fogata:",
"scrollbar-width": "Ancho de la barra de desplazamiento",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "Dentro de un desafío, pulse ESC seguido del signo de interrogación para mostrar una lista de atajos disponibles.",
"username": {
"contains invalid characters": "El nombre de usuario \"{{username}}\" contiene caracteres inválidos",
@@ -346,6 +348,7 @@
"donated": "Donado a la comunidad",
"projects": "Proyectos",
"stats": "Estadísticas",
+ "activity": "Activity",
"timeline": "Cronología",
"none-completed": "Aún no se han completado desafíos.",
"get-started": "Empieza aquí.",
@@ -895,6 +898,7 @@
"invalid-update-flag": "Estás intentando acceder a recursos prohibidos. Por favor, solicita asistencia en https://forum.freecodecamp.org si es una solicitud válida.",
"generate-exam-error": "Un error ocurrió intentando generar tu examen.",
"cert-not-found": "La certificación {{certSlug}} no existe.",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "Por favor incluye un URL de transcripción de Microsoft en la solicitud.",
diff --git a/client/i18n/locales/german/intro.json b/client/i18n/locales/german/intro.json
index 0acfe1c34ed381..69bb5e129b785c 100644
--- a/client/i18n/locales/german/intro.json
+++ b/client/i18n/locales/german/intro.json
@@ -2029,9 +2029,11 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
@@ -2898,7 +2900,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3337,7 +3339,7 @@
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
- "Review the Asynchronous JavaScript concepts to prepare for the upcoming quiz."
+ "Review Asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
diff --git a/client/i18n/locales/german/translations.json b/client/i18n/locales/german/translations.json
index b6a4e36db01dfc..b69572c20f2583 100644
--- a/client/i18n/locales/german/translations.json
+++ b/client/i18n/locales/german/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "Das sorgt für den angenehmen Klang der Akustikgitarre auf der gesamten Website. Du bekommst musikalisches Feedback, wenn du im Editor tippst, Aufgaben löst, Zertifizierungen beantragst und vieles mehr.",
"sound-volume": "Lautstärke Lagerfeuer-Modus:",
"scrollbar-width": "Editor Scrollbar Width",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "Within a challenge, press ESC followed by the question mark to show a list of available shortcuts.",
"username": {
"contains invalid characters": "Der Benutzername \"{{username}}\" enthält ungültige Zeichen",
@@ -346,6 +348,7 @@
"donated": "Donated to the community",
"projects": "Projects",
"stats": "Stats",
+ "activity": "Activity",
"timeline": "Zeitleiste",
"none-completed": "Es wurden noch keine Herausforderungen abgeschlossen.",
"get-started": "Hier geht es los.",
@@ -895,6 +898,7 @@
"invalid-update-flag": "Du versuchst, auf verbotene Ressourcen zuzugreifen. Bitte fordere unter https://forum.freecodecamp.org Unterstützung an, wenn dies eine gültige Anfrage ist.",
"generate-exam-error": "An error occurred trying to generate your exam.",
"cert-not-found": "The certification {{certSlug}} does not exist.",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "Please include a Microsoft transcript URL in the request.",
diff --git a/client/i18n/locales/italian/intro.json b/client/i18n/locales/italian/intro.json
index 9c62813f925633..da4bdaac871ec1 100644
--- a/client/i18n/locales/italian/intro.json
+++ b/client/i18n/locales/italian/intro.json
@@ -2029,9 +2029,11 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
@@ -2898,7 +2900,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3337,7 +3339,7 @@
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
- "Review the Asynchronous JavaScript concepts to prepare for the upcoming quiz."
+ "Review Asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
diff --git a/client/i18n/locales/italian/translations.json b/client/i18n/locales/italian/translations.json
index e1ff3f11541f4b..8c07265c7dcd50 100644
--- a/client/i18n/locales/italian/translations.json
+++ b/client/i18n/locales/italian/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "Questo aggiunge i piacevoli suoni di una chitarra acustica nel sito. Suonerà mentre scrivi nell'editor, completi sfide, ottieni certificazioni, e altro.",
"sound-volume": "Volume Campfire:",
"scrollbar-width": "Larghezza barra di scorrimento editor",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "Within a challenge, press ESC followed by the question mark to show a list of available shortcuts.",
"username": {
"contains invalid characters": "Il nome utente \"{{username}}\" contiene caratteri non validi",
@@ -346,6 +348,7 @@
"donated": "Donated to the community",
"projects": "Projects",
"stats": "Stats",
+ "activity": "Activity",
"timeline": "Timeline",
"none-completed": "Nessuna sfida è stata ancora completata.",
"get-started": "Inizia qui.",
@@ -895,6 +898,7 @@
"invalid-update-flag": "Stai cercando di accedere a risorse proibite. Per favore richiedi assistenza su https://forum.freecodecamp.org se questa è una richiesta valida.",
"generate-exam-error": "An error occurred trying to generate your exam.",
"cert-not-found": "The certification {{certSlug}} does not exist.",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "Please include a Microsoft transcript URL in the request.",
diff --git a/client/i18n/locales/japanese/intro.json b/client/i18n/locales/japanese/intro.json
index 60ddf6ecf1c743..b82468543123b6 100644
--- a/client/i18n/locales/japanese/intro.json
+++ b/client/i18n/locales/japanese/intro.json
@@ -2029,9 +2029,11 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
@@ -2898,7 +2900,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3337,7 +3339,7 @@
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
- "Review the Asynchronous JavaScript concepts to prepare for the upcoming quiz."
+ "Review Asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
diff --git a/client/i18n/locales/japanese/translations.json b/client/i18n/locales/japanese/translations.json
index 5d247ed5f07fbf..a3dec61140bb5f 100644
--- a/client/i18n/locales/japanese/translations.json
+++ b/client/i18n/locales/japanese/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "これは快適なアコースティックギターの音をウェブサイトの至る所へ追加します。エディターにタイプしたり、チャレンジを完了したり、認定証を請求したり、その他いろいろなことをする度に音のフィードバックを受け取ります。",
"sound-volume": "キャンプファイアモードの音量:",
"scrollbar-width": "エディターのスクロールバーの幅",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "チャレンジの画面で、ESC キーを押した後、? キーを押すと、利用可能なショートカットキーの一覧が表示されます。",
"username": {
"contains invalid characters": "ユーザー名 \"{{username}}\" に無効な文字が含まれています",
@@ -346,6 +348,7 @@
"donated": "freeCodeCamp コミュニティに寄付した",
"projects": "プロジェクト",
"stats": "統計",
+ "activity": "Activity",
"timeline": "タイムライン",
"none-completed": "完了したチャレンジがありません。",
"get-started": "ここから始めましょう。",
@@ -895,6 +898,7 @@
"invalid-update-flag": "禁止されたリソースにアクセスしようとしています。正当なリクエストの場合、https://forum.freecodecamp.org でサポートを依頼してください。",
"generate-exam-error": "試験の準備中にエラーが発生しました。",
"cert-not-found": "この認定証は存在しません。({{certSlug}})",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "リクエストに Microsoft の成績証明書の URL を含めてください。",
diff --git a/client/i18n/locales/korean/intro.json b/client/i18n/locales/korean/intro.json
index 918bea0360263b..d45337ff90487d 100644
--- a/client/i18n/locales/korean/intro.json
+++ b/client/i18n/locales/korean/intro.json
@@ -2029,9 +2029,11 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
@@ -2898,7 +2900,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3337,7 +3339,7 @@
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
- "Review the Asynchronous JavaScript concepts to prepare for the upcoming quiz."
+ "Review Asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
diff --git a/client/i18n/locales/korean/translations.json b/client/i18n/locales/korean/translations.json
index 8b5b30bcc1ce10..4b5d867f0b3b9c 100644
--- a/client/i18n/locales/korean/translations.json
+++ b/client/i18n/locales/korean/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "This adds the pleasant sound of acoustic guitar throughout the website. You'll get musical feedback as you type in the editor, complete challenges, claim certifications, and more.",
"sound-volume": "Campfire Volume:",
"scrollbar-width": "Editor Scrollbar Width",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "Within a challenge, press ESC followed by the question mark to show a list of available shortcuts.",
"username": {
"contains invalid characters": "Username \"{{username}}\" contains invalid characters",
@@ -346,6 +348,7 @@
"donated": "Donated to the community",
"projects": "Projects",
"stats": "Stats",
+ "activity": "Activity",
"timeline": "Timeline",
"none-completed": "No challenges have been completed yet.",
"get-started": "Get started here.",
@@ -895,6 +898,7 @@
"invalid-update-flag": "You are attempting to access forbidden resources. Please request assistance on https://forum.freecodecamp.org if this is a valid request.",
"generate-exam-error": "An error occurred trying to generate your exam.",
"cert-not-found": "The certification {{certSlug}} does not exist.",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "Please include a Microsoft transcript URL in the request.",
diff --git a/client/i18n/locales/portuguese/intro.json b/client/i18n/locales/portuguese/intro.json
index 5e4ff4b8e8a13c..2ff27d9f990596 100644
--- a/client/i18n/locales/portuguese/intro.json
+++ b/client/i18n/locales/portuguese/intro.json
@@ -2029,9 +2029,11 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
@@ -2898,7 +2900,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3337,7 +3339,7 @@
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
- "Review the Asynchronous JavaScript concepts to prepare for the upcoming quiz."
+ "Review Asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
diff --git a/client/i18n/locales/portuguese/translations.json b/client/i18n/locales/portuguese/translations.json
index 982f077344e202..4cc7e5cede16fa 100644
--- a/client/i18n/locales/portuguese/translations.json
+++ b/client/i18n/locales/portuguese/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "Adiciona o som agradável de uma guitarra acústica em todo o site. Você receberá feedback musical ao digitar no editor, completar desafios, solicitar certificações e muito mais.",
"sound-volume": "Volume do modo fogueira:",
"scrollbar-width": "Largura da barra de rolagem do editor",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "Dentro de um desafio, aperte ESC seguido pelo ponto de interrogação para mostrar uma lista de atalhos disponíveis.",
"username": {
"contains invalid characters": "O nome de usuário \"{{username}}\" contém caracteres inválidos",
@@ -346,6 +348,7 @@
"donated": "Doou para a comunidade",
"projects": "Projetos",
"stats": "Estatísticas",
+ "activity": "Activity",
"timeline": "Cronograma",
"none-completed": "Nenhum desafio foi concluído ainda.",
"get-started": "Comece aqui.",
@@ -895,6 +898,7 @@
"invalid-update-flag": "Você está tentando acessar recursos proibidos. Solicite assistência em https://forum.freecodecamp.org se sua solicitação for válida.",
"generate-exam-error": "Ocorreu um erro ao tentar gerar seu exame.",
"cert-not-found": "A certificação {{certSlug}} não existe.",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "Inclua um URL de transcrição da Microsoft na solicitação.",
diff --git a/client/i18n/locales/swahili/intro.json b/client/i18n/locales/swahili/intro.json
index 80a5c798b518a9..d995a563564a06 100644
--- a/client/i18n/locales/swahili/intro.json
+++ b/client/i18n/locales/swahili/intro.json
@@ -2029,9 +2029,11 @@
"In these lecture videos, you will learn about working with backgrounds and borders."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Design a Blog Post Card",
+ "intro": [
+ "In this lab, you'll design a blog post card using HTML and CSS"
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Review",
@@ -2898,7 +2900,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
- "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using Javascript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3337,7 +3339,7 @@
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
- "Review the Asynchronous JavaScript concepts to prepare for the upcoming quiz."
+ "Review Asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
diff --git a/client/i18n/locales/swahili/translations.json b/client/i18n/locales/swahili/translations.json
index b7c98158bb16d3..c3ae69bf98d11d 100644
--- a/client/i18n/locales/swahili/translations.json
+++ b/client/i18n/locales/swahili/translations.json
@@ -238,6 +238,8 @@
"sound-mode": "Hii inaongeza sauti ya kupendeza ya gitaa la akustika kwenye tovuti. Utapata maoni ya muziki unapoandika kwenye kihariri, unapokamilisha changamoto, unapopata cheti na zaidi.",
"sound-volume": "Sauti ya Campfire:",
"scrollbar-width": "Upana wa Upau wa kusogeza wa Kihariri",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "Within a challenge, press ESC followed by the question mark to show a list of available shortcuts.",
"username": {
"contains invalid characters": "Jina la mtumiaji \"{{username}}\" lina vibambo batili",
@@ -346,6 +348,7 @@
"donated": "Donated to the community",
"projects": "Projects",
"stats": "Stats",
+ "activity": "Activity",
"timeline": "Rekodi ya matukio",
"none-completed": "Hakuna changamoto zilizokamilishwa bado.",
"get-started": "Anza hapa.",
@@ -895,6 +898,7 @@
"invalid-update-flag": "Unajaribu kufikia rasilimali zilizopigwa marufuku. Tafadhali omba usaidizi katika https://forum.freecodecamp.org ikiwa hili ni ombi halali.",
"generate-exam-error": "Hitilafu ilitokea wakati wa kujaribu kuunda mtihani wako.",
"cert-not-found": "The certification {{certSlug}} does not exist.",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "Please include a Microsoft transcript URL in the request.",
diff --git a/client/i18n/locales/ukrainian/intro.json b/client/i18n/locales/ukrainian/intro.json
index 79bd6f3b95bdb7..3384bb7a5c10ac 100644
--- a/client/i18n/locales/ukrainian/intro.json
+++ b/client/i18n/locales/ukrainian/intro.json
@@ -1728,7 +1728,7 @@
"form-validation": "Валідація форм",
"javascript-dates": "Дати",
"audio-and-video-events": "Аудіо- та відеоподії",
- "maps-and-sets": "Maps and Sets",
+ "maps-and-sets": "Map та set",
"localstorage-and-crud-operations": "localStorage та операції CRUD",
"classes-and-the-this-keyword": "Класи",
"recursion": "Рекурсія",
@@ -2019,9 +2019,11 @@
"У цих відеолекціях ви дізнаєтесь, як працювати з фоном і кордоном."
]
},
- "pahx": {
- "title": "45",
- "intro": []
+ "lab-blog-post-card": {
+ "title": "Створіть картку для допису",
+ "intro": [
+ "У цій лабораторній роботі ви створите картку для допису із блогу, використовуючи HTML та CSS."
+ ]
},
"review-css-backgrounds-and-borders": {
"title": "Повторення фонів та кордонів у CSS",
@@ -2860,7 +2862,7 @@
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Робота з DOM, подіями click та web API",
"intro": [
- "У цих відеолекціях ви дізнаєтесь, як працювати з DOM, подіями click та web API за допомогою JavaScript."
+ "In these lecture videos, you will learn how to work with the DOM, click events, and web APIs, using JavaScript."
]
},
"gibb": {
@@ -3097,17 +3099,15 @@
"intro": []
},
"review-javascript-maps-and-sets": {
- "title": "JavaScript Maps and Sets Review",
+ "title": "Повторення map та set в JavaScript",
"intro": [
- "Before you are quizzed on JS Maps and Sets, you first need to review.",
- "Open up this page to review concepts such as the
Date: Mon, 9 Dec 2024 15:14:32 +0100
Subject: [PATCH 148/480] test: fix portfolio spec by introducing toPass with
intervals (#57428)
Co-authored-by: Oliver Eyton-Williams
---
e2e/portfolio.spec.ts | 12 +++++++++---
1 file changed, 9 insertions(+), 3 deletions(-)
diff --git a/e2e/portfolio.spec.ts b/e2e/portfolio.spec.ts
index 631daba3f7734a..965adc427908f4 100644
--- a/e2e/portfolio.spec.ts
+++ b/e2e/portfolio.spec.ts
@@ -24,9 +24,15 @@ test.describe('Add Portfolio Item', () => {
await page.getByRole('button', { name: 'Edit my profile' }).click();
- await page
- .getByRole('button', { name: 'Add a new portfolio Item' })
- .click();
+ // Will check if the portfolio button is hydrated correctly with different intervals.
+ await expect(async () => {
+ const addPortfolioItemButton = page.getByRole('button', {
+ name: 'Add a new portfolio Item'
+ });
+ await addPortfolioItemButton.click();
+
+ await expect(addPortfolioItemButton).toBeDisabled({ timeout: 1 });
+ }).toPass();
});
test('The title has validation', async ({ page }) => {
From 8e3959fff355e22fe9d9272542e3b63ce359cf93 Mon Sep 17 00:00:00 2001
From: Tom <20648924+moT01@users.noreply.github.com>
Date: Mon, 9 Dec 2024 09:11:52 -0600
Subject: [PATCH 149/480] feat(curriculum): add react basics review (#57360)
Co-authored-by: zairahira <33151350+zairahira@users.noreply.github.com>
Co-authored-by: Oliver Eyton-Williams
Co-authored-by: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com>
Co-authored-by: Sem Bauke
---
client/i18n/locales/english/intro.json | 7 +-
.../review-react-basics/index.md | 9 +
.../_meta/review-react-basics/meta.json | 12 +
.../67487e141bb6a7140a352e12.md | 241 ++++++++++++++++++
.../superblock-structure/full-stack.json | 1 +
5 files changed, 269 insertions(+), 1 deletion(-)
create mode 100644 client/src/pages/learn/full-stack-developer/review-react-basics/index.md
create mode 100644 curriculum/challenges/_meta/review-react-basics/meta.json
create mode 100644 curriculum/challenges/english/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
diff --git a/client/i18n/locales/english/intro.json b/client/i18n/locales/english/intro.json
index 3b1e63c9a16d63..f8b1ce02cecae5 100644
--- a/client/i18n/locales/english/intro.json
+++ b/client/i18n/locales/english/intro.json
@@ -3299,7 +3299,12 @@
},
"cdfr": { "title": "263", "intro": [] },
"bgtd": { "title": "264", "intro": [] },
- "ascd": { "title": "265", "intro": [] },
+ "review-react-basics": {
+ "title": "React Basics Review",
+ "intro": [
+ "Review basic React concepts to prepare for the upcoming quiz."
+ ]
+ },
"quiz-react-basics": {
"title": "React Basics Quiz",
"intro": ["Test what you've learned in this quiz on React Basics."]
diff --git a/client/src/pages/learn/full-stack-developer/review-react-basics/index.md b/client/src/pages/learn/full-stack-developer/review-react-basics/index.md
new file mode 100644
index 00000000000000..2780cec0c74d0a
--- /dev/null
+++ b/client/src/pages/learn/full-stack-developer/review-react-basics/index.md
@@ -0,0 +1,9 @@
+---
+title: Introduction to the React Basics
+block: review-react-basics
+superBlock: full-stack-developer
+---
+
+## Introduction to the React Basics Review
+
+Review basic React concepts to prepare for the upcoming quiz.
diff --git a/curriculum/challenges/_meta/review-react-basics/meta.json b/curriculum/challenges/_meta/review-react-basics/meta.json
new file mode 100644
index 00000000000000..eb7a712dbf5cfb
--- /dev/null
+++ b/curriculum/challenges/_meta/review-react-basics/meta.json
@@ -0,0 +1,12 @@
+{
+ "name": "React Basics",
+ "blockType": "review",
+ "blockLayout": "link",
+ "isUpcomingChange": true,
+ "dashedName": "review-react-basics",
+ "superBlock": "full-stack-developer",
+ "challengeOrder": [
+ { "id": "67487e141bb6a7140a352e12", "title": "React Basics Review" }
+ ],
+ "helpCategory": "JavaScript"
+}
diff --git a/curriculum/challenges/english/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md b/curriculum/challenges/english/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
new file mode 100644
index 00000000000000..526a7e6ff0f864
--- /dev/null
+++ b/curriculum/challenges/english/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
@@ -0,0 +1,241 @@
+---
+id: 67487e141bb6a7140a352e12
+title: React Basics Review
+challengeType: 24
+dashedName: review-react-basics
+---
+
+# --description--
+
+## JavaScript Libraries and Frameworks
+
+- JavaScript libraries and frameworks offer quick solutions to common problems and speed up development by providing pre-built code.
+- Libraries are generally more focused on providing solutions to specific tasks, such as manipulating the DOM, handling events, or managing AJAX requests.
+- A couple of examples of JavaScript libraries are jQuery and React.
+- Frameworks, on the other hand, provide a more defined structure for building applications. They often come with a set of rules and conventions that developers need to follow.
+- Examples of frameworks include Angular and Next.js.
+- **Single page applications** (SPAs) are web applications that load a single HTML page and dynamically update that page as the user interacts with the application without reloading the entire page.
+- SPAs use JavaScript to manage the application's state and render content. This is often done using frameworks which provide great tools for building complex user interfaces.
+- Some issues surrounding SPAs include:
+
+ - Screen readers struggle with dynamically updated content.
+ - The URL does not change when the user navigates within the application, which can make it difficult to bookmark, backtrack or share specific pages.
+ - Initial load time can be slow if the application is large as all the assets need to be loaded upfront.
+
+## React
+
+- React is a popular JavaScript library for building user interfaces and web applications.
+- A core concept of React is the creation of reusable UI components that can update and render independently as data changes.
+- React allows developers to describe how the UI should look like based on the application state. React then updates and renders the right components when the data or the state changes.
+
+## React Components
+
+- Components are the building blocks of React applications that allow developers to break down complex user interfaces into smaller, manageable pieces.
+- The UI is described using JSX, an extension of JavaScript's syntax, that allows developers to write HTML-like code within JavaScript.
+- Components are basically JS functions or classes that return a piece of UI.
+Here is an example of a simple React component that renders a greeting message:
+
+```jsx
+function Greeting() {
+ const name = 'Anna';
+ return
Date: Mon, 9 Dec 2024 20:55:39 +0530
Subject: [PATCH 150/480] chore(i18n,learn): update i18n-curriculum submodule
(#57455)
---
curriculum/i18n-curriculum | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/curriculum/i18n-curriculum b/curriculum/i18n-curriculum
index 0a8959143f11e7..1e5351e725eb0c 160000
--- a/curriculum/i18n-curriculum
+++ b/curriculum/i18n-curriculum
@@ -1 +1 @@
-Subproject commit 0a8959143f11e7bad930b56dedeb45ff1de2d4b1
+Subproject commit 1e5351e725eb0cddd407ba8efd92f8106f427b52
From ea15720fe34f134a54ee01c203ebd12426d4c41c Mon Sep 17 00:00:00 2001
From: Ilenia <26656284+ilenia-magoni@users.noreply.github.com>
Date: Mon, 9 Dec 2024 17:14:49 +0100
Subject: [PATCH 151/480] feat(curriculum): add weather app lab to cert
(#56246)
Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
Co-authored-by: Dario-DC <105294544+Dario-DC@users.noreply.github.com>
---
client/i18n/locales/english/intro.json | 7 +-
.../lab-weather-app/index.md | 9 +
.../_meta/lab-weather-app/meta.json | 11 +
.../66f12a88741aeb16b9246c59.md | 876 ++++++++++++++++++
.../superblock-structure/full-stack.json | 1 +
5 files changed, 903 insertions(+), 1 deletion(-)
create mode 100644 client/src/pages/learn/full-stack-developer/lab-weather-app/index.md
create mode 100644 curriculum/challenges/_meta/lab-weather-app/meta.json
create mode 100644 curriculum/challenges/english/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
diff --git a/client/i18n/locales/english/intro.json b/client/i18n/locales/english/intro.json
index f8b1ce02cecae5..600d11fc62eb8b 100644
--- a/client/i18n/locales/english/intro.json
+++ b/client/i18n/locales/english/intro.json
@@ -3325,7 +3325,12 @@
"ftmi": { "title": "275", "intro": [] },
"sgau": { "title": "276", "intro": [] },
"clak": { "title": "277", "intro": [] },
- "fcom": { "title": "278", "intro": [] },
+ "lab-weather-app": {
+ "title": "Build a Weather App",
+ "intro": [
+ "In this lab you will build a Weather App using an API to fetch the data."
+ ]
+ },
"ffpt": { "title": "279", "intro": [] },
"lrof": { "title": "280", "intro": [] },
"vyzp": { "title": "281", "intro": [] },
diff --git a/client/src/pages/learn/full-stack-developer/lab-weather-app/index.md b/client/src/pages/learn/full-stack-developer/lab-weather-app/index.md
new file mode 100644
index 00000000000000..19b4be6285a44f
--- /dev/null
+++ b/client/src/pages/learn/full-stack-developer/lab-weather-app/index.md
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Build a Weather App
+block: lab-weather-app
+superBlock: full-stack-development
+---
+
+## Introduction to the Build a Weather App
+
+In this lab you will build a Weather App using an API to fetch the data.
diff --git a/curriculum/challenges/_meta/lab-weather-app/meta.json b/curriculum/challenges/_meta/lab-weather-app/meta.json
new file mode 100644
index 00000000000000..4ffeb9c5cd2694
--- /dev/null
+++ b/curriculum/challenges/_meta/lab-weather-app/meta.json
@@ -0,0 +1,11 @@
+{
+ "name": "Build a Weather App",
+ "isUpcomingChange": true,
+ "usesMultifileEditor": true,
+ "dashedName": "lab-weather-app",
+ "superBlock": "full-stack-developer",
+ "challengeOrder": [{ "id": "66f12a88741aeb16b9246c59", "title": "Build a Weather App" }],
+ "helpCategory": "JavaScript",
+ "blockType": "lab",
+ "blockLayout": "link"
+}
diff --git a/curriculum/challenges/english/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md b/curriculum/challenges/english/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
new file mode 100644
index 00000000000000..4c9238a1eba6db
--- /dev/null
+++ b/curriculum/challenges/english/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
@@ -0,0 +1,876 @@
+---
+id: 66f12a88741aeb16b9246c59
+title: Build a Weather App
+challengeType: 14
+dashedName: lab-weather-app
+demoType: onClick
+---
+
+# --description--
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+You will use a weather API. The output data has the following format:
+
+```json
+{
+ "weather": [
+ {
+ "main": "Clear",
+ "description": "clear sky",
+ "icon": "https://cdn.freecodecamp.org/weather-icons/01n.png" // icon representing the weather
+ }
+ ],
+ "main": {
+ "temp": 2.62, // temperature in C
+ "feels_like": 0.84, // temperature in C
+ "temp_min": 1.72, // min temperature of the day in C
+ "temp_max": 3.49, // max temperature of the day in C
+ "pressure": 1010, // atmospheric pressure in hPa
+ "humidity": 81, // humidity in %
+ },
+ "visibility": 10000, // distance in meters
+ "wind": {
+ "speed": 1.79, // speed of the wind in m/s
+ "deg": 285, // orientation of the wind in degrees
+ "gust": 3.13 // gust speed in m/s
+ },
+ "name": "London",
+}
+```
+
+**User Stories:**
+
+1. You should have a `button` element with an `id` of `get-forecast`.
+
+1. You should have a `select` element with seven `option` elements nested within it. The first option should have an empty string as its text and `value` attribute. The rest should have the follow for their text and values (with the value being lowercase):
+ - New York
+ - Los Angeles
+ - Chicago
+ - Paris
+ - Tokyo
+ - London
+
+1. If no city is selected, pressing the button should do nothing.
+
+1. If a city is selected, elements to show the weather should appear:
+
+ - You should have an `img` element with the id `weather-icon` for displaying the weather icon.
+
+ - You should have an element with the id `main-temperature` for displaying the main temperature.
+
+ - You should have an element with the id `feels-like` for displaying what the temperature feels like.
+
+ - You should have an element with the id `humidity` for displaying the amount of humidity in air.
+
+ - You should have an element with the id `wind` element for displaying the wind speed.
+
+ - You should have an element with the id `wind-gust` element for displaying the wind gust.
+
+ - You should have an element with the id `weather-main` element for displaying the main weather type.
+
+ - You should have an element with the id `location` element for displaying the current location.
+
+1. You should have an asynchronous function named `getWeather` that fetches the weather information from the `https://weather-proxy.freecodecamp.rocks/api/city/` API and returns it. Note that this API returns data using the metric system, that means m/s for wind speed, and Celsius for the temperature.
+
+1. The `getWeather` asynchronous function should accept a city as its argument.
+
+1. You should handle any errors that occur within the `getWeather` function and log them to the console.
+
+1. You should have an asynchronous `showWeather` function that accepts a city as parameter.
+
+1. The `showWeather` function should call the `getWeather` function to retrieve the weather data for the selected city from the dropdown.
+
+1. If the `getWeather` function had an error, the app should only show an alert that says `Something went wrong, please try again later`.
+
+1. If the data from `getWeather` are usable, the `showWeather` function should display the weather data in the corresponding elements. If a certain value from the API is `undefined`, you should write `N/A` in the corresponsing element.
+
+NOTE: The tests will take time to complete. As long as you see `// running tests` in the console, they are being executed.
+
+# --hints--
+
+You should have a `button` element with an `id` of `get-forecast`.
+
+```js
+assert.exists(document.querySelector('button#get-forecast'));
+```
+
+You should have a `select` element.
+
+```js
+assert.exists(document.querySelector('select'));
+```
+
+Inside the `select` element the first child should be an `option` element with an empty `value` attribute.
+
+```js
+assert.exists(document.querySelector('select > option[value=""]'));
+assert.strictEqual(document.querySelector('select > option:first-child').value, "");
+```
+
+Inside the `select` element there should be 6 `option` elements, one for each of the following cities: Paris, London, Tokyo, Los Angeles, Chicago, New York.
+
+```js
+["Paris", "London", "Tokyo", "Los Angeles", "Chicago", "New York"].forEach(city => {
+ const el = document.querySelector(`select > option[value="${city.toLowerCase()}"]`);
+ assert.exists(el);
+ assert.strictEqual(el.innerText.trim(), city)
+});
+```
+
+You should have an `img` element with the id `weather-icon` for displaying the weather icon.
+
+```js
+async () => {
+ document.querySelector('select').value = "chicago";
+ document.querySelector('#get-forecast').click();
+ await new Promise(resolve => setTimeout(resolve, 800));
+ assert.exists(document.querySelector("img#weather-icon"));
+}
+```
+
+You should have an element with the id `main-temperature` for displaying the main temperature.
+
+```js
+async () => {
+ document.querySelector('select').value = "london";
+ document.querySelector('#get-forecast').click();
+ await new Promise(resolve => setTimeout(resolve, 800));
+ assert.exists(document.querySelector("#main-temperature"));
+}
+```
+
+You should have an element with the id `feels-like` for displaying what the temperature feels like.
+
+```js
+async () => {
+ document.querySelector('select').value = "london";
+ document.querySelector('#get-forecast').click();
+ await new Promise(resolve => setTimeout(resolve, 800));
+ assert.exists(document.querySelector("#feels-like"));
+}
+```
+
+You should have an element with the id `humidity` for displaying the amount of humidity in air.
+
+```js
+async () => {
+ document.querySelector('select').value = "london";
+ document.querySelector('#get-forecast').click();
+ await new Promise(resolve => setTimeout(resolve, 800));
+ assert.exists(document.querySelector("#humidity"));
+}
+```
+
+You should have an element with the id `wind` element for displaying the wind speed.
+
+```js
+async () => {
+ document.querySelector('select').value = "new york";
+ document.querySelector('#get-forecast').click();
+ await new Promise(resolve => setTimeout(resolve, 800));
+ assert.exists(document.querySelector("#wind"));
+}
+```
+
+You should have an element with the id `wind-gust` element for displaying the wind gust.
+
+```js
+async () => {
+ document.querySelector('select').value = "new york";
+ document.querySelector('#get-forecast').click();
+ await new Promise(resolve => setTimeout(resolve, 800));
+ assert.exists(document.querySelector("#wind-gust"));
+}
+```
+
+You should have an element with the id `weather-main` element for displaying the main weather type.
+
+```js
+async () => {
+ document.querySelector('select').value = "new york";
+ document.querySelector('#get-forecast').click();
+ await new Promise(resolve => setTimeout(resolve, 800));
+ assert.exists(document.querySelector("#weather-main"));
+}
+```
+
+You should have an element with the id `location` element for displaying the current location.
+
+```js
+async () => {
+ document.querySelector('select').value = "new york";
+ document.querySelector('#get-forecast').click();
+ await new Promise(resolve => setTimeout(resolve, 800));
+ assert.exists(document.querySelector("#location"));
+}
+```
+
+You should have a `showWeather` function.
+
+```js
+assert.isFunction(showWeather);
+```
+
+You should have a `getWeather` function.
+
+```js
+assert.isFunction(getWeather);
+```
+
+The `getWeather` function should accept a city as it's only argument and return the JSON from the Weather API.
+
+```js
+async () => {
+ try {
+ const city = "chicago";
+ const url = `https://weather-proxy.freecodecamp.rocks/api/city/${city}`;
+ const outputFunction = await getWeather(city);
+ const json = await fetch(url).then(data => data.json());
+ assert.deepEqual(outputFunction, json)
+ } catch (err) {
+ throw new Error(err);
+ }
+}
+```
+
+The `showWeather` function should call the `getWeather` function to get the weather data.
+
+```js
+async () => {
+ try {
+ let flag = false;
+ const temp = getWeather;
+ getWeather = async (location) => {
+ flag = true;
+ return await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${location}`).then(data => data.json())
+ }
+ await showWeather("london");
+ getWeather = temp;
+ assert.isTrue(flag)
+ } catch (err) {
+ throw new Error(err);
+ }
+}
+```
+
+When New York is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
+
+```js
+async () => {
+ try {
+ // function that construct an object with the id-value pairs that we expect in the page from an object
+ const helper = (wobj) => ({
+ "weather-icon": wobj.weather[0].icon,
+ "main-temperature": wobj.main.temp || 'N/A',
+ "feels-like": wobj.main.feels_like || 'N/A',
+ humidity: wobj.main.humidity || 'N/A',
+ wind: wobj.wind.speed || 'N/A',
+ "wind-gust": wobj.wind.gust || 'N/A',
+ "weather-main": wobj.weather[0].main || 'N/A',
+ location: wobj.name || 'N/A'
+ })
+ const city = "new york";
+ document.querySelector('select').value = city;
+ document.querySelector('#get-forecast').click();
+
+
+ // fetch the expected values from the API to confront
+ const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
+ data => data.json()
+ )
+
+ await new Promise(resolve => setTimeout(resolve, 800));
+
+ // construct the object from the data from the API
+ const extractedData = helper(body);
+
+ // check that all things are in place
+ for (const id in extractedData) {
+ if (id === "weather-icon") {
+ assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
+ } else {
+ assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
+ }
+ }
+ } catch (err) {
+ throw new Error(err);
+ }
+}
+```
+
+When Chicago is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
+
+```js
+async () => {
+ try {
+ // function that construct an object with the id-value pairs that we expect in the page from an object
+ const helper = (wobj) => ({
+ "weather-icon": wobj.weather[0].icon,
+ "main-temperature": wobj.main.temp || 'N/A',
+ "feels-like": wobj.main.feels_like || 'N/A',
+ humidity: wobj.main.humidity || 'N/A',
+ wind: wobj.wind.speed || 'N/A',
+ "wind-gust": wobj.wind.gust || 'N/A',
+ "weather-main": wobj.weather[0].main || 'N/A',
+ location: wobj.name || 'N/A'
+ })
+ const city = "chicago";
+ document.querySelector('select').value = city;
+ document.querySelector('#get-forecast').click();
+
+
+ // fetch the expected values from the API to confront
+ const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
+ data => data.json()
+ )
+
+ await new Promise(resolve => setTimeout(resolve, 800));
+
+ // construct the object from the data from the API
+ const extractedData = helper(body);
+
+ // check that all things are in place
+ for (const id in extractedData) {
+ if (id === "weather-icon") {
+ assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
+ } else {
+ assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
+ }
+ }
+ } catch (err) {
+ throw new Error(err);
+ }
+}
+```
+
+When London is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
+
+```js
+async () => {
+ try {
+ // function that construct an object with the id-value pairs that we expect in the page from an object
+ const helper = (wobj) => ({
+ "weather-icon": wobj.weather[0].icon,
+ "main-temperature": wobj.main.temp || 'N/A',
+ "feels-like": wobj.main.feels_like || 'N/A',
+ humidity: wobj.main.humidity || 'N/A',
+ wind: wobj.wind.speed || 'N/A',
+ "wind-gust": wobj.wind.gust || 'N/A',
+ "weather-main": wobj.weather[0].main || 'N/A',
+ location: wobj.name || 'N/A'
+ })
+ const city = "london";
+ document.querySelector('select').value = city;
+ document.querySelector('#get-forecast').click();
+
+
+ // fetch the expected values from the API to confront
+ const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
+ data => data.json()
+ )
+
+ await new Promise(resolve => setTimeout(resolve, 800));
+
+ // construct the object from the data from the API
+ const extractedData = helper(body);
+
+ // check that all things are in place
+ for (const id in extractedData) {
+ if (id === "weather-icon") {
+ assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
+ } else {
+ assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
+ }
+ }
+ } catch (err) {
+ throw new Error(err);
+ }
+}
+```
+
+When Tokyo is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
+
+```js
+async () => {
+ try {
+ // function that construct an object with the id-value pairs that we expect in the page from an object
+ const helper = (wobj) => ({
+ "weather-icon": wobj.weather[0].icon,
+ "main-temperature": wobj.main.temp || 'N/A',
+ "feels-like": wobj.main.feels_like || 'N/A',
+ humidity: wobj.main.humidity || 'N/A',
+ wind: wobj.wind.speed || 'N/A',
+ "wind-gust": wobj.wind.gust || 'N/A',
+ "weather-main": wobj.weather[0].main || 'N/A',
+ location: wobj.name || 'N/A'
+ })
+ const city = "tokyo";
+ document.querySelector('select').value = city;
+ document.querySelector('#get-forecast').click();
+
+
+ // fetch the expected values from the API to confront
+ const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
+ data => data.json()
+ )
+
+ await new Promise(resolve => setTimeout(resolve, 800));
+
+ // construct the object from the data from the API
+ const extractedData = helper(body);
+
+ // check that all things are in place
+ for (const id in extractedData) {
+ if (id === "weather-icon") {
+ assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
+ } else {
+ assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
+ }
+ }
+ } catch (err) {
+ throw new Error(err);
+ }
+}
+```
+
+When Los Angeles is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
+
+```js
+async () => {
+ try {
+ // function that construct an object with the id-value pairs that we expect in the page from an object
+ const helper = (wobj) => ({
+ "weather-icon": wobj.weather[0].icon,
+ "main-temperature": wobj.main.temp || 'N/A',
+ "feels-like": wobj.main.feels_like || 'N/A',
+ humidity: wobj.main.humidity || 'N/A',
+ wind: wobj.wind.speed || 'N/A',
+ "wind-gust": wobj.wind.gust || 'N/A',
+ "weather-main": wobj.weather[0].main || 'N/A',
+ location: wobj.name || 'N/A'
+ })
+ const city = "los angeles";
+ document.querySelector('select').value = city;
+ document.querySelector('#get-forecast').click();
+
+
+ // fetch the expected values from the API to confront
+ const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
+ data => data.json()
+ )
+
+ await new Promise(resolve => setTimeout(resolve, 800));
+
+ // construct the object from the data from the API
+ const extractedData = helper(body);
+
+ // check that all things are in place
+ for (const id in extractedData) {
+ if (id === "weather-icon") {
+ assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
+ } else {
+ assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
+ }
+ }
+ } catch (err) {
+ throw new Error(err);
+ }
+}
+```
+
+If there is an error, your `getWeather` function should log the error to the console.
+
+```js
+const testArr = [];
+const temp1 = fetch;
+const temp2 = console.log;
+const temp3 = console.error;
+const temp4 = alert;
+async () => {
+ try {
+ alert = () => {};
+ console.log = obj => {testArr.push(obj.toString())};
+ console.error = obj => {testArr.push(obj.toString())};
+ fetch = source => {throw new Error("This is a test error");}
+ await getWeather("chicago");
+ assert.include(testArr[0], "This is a test error");
+ assert.lengthOf(testArr, 1);
+ } finally {
+ fetch = temp1;
+ console.log = temp2;
+ console.error = temp3;
+ alert = temp4;
+ }
+}
+```
+
+When Paris is selected the app should show an alert with `Something went wrong, please try again later`.
+
+```js
+const testArr = [];
+const temp4 = alert;
+async () => {
+ try {
+ alert = (msg) => {testArr.push(msg)};
+ const city = "paris";
+ document.querySelector('select').value = city;
+ document.querySelector('#get-forecast').click();
+ await new Promise(resolve => setTimeout(resolve, 800));
+ assert.include(testArr[0], "Something went wrong, please try again later");
+ assert.lengthOf(testArr, 1);
+ } finally {
+ alert = temp4;
+ }
+}
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ Weather App
+
+
+
+
+
+
+
+
+```
+
+```css
+
+```
+
+```js
+
+```
+
+# --solutions--
+
+```html
+
+
+
+
+
+ Weather App
+
+
+
+
+
Date: Mon, 9 Dec 2024 23:57:08 +0700
Subject: [PATCH 152/480] fix(curriculum): Decimal to Binary Converter -
combine step 103 and 104 (#57369)
---
.../meta.json | 14 +-
.../6464b1384318a5087190950a.md | 282 ------------------
.../6464b25851863b0a119eb7b1.md | 4 +-
.../6464b3adeee9310bd37ff636.md | 4 +-
.../6464b8ccb1a5d612c2f857d1.md | 4 +-
.../6464c6d6698a8027f8c9d6be.md | 4 +-
...224cfa9.md => 674dd79dcfa5690e16e59775.md} | 34 ++-
7 files changed, 44 insertions(+), 302 deletions(-)
delete mode 100644 curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b1384318a5087190950a.md
rename curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/{6464ad3c9b2e6cf58224cfa9.md => 674dd79dcfa5690e16e59775.md} (83%)
diff --git a/curriculum/challenges/_meta/learn-recursion-by-building-a-decimal-to-binary-converter/meta.json b/curriculum/challenges/_meta/learn-recursion-by-building-a-decimal-to-binary-converter/meta.json
index 7d1734d623360d..0e1b98d8bc1d0f 100644
--- a/curriculum/challenges/_meta/learn-recursion-by-building-a-decimal-to-binary-converter/meta.json
+++ b/curriculum/challenges/_meta/learn-recursion-by-building-a-decimal-to-binary-converter/meta.json
@@ -417,28 +417,24 @@
"title": "Step 102"
},
{
- "id": "6464ad3c9b2e6cf58224cfa9",
+ "id": "674dd79dcfa5690e16e59775",
"title": "Step 103"
},
- {
- "id": "6464b1384318a5087190950a",
- "title": "Step 104"
- },
{
"id": "6464b25851863b0a119eb7b1",
- "title": "Step 105"
+ "title": "Step 104"
},
{
"id": "6464b3adeee9310bd37ff636",
- "title": "Step 106"
+ "title": "Step 105"
},
{
"id": "6464b8ccb1a5d612c2f857d1",
- "title": "Step 107"
+ "title": "Step 106"
},
{
"id": "6464c6d6698a8027f8c9d6be",
- "title": "Step 108"
+ "title": "Step 107"
}
],
"blockLayout": "legacy-challenge-grid"
diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b1384318a5087190950a.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b1384318a5087190950a.md
deleted file mode 100644
index 36568bfc1d4051..00000000000000
--- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b1384318a5087190950a.md
+++ /dev/null
@@ -1,282 +0,0 @@
----
-id: 6464b1384318a5087190950a
-title: Step 104
-challengeType: 0
-dashedName: step-104
----
-
-# --description--
-
-Now that you've targeted the correct element, you can update its text after the delay you specified earlier.
-
-Using the `.getElementById()` method, set the `textContent` property of the targeted element equal to the `msg` property of the current object.
-
-# --hints--
-
-You should chain `.textContent` to the `.getElementById()` method.
-
-```js
-assert.match(
- String(showAnimation),
- /setTimeout\s*\([\s\S]+document\.getElementById\s*\(\s*obj\.inputVal\s*\)\s*\.\s*textContent/
-);
-```
-
-You should set the `textContent` property of the targeted element equal to the `msg` property of the current object.
-
-```js
-assert.match(
- String(showAnimation),
- /setTimeout\s*\([\s\S]+document\.getElementById\s*\(\s*obj\.inputVal\s*\)\s*\.\s*textContent\s*=\s*obj\.msg|setTimeout\s*\([\s\S]+document\.getElementById\s*\(\s*obj\.inputVal\s*\)\s*\.\s*textContent\s*=\s*obj\s*\[\s*('|"|`)\s*msg\s*\1\s*\]/
-);
-```
-
-# --seed--
-
-## --seed-contents--
-
-```html
-
-
-
-
-
-
- Decimal to Binary Converter
-
-
-
-
- Decimal to Binary
-
-
-
-
-
-
-
-
-
-
-
-```
-
-```css
-*,
-*::before,
-*::after {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
-}
-
-:root {
- --light-grey: #f5f6f7;
- --dark-blue: #1b1b32;
- --orange: #f1be32;
-}
-
-body {
- display: flex;
- flex-direction: column;
- align-items: center;
- font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console,
- monospace;
- font-size: 1.125rem;
- color: var(--light-grey);
- background-color: var(--dark-blue);
- padding: 0 4px;
-}
-
-h1 {
- font-size: 2.125rem;
- text-align: center;
- margin: 20px 0;
-}
-
-h2 {
- font-size: 1.5rem;
- text-align: center;
- margin: 20px 0;
-}
-
-.input-container {
- display: flex;
- flex-direction: column;
- gap: 10px;
- justify-content: center;
- align-items: center;
- width: clamp(320px, 50vw, 460px);
- margin: 10px auto;
-}
-
-.input-container label {
- white-space: nowrap;
- word-spacing: -6px;
-}
-
-.convert-btn {
- font-size: inherit;
- font-family: inherit;
- background-color: var(--orange);
- width: 100%;
- height: 2rem;
- padding: 0 6px;
- border: none;
- border-radius: 2px;
- cursor: pointer;
-}
-
-.number-input {
- font-size: inherit;
- padding: 0.3rem;
- width: 100%;
-}
-
-.output-container {
- margin-inline: auto;
- width: clamp(320px, 50vw, 460px);
-}
-
-#result {
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 2rem;
- text-align: center;
- min-height: 80px;
- margin-block-start: 20px;
- padding: 15px;
- border: 2px solid var(--orange);
- border-radius: 2px;
-}
-
-#animation-container {
- display: flex;
- flex-direction: column-reverse;
- justify-content: end;
- gap: 1rem;
- margin-block-end: 1rem;
- min-height: 40vh;
- border: 2px dashed var(--orange);
- padding: 1rem;
-}
-
-.animation-frame {
- font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
- helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
- sans-serif;
- padding: 15px 10px;
- border: 5px solid var(--orange);
- font-size: 1.2rem;
- text-align: center;
-}
-
-@media screen and (min-width: 36em) {
- body {
- font-size: 1rem;
- }
-
- .input-container {
- flex-direction: row;
- width: unset;
- }
-
- .number-input {
- width: unset;
- }
-}
-```
-
-```js
-const numberInput = document.getElementById("number-input");
-const convertBtn = document.getElementById("convert-btn");
-const result = document.getElementById("result");
-const animationContainer = document.getElementById("animation-container");
-const animationData = [
- {
- inputVal: 5,
- addElDelay: 1000,
- msg: 'decimalToBinary(5) returns "10" + 1 (5 % 2). Then it pops off the stack.',
- showMsgDelay: 15000,
- removeElDelay: 20000,
- },
- {
- inputVal: 2,
- addElDelay: 1500,
- msg: 'decimalToBinary(2) returns "1" + 0 (2 % 2) and gives that value to the stack below. Then it pops off the stack.',
- showMsgDelay: 10000,
- removeElDelay: 15000,
- },
- {
- inputVal: 1,
- addElDelay: 2000,
- msg: "decimalToBinary(1) returns '1' (base case) and gives that value to the stack below. Then it pops off the stack.",
- showMsgDelay: 5000,
- removeElDelay: 10000,
- }
-];
-
-const decimalToBinary = (input) => {
- if (input === 0 || input === 1) {
- return String(input);
- } else {
- return decimalToBinary(Math.floor(input / 2)) + (input % 2);
- }
-};
-
-const showAnimation = () => {
- result.innerText = "Call Stack Animation";
-
- animationData.forEach((obj) => {
- setTimeout(() => {
- animationContainer.innerHTML += `
-
+
+```
+
+```js
+const sectionEl = document.getElementById("example-section");
+const lastParagraph = document.querySelector("#example-section p:last-of-type");
+
+sectionEl.removeChild(lastParagraph);
+```
+
+## Work with the `setAttribute` Method
+
+- **Definition**: This method is used to set the attribute for a given element. If the attribute already exists, then the value is updated. Otherwise, a new attribute is added with a value.
+
+```html
+
-
+
+ )} +
+
)}
diff --git a/client/src/components/profile/components/certifications.tsx b/client/src/components/profile/components/certifications.tsx
index 9b39d86e17aa27..d9c6388502227f 100644
--- a/client/src/components/profile/components/certifications.tsx
+++ b/client/src/components/profile/components/certifications.tsx
@@ -72,45 +72,50 @@ function Certificates({
const { t } = useTranslation();
return (
{t('profile.badges')}
+
+ {isDonating && (
+
-
+
-
+
+
+
{t('profile.supporter')}
+{t('profile.donated')}
+
-
- )}
- {isTopContributor && (
- {t('profile.supporter')}
-{t('profile.donated')}
+ )} + {isTopContributor && ( +
+
-
+
+
+
{t('profile.contributor')}
++ {t('profile.contributor-prolific', { + year: yearsTopContributor.join(', ') + })} +
+
-
- )}
-
-
-
-
- {t('profile.contributor')}
-- {t('profile.contributor-prolific', { - year: yearsTopContributor.join(', ') - })} -
-+ )} +
{t('profile.fcc-certs')}
-- {hasModernCert && currentCerts ? ( -
-
- {currentCerts
- .filter(({ show }) => show)
- .map(cert => (
-
{t('profile.no-certs')}
- )} - {hasLegacyCert && ( -
-
- )}
- - {t('settings.headings.legacy-certs')} -
--
- {legacyCerts
- .filter(({ show }) => show)
- .map(cert => (
-
+
{t('profile.fcc-certs')}
++ {hasModernCert && currentCerts ? ( +
-
+ {currentCerts
+ .filter(({ show }) => show)
+ .map(cert => (
+
{t('profile.no-certs')}
+ )} + {hasLegacyCert && ( +
+
+ )}
+ + {t('settings.headings.legacy-certs')} +
+-
+ {legacyCerts
+ .filter(({ show }) => show)
+ .map(cert => (
+
+ values={dataToDisplay} + /> +
{t('profile.projects')}
- {portfolioProjects.map(({ title, url, image, description, id }) => ( - - {image && ( -
-
-
- ))}
-
-
- - {title} - , {t('aria.opens-new-window')} -
-{description}
-+
{t('profile.projects')}
+
+
+
+ {index < portfolioProjects.length - 1 &&
+
+ + {title} + + , {t('aria.opens-new-window')} + +
+{description}
+} +
{t('profile.stats')}
--
-
- - {t('profile.current-streak')} - -
- {currentStreak || 0} -
- - {t('profile.total-points')} - -
- {points} -
- - {t('profile.longest-streak')} - -
- {longestStreak || 0} -
-
-
-
-
-
- +
{t('profile.stats')}
+-
+
- + {t('profile.current-streak')} + +
- {currentStreak || 0} +
- + {t('profile.total-points')} + +
- {points} +
- + {t('profile.longest-streak')} + +
- {longestStreak || 0} +
+
+
+
+
+
+ {t('profile.timeline')}
-- {t('profile.none-completed')} - {t('profile.get-started')} -
- ) : ( -| {t('profile.challenge')} | -{t('settings.labels.solution')} | -{t('profile.completed')} | -
|---|
{t('profile.timeline')}
++ {t('profile.none-completed')} + {t('profile.get-started')} +
+ ) : ( +| {t('profile.challenge')} | +{t('settings.labels.solution')} | +{t('profile.completed')} | +
|---|
Map and Set objects, as well as WeakSet and WeakMap."
+ "Перш ніж перейти до тесту «Map та set в JavaScript», повторіть основні поняття.",
+ "Відкрийте цю сторінку, щоб пригадати об’єкти Map та Set, а також WeakSet й WeakMap."
]
},
"quiz-javascript-maps-and-sets": {
- "title": "JavaScript Maps and Sets Quiz",
- "intro": [
- "Test what you've learned in this quiz on JavaScript Maps and Sets."
- ]
+ "title": "Тест «Map та set в JavaScript»",
+ "intro": ["Перевірте, що ви дізнались про map та set в JavaScript."]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
"title": "Робота зі сховищем на клієнтській стороні та операціями CRUD",
diff --git a/client/i18n/locales/ukrainian/translations.json b/client/i18n/locales/ukrainian/translations.json
index fe81513a4700ec..973af7eb2eb238 100644
--- a/client/i18n/locales/ukrainian/translations.json
+++ b/client/i18n/locales/ukrainian/translations.json
@@ -147,7 +147,7 @@
},
{
"title": "Безоплатна освіта",
- "description": "Learn from our charity and save money on your education. This is made possible by the generous support of our monthly donors."
+ "description": "Навчайтесь зі спільнотою та економте на освіті, що можливо завдяки щедрій підтримці донорів."
},
{
"title": "Зразкові сертифікації",
@@ -238,6 +238,8 @@
"sound-mode": "Це додає приємне звучання акустичної гітари на всьому вебсайті. Ви почуєте музичний супровід, коли будете писати у редакторі, при завершенні випробувань, при затвердженні сертифікацій та інше.",
"sound-volume": "Гучність багаття:",
"scrollbar-width": "Ширина смуги прокрутки редактора",
+ "reset-editor-layout-tooltip": "Reset the editor layout to its default state",
+ "reset-editor-layout": "Reset Editor Layout",
"shortcuts-explained": "В межах завдання натисніть ESC та знак питання, щоб переглянути список доступних скорочень.",
"username": {
"contains invalid characters": "Ім’я користувача «{{username}}» містить неприпустимі символи",
@@ -346,6 +348,7 @@
"donated": "Задонатив(-ла) спільноті",
"projects": "Проєкти",
"stats": "Статистика",
+ "activity": "Activity",
"timeline": "Хронологія",
"none-completed": "Поки що немає виконаних завдань.",
"get-started": "Почніть тут.",
@@ -712,8 +715,8 @@
"help-millions-learn": "Допоможіть мільйонам людей навчатись",
"reach-goals-faster": "Досягайте цілей швидше",
"remove-distractions": "Позбавтесь повідомлень",
- "remove-interruptions": "Remove interruptions",
- "acquire-skills-faster": "Acquire skills faster",
+ "remove-interruptions": "Позбавтесь повідомлень",
+ "acquire-skills-faster": "Набувайте навичок швидше",
"animation-description": "Це 20-секундна анімаційна реклама, щоб заохотити кемперів стати донорами freeCodeCamp. Анімація починається з ведмедика, який стає донором. В результаті відволікаючі спливаючі вікна зникають, і ведмедик може досягти своїх цілей. Потім він закінчує навчання і стає освітнім супергероєм, який допомагає людям по всьому світу.",
"animation-countdown": "До завершення анімації залишилось: {{secondsRemaining}}."
},
@@ -895,6 +898,7 @@
"invalid-update-flag": "Ви намагаєтеся отримати доступ до заборонених ресурсів. Зверніться по допомогу на https://forum.freecodecamp.org, якщо це є дійсним запитом.",
"generate-exam-error": "Під час спроби створити екзамен виникла помилка.",
"cert-not-found": "Сертифікація «{{certSlug}}» не існує.",
+ "reset-editor-layout": "Your editor layout has been reset.",
"ms": {
"transcript": {
"link-err-1": "Будь ласка, вкажіть посилання на стенограму Microsoft в запиті.",
From 9543c7c77dda77ef28b65d2741be5f7d161be852 Mon Sep 17 00:00:00 2001
From: Sem Bauke Welcome, {name}!
; +} +``` + +To use the component, you can simply call: + +```jsx +New York
; +} + +export default City; +``` + +- To import the `City` component into another file, you can use the `import` keyword: + +```jsx +// App.js +import City from './City'; + +function App() { + return ( +
+
+ );
+}
+```
+
+- The `default` keyword is used as it is the default export from the `City.js` file.
+
+- You can also choose to export the component on the same line as the component definition like this:
+
+```jsx
+export default function City() {
+ return My favorite city is:
+New York
; +} +``` + +## Setting up a React project using Vite + +- Project setup tools and CLIs provide a quick & easy way to start new projects, allowing developers to focus on writing code rather than dealing with configuration. +- Vite, a popular project setup tool and can be used with React. +- To create a new project with Vite, you can use the following command in your terminal: + +```bash +npm create vite@latest my-react-app -- --template react +``` + +This command creates a new React project named `my-react-app` using Vite's React template. + +- To run the project, navigate to the project directory and run the following commands: + +```bash +cd my-react-app # path to the project directory +npm install +``` + +- Once the dependencies are installed, you should notice a new folder in your project called `node_modules`. + +- The `node_modules` folder is where all the packages and libraries required by your project are stored. + +- To run your project, use the following command: + +```bash +npm run dev +``` + +- After that, open your browser and navigate to `http://localhost:5173` to see your React application running. + +- To actually see the code for the starter template, you can go into your project inside the `src` folder and you should see the `App.jsx` file. + +## Passing props in React components + +- In React, props (short for properties) are a way to pass data from a parent component to a child component. This mechanism is needed to create reusable and dynamic UI elements. +- Props can be any JavaScript value. To pass props from a parent to a child component, you add the props as attributes when you use the child component in the parent's JSX. Here's a simple example: + +```jsx +// Parent component +function Parent() { + const name = 'Anna'; + returnHello, {props.name}!
; +} +``` + +You can pass multiple props using the spread operator `(...)`, after converting them to an object. Here’s an example: + +```jsx +// Parent component +function Parent() { + const person = { + name: 'Anna', + age: 25, + city: 'New York' + }; + return
+ {isLoggedIn ?
+ );
+}
+```
+
+- Another way to conditionally render content is to use the logical AND (`&&`) operator. This is useful when you want to render content only if a certain condition is met. Here's an example:
+
+```jsx
+function Greeting({ user }) {
+ return (
+ Welcome back!
:Please log in
} +
+ {user &&
+ );
+}
+```
+
+In the code above, the `h1` element is only rendered if the user object is truthy.
+
+## Rendering lists in React
+
+- Rendering lists in React is a common task when building user interfaces.
+- Lists can be rendered using the JS array `map()` method to iterate over an array of items and return a new array of JSX elements.
+- For example, if you have an array of names that you want to render as a list, you can do the following:
+
+```jsx
+function NameList({ names }) {
+ return (
+ Welcome, {user.name}!
} +-
+ {names.map((name, index) => (
+
- {name} + ))} +
Hello, world!
; +} +``` + +- Inline styles support dynamic styling by allowing you to conditionally apply styles based on props or state. Here is an example of how you can conditionally apply styles based on a prop: + +```jsx +function Greeting({ isImportant }) { + const styles = { + color: isImportant ? 'red' : 'black', + fontSize: isImportant ? '24px' : '16px' + }; + + returnHello, world!
; +} +``` + +- In the code above, the `color` and `fontSize` styles are conditionally set based on the `isImportant` prop. + +# --assignment-- + +Review the React Basics topics and concepts. diff --git a/curriculum/superblock-structure/full-stack.json b/curriculum/superblock-structure/full-stack.json index e15adc329a83a2..dc61defaa66e35 100644 --- a/curriculum/superblock-structure/full-stack.json +++ b/curriculum/superblock-structure/full-stack.json @@ -545,6 +545,7 @@ "dashedName": "lecture-introduction-to-javascript-libraries-and-frameworks" }, { "dashedName": "lecture-working-with-data-in-react" }, + { "dashedName": "review-react-basics" }, { "dashedName": "quiz-react-basics" } ] }, From 6f5f1a520d5fbaf0caf8214b08c3a73ed7162ccb Mon Sep 17 00:00:00 2001 From: freeCodeCamp's Camper Bot
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Weather for:
+
+
+
+
+
+
+
+
+```
+
+```css
+* {
+ box-sizing: border-box;
+}
+
+body {
+ background-color: #32a852;
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ row-gap: 40px;
+ font-size: 20px;
+ font-family: sans-serif;
+}
+
+.btn-wrap {
+ min-width: 700px;
+ display: flex;
+ justify-content: space-evenly;
+ column-gap: 20px;
+ border: 2px solid black;
+ padding: 20px;
+ border-radius: 10px;
+ background-color: #6cd488;
+ box-shadow: 6px 6px 6px rgba(0,0,0,0.5);
+}
+
+.btn-wrap > span {
+ text-transform: uppercase;
+ text-align: center;
+ margin: auto;
+}
+
+.btn-wrap > span::first-letter {
+ font-size: 1.3em
+}
+
+#location-selector {
+ width: 200px;
+ height: 50px;
+ font-size: 20px;
+}
+
+#get-forecast {
+ font-size: 20px;
+ height: 50px;
+ width: 200px;
+}
+
+.weather-info-wrap {
+ min-width: 700px;
+ max-width: 700px;
+ min-height: 300px;
+ padding: 20px 0px;
+ text-align: center;
+ background-color: #eee;
+ border-radius: 10px;
+ border: 2px solid black;
+ box-shadow: 6px 6px 6px rgba(0,0,0,0.5);
+}
+
+#weather-info {
+ display: none;
+ font-family: sans-serif;
+ padding: 20px 0;
+}
+
+#location {
+ font-size: 30px;
+}
+
+.primary-info {
+ display: flex;
+ justify-content: space-evenly;
+ margin: 20px;
+ font-size: 25px;
+}
+
+.primary-info-left {
+ display: flex;
+ align-items: center;
+}
+
+.primary-info-right {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ column-gap: 10px;
+}
+
+.secondary-info {
+ margin: 40px 20px 0 20px;
+ display: flex;
+ flex-direction: column;
+ row-gap: 20px;
+}
+
+.secondary-info-top {
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+}
+
+.secondary-info-bottom {
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+ margin-top: 40px;
+}
+
+.secondary-info-bottom-left {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ row-gap: 20px;
+ justify-content: space-evenly;
+}
+
+.secondary-info-bottom-right {
+ width: 100px;
+ height: 100px;
+ border: 2px solid black;
+ border-radius: 50%;
+ position: relative;
+}
+
+#compass-arrow {
+ width: 3px;
+ height: 60px;
+ position: absolute;
+ background-color: black;
+}
+
+#compass-arrow {
+ width: 4px;
+ height: 70px;
+ top: 15%;
+ position: absolute;
+ background-color: black;
+}
+
+.arrow-head {
+ width: 0;
+ height: 0;
+ border: 8px solid transparent;
+ border-left-color: black;
+ position: absolute;
+ top: -15%;
+ left: -6px;
+ transform: rotate(-90deg);
+}
+
+.compass-direction {
+ position: absolute;
+ background-color: black;
+}
+
+.north, .south {
+ width: 3px;
+ height: 8px;
+ left: 50%;
+}
+
+.east, .west {
+ width: 8px;
+ height: 3px;
+ top: 50%;
+}
+
+.north {
+ top: -8px;
+}
+
+.south {
+ bottom: -8px;
+}
+
+.east {
+ right: -8px;
+}
+
+.west {
+ left: -8px;
+}
+```
+
+```js
+const getForecastBtn = document.getElementById('get-forecast');
+const selectEl = document.getElementById('location-selector');
+
+const weatherInfoEl = document.getElementById('weather-info');
+const iconEl = document.getElementById('weather-icon');
+const tempEl = document.getElementById('main-temperature');
+const feelEl = document.getElementById('feels-like');
+const humidityEl = document.getElementById('humidity');
+const windEl = document.getElementById('wind');
+const gustEl = document.getElementById('wind-gust');
+const mainEl = document.getElementById('weather-main');
+const locationEl = document.getElementById('location');
+const arrowEl = document.getElementById('compass-arrow');
+
+getForecastBtn.addEventListener('click', () =>
+ selectEl.value && showWeather(selectEl.value)
+);
+
+async function showWeather(city) {
+ const json = await getWeather(city);
+ const {
+ weather,
+ main:
+ {
+ temp,
+ feels_like,
+ humidity
+ },
+ wind: { speed, gust, deg = 0 },
+ name
+ } = json;
+
+ const { main, icon } = weather[0];
+
+ weatherInfoEl.style.display = 'block';
+
+ iconEl.src = icon || '';
+ tempEl.innerHTML = temp ? `${temp}° C` : 'N/A';
+ feelEl.innerHTML = `Feels Like: ${feels_like ? `${feels_like}° C` : 'N/A'}`;
+ humidityEl.innerHTML = `Humidity: ${humidity ? `${humidity}%` : 'N/A'}`;
+ windEl.innerHTML = `Wind: ${speed ? `${speed} m/s` : 'N/A'}`;
+ gustEl.innerHTML = `Gusts: ${gust ? `${gust} m/s` : 'N/A'}`;
+
+ mainEl.innerHTML = main || 'N/A';
+ locationEl.innerHTML = name || 'N/A';
+ arrowEl.style.transform = `rotate(${deg}deg)`;
+}
+
+async function getWeather(city) {
+ try {
+ const response = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`)
+
+ if (!response.ok) {
+ alert('Something went wrong, please try again later');
+ }
+
+ const json = await response.json();
+ return json;
+ } catch (error) {
+ console.error(error.message);
+ }
+}
+```
diff --git a/curriculum/superblock-structure/full-stack.json b/curriculum/superblock-structure/full-stack.json
index dc61defaa66e35..897c262ba64e95 100644
--- a/curriculum/superblock-structure/full-stack.json
+++ b/curriculum/superblock-structure/full-stack.json
@@ -523,6 +523,7 @@
"blocks": [
{ "dashedName": "lecture-understanding-asynchronous-programming" },
{ "dashedName": "workshop-fcc-authors-page" },
+ { "dashedName": "lab-weather-app" },
{ "dashedName": "review-asynchronous-javascript" },
{ "dashedName": "quiz-asynchronous-javascript" }
]
From 6541547468d324756cb5cbd92aa58f463d4cd6d1 Mon Sep 17 00:00:00 2001
From: Duong The Pham
- Decimal to Binary
- Converter
-
- Call stack
- -- decimalToBinary(${obj.inputVal}) -
- `; - }, obj.addElDelay); - - setTimeout(() => { ---fcc-editable-region-- - document.getElementById(obj.inputVal); ---fcc-editable-region-- - }, obj.showMsgDelay); - }); -}; - -const checkUserInput = () => { - const inputInt = parseInt(numberInput.value); - - if (!numberInput.value || isNaN(inputInt) || inputInt < 0) { - alert("Please provide a decimal number greater than or equal to 0"); - return; - } - - if (inputInt === 5) { - showAnimation(); - return; - } - - result.textContent = decimalToBinary(inputInt); - numberInput.value = ""; -}; - -convertBtn.addEventListener("click", checkUserInput); - -numberInput.addEventListener("keydown", (e) => { - if (e.key === "Enter") { - checkUserInput(); - } -}); -``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b25851863b0a119eb7b1.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b25851863b0a119eb7b1.md index f48fa518d68280..8577a5523bff1a 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b25851863b0a119eb7b1.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b25851863b0a119eb7b1.md @@ -1,8 +1,8 @@ --- id: 6464b25851863b0a119eb7b1 -title: Step 105 +title: Step 104 challengeType: 0 -dashedName: step-105 +dashedName: step-104 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b3adeee9310bd37ff636.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b3adeee9310bd37ff636.md index b377f9ac3a91a7..1a6d085ccb48cf 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b3adeee9310bd37ff636.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b3adeee9310bd37ff636.md @@ -1,8 +1,8 @@ --- id: 6464b3adeee9310bd37ff636 -title: Step 106 +title: Step 105 challengeType: 0 -dashedName: step-106 +dashedName: step-105 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b8ccb1a5d612c2f857d1.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b8ccb1a5d612c2f857d1.md index a221825e33bbb8..da49cbe72e2cef 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b8ccb1a5d612c2f857d1.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464b8ccb1a5d612c2f857d1.md @@ -1,8 +1,8 @@ --- id: 6464b8ccb1a5d612c2f857d1 -title: Step 107 +title: Step 106 challengeType: 0 -dashedName: step-107 +dashedName: step-106 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464c6d6698a8027f8c9d6be.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464c6d6698a8027f8c9d6be.md index 4248653d1dabe3..5816b208376d98 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464c6d6698a8027f8c9d6be.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464c6d6698a8027f8c9d6be.md @@ -1,8 +1,8 @@ --- id: 6464c6d6698a8027f8c9d6be -title: Step 108 +title: Step 107 challengeType: 0 -dashedName: step-108 +dashedName: step-107 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464ad3c9b2e6cf58224cfa9.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/674dd79dcfa5690e16e59775.md similarity index 83% rename from curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464ad3c9b2e6cf58224cfa9.md rename to curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/674dd79dcfa5690e16e59775.md index 2d8fca9bd84c57..bdc5b260ab357e 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/6464ad3c9b2e6cf58224cfa9.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-recursion-by-building-a-decimal-to-binary-converter/674dd79dcfa5690e16e59775.md @@ -1,5 +1,5 @@ --- -id: 6464ad3c9b2e6cf58224cfa9 +id: 674dd79dcfa5690e16e59775 title: Step 103 challengeType: 0 dashedName: step-103 @@ -9,7 +9,9 @@ dashedName: step-103 You have set the `id` attribute for your paragraph elements to the `obj.inputVal` property. -Now, use `getElementById` to select the element with that attribute value, again using the `obj.inputVal` property. +Now, use the `.getElementById()` method to select the element with that attribute value, again using the `obj.inputVal` property. + +After that, set the `textContent` property of the selected element equal to the `msg` property of the current object, to update its text after the delay you specified earlier. # --hints-- @@ -18,10 +20,36 @@ You should use the `.getElementById()` method to target the element where the `i ```js assert.match( String(showAnimation), - /setTimeout\s*\([\s\S]+document\.getElementById\s*\(\s*obj\.inputVal\s*\)|setTimeout\s*\([\s\S]+document\.getElementById\s*\(\s*obj\s*\[\s*('|"|`)\s*inputVal\s*\1\s*\]\s*\)/ + /setTimeout\s*\([\s\S]+document\.getElementById\s*\(.*(?:obj\.inputVal|obj\s*\[\s*('|"|`)\s*inputVal\s*\1\s*\]).*\)/ +); +``` + +You should chain `.textContent` to the `.getElementById()` method. + +```js +assert.match( + String(showAnimation), + /setTimeout\s*\([\s\S]+document\.getElementById\s*\(.*(?:obj\.inputVal|obj\s*\[\s*('|"|`)\s*inputVal\s*\1\s*\]).*\)\s*\.\s*textContent/ ); ``` +You should set the `textContent` property of the targeted element equal to the `msg` property of the current object. + +```js +const oldSetTimeout = setTimeout; +setTimeout = (functionName, delay) => { + functionName(); +} +try { + showAnimation(); + animationData.forEach((obj) => { + assert.equal(document.getElementById(obj.inputVal).textContent, obj.msg); + }); +} finally { + setTimeout = oldSetTimeout; +} +``` + # --seed-- ## --seed-contents-- From 2c8041f2e2f269094e9485b9ca846f8f56974a42 Mon Sep 17 00:00:00 2001 From: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com> Date: Mon, 9 Dec 2024 09:02:39 -0800 Subject: [PATCH 153/480] chore(curriculum): remove link lecture video (#57458) --- .../lecture-working-with-links/meta.json | 4 - .../67168343450957aa4335c56b.md | 121 ------------------ 2 files changed, 125 deletions(-) delete mode 100644 curriculum/challenges/english/25-front-end-development/lecture-working-with-links/67168343450957aa4335c56b.md diff --git a/curriculum/challenges/_meta/lecture-working-with-links/meta.json b/curriculum/challenges/_meta/lecture-working-with-links/meta.json index 474d7fe691a0d5..81436421054401 100644 --- a/curriculum/challenges/_meta/lecture-working-with-links/meta.json +++ b/curriculum/challenges/_meta/lecture-working-with-links/meta.json @@ -21,10 +21,6 @@ { "id": "67168323932391a9ee0d3a9e", "title": "What Are the Different Link States, and Why Are They Important?" - }, - { - "id": "67168343450957aa4335c56b", - "title": "What Is the Difference Between Inline and Block-Level Links?" } ], "helpCategory": "HTML-CSS" diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-links/67168343450957aa4335c56b.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-links/67168343450957aa4335c56b.md deleted file mode 100644 index b92848e3c4cb66..00000000000000 --- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-links/67168343450957aa4335c56b.md +++ /dev/null @@ -1,121 +0,0 @@ ---- -id: 67168343450957aa4335c56b -videoId: nVAaxZ34khk -title: What Is the Difference Between Inline and Block-Level Links? -challengeType: 11 -dashedName: what-is-the-difference-between-inline-and-block-level-links ---- - -# --description-- - -Watch the video and answer the questions below. - -# --questions-- - -## --text-- - -What is the default behavior of an `a` element? - -## --answers-- - -It displays on the same line. - ---- - -It displays on a new line. - -### --feedback-- - -`a` elements are inline elements. - ---- - -It displays on a new page. - -### --feedback-- - -`a` elements are inline elements. - ---- - -It displays before everything else. - -### --feedback-- - -`a` elements are inline elements. - -## --video-solution-- - -1 - -## --text-- - -What is the default behavior of a `p` element? - -## --answers-- - -It displays on the same line. - -### --feedback-- - -`p` elements are block elements. - ---- - -It displays on a new line. - ---- - -It displays on a new page. - -### --feedback-- - -`p` elements are block elements. - ---- - -It displays before everything else. - -### --feedback-- - -`p` elements are block elements. - -## --video-solution-- - -2 - -## --text-- - -How would you make a link display on a new line? - -## --answers-- - -The `a` element will display on a new line automatically. - -### --feedback-- - -You can turn a `p` element into a link by nesting it in the `a` element. - ---- - -Nest a block element, such as `p`, in the `a` element. - ---- - -You can't; links are only able to be inline. - -### --feedback-- - -You can turn a `p` element into a link by nesting it in the `a` element. - ---- - -Ask it really nicely. - -### --feedback-- - -You can turn a `p` element into a link by nesting it in the `a` element. - -## --video-solution-- - -2 From d524fb52f890503d631ea904985523cf7fe683b2 Mon Sep 17 00:00:00 2001 From: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com> Date: Mon, 9 Dec 2024 09:08:11 -0800 Subject: [PATCH 154/480] feat(curriculum): adding review JS content to prep exam review page (#57427) Co-authored-by: Zaira <33151350+zairahira@users.noreply.github.com> Co-authored-by: Dario-DC <105294544+Dario-DC@users.noreply.github.com> --- client/i18n/locales/english/intro.json | 3 +- .../6723d3cfdd0717d3f1bf27e3.md | 2848 ++++++++++++++++- .../6723d1f0568292cd394d6fb6.md | 2 +- 3 files changed, 2850 insertions(+), 3 deletions(-) diff --git a/client/i18n/locales/english/intro.json b/client/i18n/locales/english/intro.json index 600d11fc62eb8b..f7558020063ae4 100644 --- a/client/i18n/locales/english/intro.json +++ b/client/i18n/locales/english/intro.json @@ -3279,7 +3279,8 @@ "review-javascript": { "title": "JavaScript Review", "intro": [ - "Review the JavaScript concepts to prepare for the upcoming quiz." + "Before you take the JavaScript prep exam, you will need to review first.", + "Open up this page, to review all of the concepts taught including variables, strings, booleans, functions, objects, arrays, debugging, working with the DOM and more." ] }, "kagw": { "title": "258", "intro": [] }, diff --git a/curriculum/challenges/english/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md b/curriculum/challenges/english/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md index a1b0b00d042257..0d30acfe4862a8 100644 --- a/curriculum/challenges/english/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md +++ b/curriculum/challenges/english/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md @@ -7,9 +7,2855 @@ dashedName: review-javascript # --description-- -Review the concepts below to prepare for the upcoming quiz. +Review the concepts below to prepare for the upcoming prep exam. +## Working with HTML, CSS, and JavaScript + +While HTML and CSS provide website structure, JavaScript brings interactivity to websites by enabling complex functionality, such as handling user input, animating elements, and even building full web applications. + +## Data Types in JavaScript + +Data types help the program understand the kind of data it’s working with, whether it's a number, text, or something else. + +- **Number**: A number represents both integers and floating-point values. Examples of integers include 7, 19, and 90. +- **Floating point**: A floating point number is a number with a decimal point. Examples include 3.14, 0.5, and 0.0001. +- **String**: A string is a sequence of characters, or text, enclosed in quotes. `"I like coding"` and `'JavaScript is fun'` are examples of strings. +- **Boolean**: A boolean represents one of two possible values: `true` or `false`. You can use a boolean to represent a condition, such as `isLoggedin = true`. +- **Undefined and Null**: An undefined value is a variable that has been declared but not assigned a value. A null value is an empty value, or a variable that has intentionally been assigned a value of `null`. +- **Object**: An object is a collection of key-value pairs. The key is the property name, and the value is the property value. + +Here, the `pet` object has three properties or keys: `name`, `age`, and `type`. The values are `Fluffy`, `3`, and `dog`, respectively. + +```js +let pet = { + name: 'Fluffy', + age: 3, + type: 'dog' +}; +``` + +- **Symbol**: The Symbol data type is a unique and immutable value that may be used as an identifier for object properties. + +In this example below, two symbols are created with the same description, but they are not equal. + +```js +const crytpicKey1= Symbol('saltNpepper'); +const crytpicKey2= Symbol('saltNpepper'); +console.log(crytpicKey1 === crytpicKey2); // false +``` + +- **BigInt**: When the number is too large for the `Number` data type, you can use the BigInt data type to represent integers of arbitrary length. + +By adding an `n` to the end of the number, you can create a BigInt. + +```js +const veryBigNumber = 1234567890123456789012345678901234567890n; +``` + +## Variables in JavaScript + +- Variables can be declared using the `let` keyword. + +```js +let cityName; +``` + +- To assign a value to a variable, you can use the assignment operator `=`. + +```js +cityName = 'New York'; +``` + +- Variables declared using `let` can be reassigned a new value. + +```js +cityName = 'Los Angeles'; +console.log(cityName); // Los Angeles +``` + +- Apart from `let`, you can also use `const` to declare a variable. However, a `const` variable cannot be reassigned a new value. + +```js +const cityName = 'New York'; +cityName = 'Los Angeles'; // TypeError: Assignment to constant variable. +``` + +- Variables declared using `const` find uses in declaring constants, that are not allowed to change throughout the code, such as `PI` or `MAX_SIZE`. + +## Variable Naming Conventions + +- Variable names should be descriptive and meaningful. +- Variable names should be camelCase like `cityName`, `isLoggedin`, and `veryBigNumber`. +- Variable names should not start with a number. They must begin with a letter, `_`, or `$`. +- Variable names should not contain spaces or special characters, except for `_` and `$`. +- Variable names should not be reserved keywords. +- Variable names are case-sensitive. `age` and `Age` are different variables. + +## Strings and String immutability in JavaScript + +- Strings are sequences of characters enclosed in quotes. They can be created using single quotes and double quotes. + +```js +let correctWay = 'This is a string'; +let alsoCorrect = "This is also a string"; +``` + +- Strings are immutable in JavaScript. This means that once a string is created, you cannot change the characters in the string. However, you can still reassign strings to a new value. + +```js +let firstName = 'John'; +firstName = 'Jane'; // Reassigning the string to a new value +``` + +## String Concatenation in JavaScript + +- Concatenation is the process of joining multiple strings or combining strings with variables that hold text. The `+` operator is one of the simplest and most frequently used methods to concatenate strings. + +```js +let studentName = 'Asad'; +let studentAge = 25; +let studentInfo = studentName + ' is ' + studentAge + ' years old.'; +console.log(studentInfo); // Asad is 25 years old. +``` + +- If you need to add or append to an existing string, then you can use the `+=` operator. This is helpful when you want to build upon a string by adding more text to it over time. + +```js +let message = 'Welcome to programming, '; +message += 'Asad!'; +console.log(message); // Welcome to programming, Asad! +``` + +- Another way you can concatenate strings is to use the `concat()` method. This method joins two or more strings together. + +```js +let firstName = 'John'; +let lastName = 'Doe'; +let fullName = firstName.concat(' ', lastName); +console.log(fullName); // John Doe +``` + +## Logging Messages with `console.log()` + +- The `console.log()` method is used to log messages to the console. It's a helpful tool for debugging and testing your code. + +```js +console.log('Hello, World!'); +// Output: Hello, World! +``` + +## Semicolons in JavaScript + +- Semicolons are primarily used to mark the end of a statement. This helps the JavaScript engine understand the separation of individual instructions, which is crucial for correct execution. + +```js +let message = 'Hello, World!'; // first statement ends here +let number = 42; // second statement starts here +``` + +- Semicolons help prevent ambiguities in code execution and ensure that statements are correctly terminated. + +## Comments in JavaScript + +- Any line of code that is commented out is ignored by the JavaScript engine. Comments are used to explain code, make notes, or temporarily disable code. +- Single line comments are created using `//`. + +```js +// This is a single line comment and will be ignored by the JavaScript engine +``` + +- Multi-line comments are created using `/*` to start the comment and `*/` to end the comment. + +```js +/* +This is a multi-line comment. +It can span multiple lines. +*/ +``` + +## JavaScript as a Dynamically Typed Language + +- JavaScript is a dynamically typed language, which means that you don't have to specify the data type of a variable when you declare it. The JavaScript engine automatically determines the data type based on the value assigned to the variable. + +```js +let error = 404; // JavaScript treats error as a number +error = "Not Found"; // JavaScript now treats error as a string +``` + +- Other languages, like Java, that are not dynamically typed would result in an error: + +```js +int error = 404; // value must always be an integer +error = "Not Found"; // This would cause an error in Java +``` + +## Using the `typeof` Operator + +- The `typeof` operator is used to check the data type of a variable. It returns a string indicating the type of the variable. + +```js +let age = 25; +console.log(typeof age); // number + +let isLoggedin = true; +console.log(typeof isLoggedin); // boolean +``` + +- However, there’s a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values. + +```js +let user = null; +console.log(typeof user); // object +``` + +## String Basics + +- **Definition**: A string is a sequence of characters wrapped in either single quotes, double quotes or backticks. Strings are primitive data types and they are immutable. Immutability means that once a string is created, it cannot be changed. +- **Accessing Characters from a String**: To access a character from a string you can use bracket notation and pass in the index number. An index is the position of a character within a string, and it is zero-based. + +```js +const developer = "Jessica"; +developer[0] // J +``` + +- **`\n` (Newline Character)**: You can create a newline in a string by using the `\n` newline character. + +```js +const poem = "Roses are red,\nViolets are blue,\nJavaScript is fun,\nAnd so are you."; +console.log(poem); +``` + +- **Escaping Strings**: You can escape characters in a string by placing backlashes (`\`) in front of the quotes. + +```js +const statement = "She said, \"Hello!\""; +console.log(statement); // She said, "Hello!" +``` + +## Template Literals (Template Strings) and String Interpolation + +- **Definition**: Template literals are defined with backticks (`). They allow for easier string manipulation, including embedding variables directly inside a string, a feature known as string interpolation. + +```js +const name = "Jessica"; +const greeting = `Hello, ${name}!`; // "Hello, Jessica!" +``` + +## ASCII, the `charCodeAt()` Method and the `fromCharCode()` Method + +- **ASCII**: ASCII, short for American Standard Code for Information Interchange, is a character encoding standard used in computers to represent text. It assigns a numeric value to each character, which is universally recognized by machines. +- **The `charCodeAt()` Method**: This method is called on a string and returns the ASCII code of the character at a specified index. + +```js +const letter = "A"; +console.log(letter.charCodeAt(0)); // 65 +``` + +- **The `fromCharCode()` Method**: This method converts an ASCII code into its corresponding character. + +```js +const char = String.fromCharCode(65); +console.log(char); // A +``` + +## Other Common String Methods + +- **The `indexOf` Method**: This method is used to search for a substring within a string. If the substring is found, `indexOf` returns the index (or position) of the first occurrence of that substring. If the substring is not found, `indexOf` returns -1, which indicates that the search was unsuccessful. +- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true otherwise, it returns false. +- **The `slice()` Method**: This method extracts a portion of a string and returns a new string, without modifying the original string. It takes two parameters: the starting index and the optional ending index. +- **The `toUpperCase()` Method**: This method converts all the characters to uppercase letters and returns a new string with all uppercase characters. +- **The `toLowerCase()` Method**: This method converts all characters in a string to lowercase. +- **The `replace()` Method**: This method is used to find a specified value (like a word or character) in a string and replace it with another value. +- **The `repeat()` Method**: This method is used to repeat a string a specified number of times. +- **The `trim()` Method**: This method is used to remove whitespace from both the beginning and the end of a string. +- **The `trimStart()` Method**: This method removes whitespace from the beginning (or "start") of the string. +- **The `trimEnd()` Method**: This method removes whitespace from the end of the string. +- **The `prompt()` Method**: This method is used to get information from a user through the form of a dialog box. This method takes two arguments. The first argument is the message which will appear inside the dialog box, typically prompting the user to enter information. And the second one is a default value which is optional and will fill the input field initially. + +## Working with the Number Data Type + +- **Definition**: JavaScript's `Number` type includes integers, floating-point numbers, `Infinity` and `NaN`. Floating-point numbers are numbers with a decimal point. Positive `Infinity` is a number greater than any other number while `-Infinity` is a number smaller than any other number. `NaN` (`Not a Number`) represents an invalid numeric value like the string `"Jessica"`. + +## Common Arithmetic Operations + +- **Addition Operator**: This operator (`+`) is used to calculate the sum of two or more numbers. +- **Subtraction Operator**: This operator (`-`) is used to calculate the difference between two numbers. +- **Multiplication Operator**: This operator (`*`) is used to calculate the product of two or more numbers. +- **Division Operator**: This operator (`/`) is used to calculate the quotient between two numbers +- **Division By Zero**: If you try to divide by zero, JavaScript will return `Infinity`. +- **Remainder Operator**: This operator(`%`) returns the remainder of a division. +- **Exponentiation Operator**: This operator (`**`) raises one number to the power of another. + +## Calculations with Numbers and Strings + +- **Explanation**: When you use the `+` operator with a number and a string, JavaScript will coerce the number into a string and concatenate the two values. When you use the `-`, `*` or `/` operators with a string and number, JavaScript will coerce the string into a number and the result will be a number. For `null` and `undefined`, JavaScript treats `null` as 0 and undefined as `NaN` in mathematical operations. + +```js +const result = 5 + '10'; + +console.log(result); // 510 +console.log(typeof result); // string + +const subtractionResult = '10' - 5; +console.log(subtractionResult); // 5 +console.log(typeof subtractionResult); // number + +const multiplicationResult = '10' * 2; +console.log(multiplicationResult); // 20 +console.log(typeof multiplicationResult); // number + +const divisionResult = '20' / 2; +console.log(divisionResult); // 10 +console.log(typeof divisionResult); // number + +const result1 = null + 5; +console.log(result1); // 5 +console.log(typeof result1); // number + +const result2 = undefined + 5; +console.log(result2); // NaN +console.log(typeof result2); // number +``` + +## Operator Precedence + +- **Definition**: Operator precedence determines the order in which operations are evaluated in an expression. Operators with higher precedence are evaluated before those with lower precedence. Values inside the parenthesis will be evaluated first and multiplication/division will have higher precedence then addition/subtraction. If the operators have the same precedence, then JavaScript will use associativity. Associativity is what tells JavaScript whether to evaluate operators from left to right or right to left. For example, the exponent operator is also right to left associative: + +```js +const result = (2 + 3) * 4; + +console.log(result); // 20 + +const result2 = 10 - 2 + 3; + +console.log(result2); // 11 + +const result3 = 2 ** 3 ** 2; + +console.log(result3); // 512 +``` + +## Increment and Decrement Operators + +- **Increment Operator**: This operator is used to increase the value by one. The prefix notation `++num` increases the value of the variable first, then returns a new value. The postfix notation `num++` returns the current value of the variable first, then increases it. + +```js +let x = 5; + +console.log(++x); // 6 +console.log(x); // 6 + + +let y = 5; + +console.log(y++); // 5 +console.log(y); // 6 +``` + +- **Decrement Operator**: This operator is used to decrease the value by one. The prefix and postfix notation work the same way as earlier with the increment operator. + +```js +let num = 5; + +console.log(--num); // 4 +console.log(num--); // 4 +console.log(num); // 3 +``` + +## Compound Assignment Operators + +- **Addition Assignment (`+=`) Operator**: This operator performs addition on the values and assigns the result to the variable. +- **Subtraction Assignment (`-=`) Operator**: This operator performs subtraction on the values and assigns the result to the variable. +- **Multiplication Assignment (`*=`) Operator**: This operator performs multiplication on the values and assigns the result to the variable. +- **Division Assignment (`/=`) Operator**: This operator performs division on the values and assigns the result to the variable. +- **Remainder Assignment (`%=`) Operator**: This operator divides a variable by the specified number and assigns the remainder to the variable. +- **Exponentiation Assignment (`**=`) Operator**: This operator raises a variable to the power of the specified number and reassigns the result to the variable. + +## Booleans and Equality + +- **Boolean Definition**: A boolean is a data type that can only have two values: `true` or `false`. +- **Equality (`==`) Operator**: This operator uses type coercion before checking if the values are equal. + +```js +console.log(5 == '5'); // true +``` + +- **Strict Equality (`===`) Operator**: This operator does not perform type coercion and checks if both the types and values are equal. + +```js +console.log(5 === '5'); // false +``` + +- **Inequality (`!=`) Operator**: This operator uses type coercion before checking if the values are not equal. +- **Strict Inequality (`!==`) Operator**: This operator does not perform type coercion and checks if both the types and values are not equal. + +## Comparison Operators + +- **Greater Than (`>`) Operator**: This operator checks if the value on the left is greater than the one on the right. +- **Greater Than (`>=`) or Equal Operator**: This operator checks if the value on the left is greater than or equal to the one on the right. +- **Less Than (`<`) Operator**: This operator checks if the value on the left is less than the one on the right. +- **Less Than (`<=`) or Equal Operator**: This operator checks if the value on the left is less than or equal to the one on the right. + +## Unary Operators + +- **Unary Plus Operator**: This operator converts its operand into a number. If the operand is already a number, it remains unchanged. + +```js +const str = '42'; +const num = +str; + +console.log(num); // 42 +console.log(typeof num); // number +``` + +- **Unary Negation (`-`) Operator**: This operator negates the operand. + +```js +const num = 4; +console.log(-num); // -4 +``` + +- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it’s `false`, it becomes `true`. + +## Bitwise Operators + +- **Bitwise AND (`&`) Operator**: This operator returns a 1 in each bit position for which the corresponding bits of both operands are 1. +- **Bitwise AND Assignment (`&=`) Operator**: This operator performs a `bitwise AND` operation with the specified number and reassigns the result to the variable. +- **Bitwise OR (`|`) Operator**: This operator returns a 1 in each bit position for which the corresponding bits of either or both operands are 1. +- **Bitwise OR Assignment (`|=`) Operator**: This operator performs a `bitwise OR` operation with the specified number and reassigns the result to the variable. +- **Bitwise XOR (`^`) Operator**: This operator returns a 1 in each bit position for which the corresponding bits of either, but not both, operands are 1. +- **Bitwise NOT (`~`) Operator**: This operator inverts the binary representation of a number. +- **Left Shift (`<<`) Operator**: This operator shifts all bits to the left by a specified number of positions. +- **Right Shift (`>>`) Operator**: This operator shifts all bits to the right. + +## Conditional Statements, Truthy Values, Falsy Values and the Ternary Operator + +- **`if/else if/else`**: An `if` statement takes a condition and runs a block of code if that condition is `truthy`. If the condition is `false`, then it moves to the `else if` block. If none of those conditions are `true`, then it will execute the `else` clause. `Truthy` values are any values that result in `true` when evaluated in a Boolean context like an `if` statement. `Falsy` values are values that evaluate to `false` in a Boolean context. + +```js +const score = 87; + +if (score >= 90) { + console.log('You got an A'); +} else if (score >= 80) { + console.log('You got a B'); // You got an B +} else if (score >= 70) { + console.log('You got a C'); +} else { + console.log('You failed! You need to study more!'); +} +``` + +- **Ternary Operator**: This operator is often used as a shorter way to write `if else` statements. + +```js +const temperature = 30; +const weather = temperature > 25 ? 'sunny' : 'cool'; + +console.log(`It's a ${weather} day!`); // It's a sunny day! +``` + +## Binary Logical Operators + +- **Logical AND (`&&`) Operator**: This operator checks if both operands are truthy. If the first value is truthy, then it will return the second value. If the first value is falsy, then it will return the first value. + +```js +const result = true && 'hello'; + +console.log(result); // hello +``` + +- **Logical OR (`||`) Operator**: This operator checks if at least one of the operands is truthy. If the first value is truthy, then it is returned. If the first value is falsy, then the second value is returned. +- **Nullish Coalescing (`??`) Operator**: This operator will return a value only if the first one is `null` or `undefined`. + +```js +const userSettings = { + theme: null, + volume: 0, + notifications: false, +}; + +let theme = userSettings.theme ?? 'light'; +console.log(theme); // light +``` + +## The `Math` Object + +- **The `Math.random()` Method**: This method generates a random floating-point number between 0 (inclusive) and 1 (exclusive). This means the possible output can be 0, but it will never actually reach 1. +- **The `Math.max()` Method**: This method takes a set of numbers and returns the maximum value. +- **The `Math.min()` Method**: This method takes a set of numbers and returns the minimum value. +- **The `Math.ceil()` Method**: This method rounds a value up to the nearest whole integer. +- **The `Math.floor()` Method**: This method rounds a value down to the nearest whole integer. +- **The `Math.round()` Method**: This method rounds a value to the nearest whole integer. + +```js +console.log(Math.round(2.3)); // 2 +console.log(Math.round(4.5)); // 5 +console.log(Math.round(4.8)); // 5 +``` + +- **The `Math.trunc()` Method**: This method removes the decimal part of a number, returning only the integer portion, without rounding. +- **The `Math.sqrt()` Method**: This method will return the square root of a number. +- **The `Math.cbrt()` Method**: This method will return the cube root of a number. +- **The `Math.abs()` Method**: This method will return the absolute value of a number. +- **The `Math.pow()` Method**: This method takes two numbers and raise the first to the power of the second. + +## Common Number Methods + +- **`isNaN()`**: `NaN` stands for "Not-a-Number". It's a special value that represents an unrepresentable or undefined numerical result. The `isNaN()` function property is used to determine whether a value is `NaN` or not. `Number.isNaN()` provides a more reliable way to check for `NaN` values, especially in cases where type coercion might lead to unexpected results with the global `isNaN()` function. + +```js +console.log(isNaN(NaN)); // true +console.log(isNaN(undefined)); // true +console.log(isNaN({})); // true + +console.log(isNaN(true)); // false +console.log(isNaN(null)); // false +console.log(isNaN(37)); // false + + +console.log(Number.isNaN(NaN)); // true +console.log(Number.isNaN(Number.NaN)); // true +console.log(Number.isNaN(0 / 0)); // true + +console.log(Number.isNaN("NaN")); // false +console.log(Number.isNaN(undefined)); // false +``` + +- **The `parseFloat()` Method**: This method parses a string argument and returns a floating-point number. It's designed to extract a number from the beginning of a string, even if the string contains non-numeric characters later on. +- **The `parseInt()` Method**: This method parses a string argument and returns an integer. `parseInt()` stops parsing at the first non-digit it encounters. For floating-point numbers, it returns only the integer part. If it can't find a valid integer at the start of the string, it returns `NaN`. +- **The `toFixed()` Method**: This method is called on a number and takes one optional argument, which is the number of digits to appear after the decimal point. It returns a string representation of the number with the specified number of decimal places. + +## Comparisons and the `null` and `undefined` Data Types + +- **Comparisons and `undefined`**: A variable is `undefined` when it has been declared but hasn't been assigned a value. It's the default value of uninitialized variables and function parameters that weren't provided an argument. `undefined` converts to `NaN` in numeric contexts, which makes all numeric comparisons with `undefined` return `false`. + +```js +console.log(undefined > 0); // false +console.log(undefined < 0); // false +console.log(undefined == 0); // false +``` + +- **Comparisons and `null`**: The `null` type represents the intentional absence of a value. When using the equality operator, `null` and `undefined` are considered equal. However, when using the strict equality operator (`===`), which checks both value and type without performing type coercion, `null` and `undefined` are not equal: + +```js +console.log(null == undefined); // true +console.log(null === undefined); // false +``` + +## `switch` Statements + +- **Definition**: A `switch` statement evaluates an expression and matches its value against a series of `case` clauses. When a match is found, the code block associated with that case is executed. + +```js +const dayOfWeek = 3; + +switch (dayOfWeek) { + case 1: + console.log("It's Monday! Time to start the week strong."); + break; + case 2: + console.log("It's Tuesday! Keep the momentum going."); + break; + case 3: + console.log("It's Wednesday! We're halfway there."); + break; + case 4: + console.log("It's Thursday! Almost the weekend."); + break; + case 5: + console.log("It's Friday! The weekend is near."); + break; + case 6: + console.log("It's Saturday! Enjoy your weekend."); + break; + case 7: + console.log("It's Sunday! Rest and recharge."); + break; + default: + console.log("Invalid day! Please enter a number between 1 and 7."); +} +``` + +## JavaScript Functions + +- Functions are reusable blocks of code that perform a specific task. +- Functions can be defined using the `function` keyword followed by a name, a list of parameters, and a block of code that performs the task. +- Arguments are values passed to a function when it is called. +- When a function finishes its execution, it will always return a value. +- By default the return value of a function is `undefined`. +- The `return` keyword is used to specify the value to be returned from the function and ends the function execution. + +## Arrow Functions + +- Arrow functions are a more concise way to write functions in JavaScript. +- Arrow functions are defined using the `=>` syntax between the parameters and the function body. +- When defining an arrow function, you do not need the `function` keyword. +- If you are using a single parameter, you can omit the parentheses around the parameter list. +- If the function body consists of a single expression, you can omit the curly braces and the `return` keyword. + +## Scope in Programming + +- **Global scope**: This is the outermost scope in JavaScript. Variables declared in the global scope are accessible from anywhere in the code and are called global variables. +- **Local scope**: This is refers to variables declared within a function. These variables are only accessible within the function where they are declared and are called local variables. +- **Block scope**: A block is a set of statements enclosed in curly braces `{}` such as in `if` statements, or loops. +- Block scoping with `let` and `const` provides even finer control over variable accessibility, helping to prevent errors and make your code more predictable. + +## JavaScript Array Basics + +- **Definition**: A JavaScript array is an ordered collection of values, each identified by a numeric index. The values in a JavaScript array can be of different data types, including numbers, strings, booleans, objects, and even other arrays. Arrays are contiguous in memory, which means that all elements are stored in a single, continuous block of memory locations, allowing for efficient indexing and fast access to elements by their index. + +```js +const developers = ["Jessica", "Naomi", "Tom"]; +``` + +- **Accessing Elements From Arrays**: To access elements from an array, you will need to reference the array followed by its index number inside square brackets. JavaScript arrays are zero based indexed which means the first element is at index 0, the second element is at index 1, etc. If you try to access an index that doesn't exist for the array, then JavaScript will return `undefined`. + +```js +const developers = ["Jessica", "Naomi", "Tom"]; +developers[0] // "Jessica" +developers[1] // "Naomi" + +developers[10] // undefined +``` + +- **`length` Property**: This property is used to return the number of items in a array. + +```js +const developers = ["Jessica", "Naomi", "Tom"]; +developers.length // 3 +``` + +- **Updating Elements in an Array**: To update an element in an array, you use the assignment operator (`=`) to assign a new value to the element at a specific index. + +```js +const fruits = ['apple', 'banana', 'cherry']; +fruits[1] = 'blueberry'; + +console.log(fruits); // ['apple', 'blueberry', 'cherry'] +``` + +## Two Dimensional Arrays + +- **Definition**: A two-dimensional array is essentially an array of arrays. It's used to represent data that has a natural grid-like structure, such as a chessboard, a spreadsheet, or pixels in an image. To access an element in a two-dimensional array, you need two indices: one for the row and one for the column. + +```js +const chessboard = [ + ['R', 'N', 'B', 'Q', 'K', 'B', 'N', 'R'], + ['P', 'P', 'P', 'P', 'P', 'P', 'P', 'P'], + [' ', ' ', ' ', ' ', ' ', ' ', ' ', ' '], + [' ', ' ', ' ', ' ', ' ', ' ', ' ', ' '], + [' ', ' ', ' ', ' ', ' ', ' ', ' ', ' '], + [' ', ' ', ' ', ' ', ' ', ' ', ' ', ' '], + ['p', 'p', 'p', 'p', 'p', 'p', 'p', 'p'], + ['r', 'n', 'b', 'q', 'k', 'b', 'n', 'r'] +]; + +console.log(chessboard[0][3]); // "Q" +``` + +## Array Destructuring + +- **Definition**: Array destructuring is a feature in JavaScript that allows you to extract values from arrays and assign them to variables in a more concise and readable way. It provides a convenient syntax for unpacking array elements into distinct variables. + +```js +const fruits = ["apple", "banana", "orange"]; + +const [first, second, third] = fruits; + +console.log(first); // "apple" +console.log(second); // "banana" +console.log(third); // "orange" +``` + +- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven’t been destructured into a new array. + +```js +const fruits = ["apple", "banana", "orange", "mango", "kiwi"]; +const [first, second, ...rest] = fruits; + +console.log(first); // "apple" +console.log(second); // "banana" +console.log(rest); // ["orange","mango","kiwi"] +``` + +## Common Array Methods + +- **`push()` Method**: This method is used to add elements to the end of the array and will return the new length. + +```js +const desserts = ["cake", "cookies", "pie"]; +desserts.push("ice cream"); + +console.log(desserts); // ["cake", "cookies", "pie", "ice cream"]; +``` + +- **`pop()` Method**: This method is used to remove the last element from an array and will return that removed element. If the array is empty, then the return value will be `undefined`. + +```js +const desserts = ["cake", "cookies", "pie"]; +desserts.pop(); + +console.log(desserts); // ["cake", "cookies"]; +``` + +- **`shift()` Method**: This method is used to remove the first element from an array and return that removed element. If the array is empty, then the return value will be `undefined`. + +```js +const desserts = ["cake", "cookies", "pie"]; +desserts.shift(); + +console.log(desserts); // ["cookies", "pie"]; +``` + +- **`unshift()` Method**: This method is used to add elements to the beginning of the array and will return the new length. + +```js +const desserts = ["cake", "cookies", "pie"]; +desserts.unshift("ice cream"); + +console.log(desserts); // ["ice cream", "cake", "cookies", "pie"]; +``` + +- **`indexOf()` Method**: This method is useful for finding the first index of a specific element within an array. If the element cannot be found, then it will return -1. + +```js +const fruits = ["apple", "banana", "orange", "banana"]; +const index = fruits.indexOf("banana"); + +console.log(index); // 1 +console.log(fruits.indexOf("not found")); // -1 +``` + +- **`splice()` Method**: This method is used to add or remove elements from any position in an array. The return value for the `splice()` method will be an array of the items removed from the array. If nothing was removed, then an empty array will be returned. This method will mutate the original array, modifying it in place rather than creating a new array. The first argument specifies the index at which to begin modifying the array. The second argument are the number of elements you wish to remove. The following arguments are the elements you wish to add. + +```js +const colors = ["red", "green", "blue"]; +colors.splice(1, 0, "yellow", "purple"); + +console.log(colors); // ["red", "yellow", "purple", "green", "blue"] +``` + +- **`includes()` Method**: This method is used to check if an array contains a specific value. This method returns `true` if the array contains the specified element, and `false` otherwise. + +```js +const programmingLanguages = ["JavaScript", "Python", "C++"]; + +console.log(programmingLanguages.includes("Python")); // true +console.log(programmingLanguages.includes("Perl")); // false +``` + +- **`concat()` Method**: This method creates a new array by merging two or more arrays. + +```js +const programmingLanguages = ["JavaScript", "Python", "C++"]; +const newList = programmingLanguages.concat("Perl"); + +console.log(newList); // ["JavaScript", "Python", "C++", "Perl"] +``` + +- **`slice()` Method**: This method returns a shallow copy of a portion of the array at a specified index or the entire array. A shallow copy will copy the reference to the array instead of duplicating it. + +```js +const programmingLanguages = ["JavaScript", "Python", "C++"]; +const newList = programmingLanguages.slice(1); + +console.log(newList); // ["Python", "C++"] +``` + +- **Spread Syntax**: The spread syntax is used to create shallow copies of an array. + +```js +const originalArray = [1, 2, 3]; +const shallowCopiedArray = [...originalArray]; + +shallowCopiedArray.push(4); + +console.log(originalArray); // [1, 2, 3] +console.log(shallowCopiedArray); // [1, 2, 3, 4] +``` + +- **`split()` Method**: This method divides a string into an array of substrings and specifies where each split should happen based on a given separator. If no separator is provided, the method returns an array containing the original string as a single element. + +```js +const str = "hello"; +const charArray = str.split(""); + +console.log(charArray); // ["h","e","l","l","o"] +``` + +- **`reverse()` Method**: This method reverses an array in place. + +```js +const desserts = ["cake", "cookies", "pie"]; +console.log(desserts.reverse()); // ["pie","cookies","cake"] +``` + +- **`join()` Method**: This method concatenates all the elements of an array into a single string, with each element separated by a specified separator. If no separator is provided, or an empty string (`""`) is used, the elements will be joined without any separator. + +```js +const reversedArray = ["o", "l", "l", "e", "h"]; +const reversedString = reversedArray.join(""); + +console.log(reversedString); // "olleh" +``` + +## Object Basics + +- **Definition**: An object is a data structure that is made up of properties. A property consists of a key and a value. To access data from an object you can use either dot notation or bracket notation. + +```js +const person = { + name: "Alice", + age: 30, + city: "New York" +}; + +console.log(person.name); // Alice +console.log(person["name"]); // Alice +``` + +To set a property of an existing object you can use either dot notation or bracket notation together with the assignment operator. + +```js +const person = { + name: "Alice", + age: 30 +}; + +person.job = "Engineer" +person["hobby"] = "Knitting" +console.log(person); // {name: 'Alice', age: 30, job: 'Engineer', hobby: 'Knitting'} +``` + +## Removing Properties From an Object + +- **`delete` Operator**: This operator is used to remove a property from an object. + +```js +const person = { + name: "Alice", + age: 30, + job: "Engineer" +}; + +delete person.job; + +console.log(person.job); // undefined +``` + +## Checking if an Object has a Property + +- **`hasOwnProperty()` Method**: This method returns a boolean indicating whether the object has the specified property as its own property. + +```js +const person = { + name: "Alice", + age: 30 +}; + +console.log(person.hasOwnProperty("name")); // true +console.log(person.hasOwnProperty("job")); // false +``` + +- **`in` Operator**: This operator will return `true` if the property exists in the object. + +```js +const person = { + name: "Bob", + age: 25 +}; + +console.log("name" in person); // true +``` + +## Accessing Properties From Nested Objects + +- **Accessing Data**: Accessing properties from nested objects involves using the dot notation or bracket notation, much like accessing properties from simple objects. However, you'll need to chain these accessors to drill down into the nested structure. + +```js +const person = { + name: "Alice", + age: 30, + contact: { + email: "alice@example.com", + phone: { + home: "123-456-7890", + work: "098-765-4321" + } + } +}; + +console.log(person.contact.phone.work); // "098-765-4321" +``` + +## Primitive and Non Primitive Data Types + +- **Primitive Data Types**: These data types include numbers, strings, booleans, `null`, `undefined`, and symbols. These types are called "primitive" because they represent single values and are not objects. Primitive values are immutable, which means once they are created, their value cannot be changed. +- **Non Primitive Data Types**: In JavaScript, these are objects, which include regular objects, arrays, and functions. Unlike primitives, non-primitive types can hold multiple values as properties or elements. + +## Object Methods + +- **Definition**: Object methods are functions that are associated with an object. They are defined as properties of an object and can access and manipulate the object's data. The `this` keyword inside the method refers to the object itself, enabling access to its properties. + +```js +const person = { + name: "Bob", + age: 30, + sayHello: function() { + return "Hello, my name is " + this.name; + } +}; + +console.log(person.sayHello()); // "Hello, my name is Bob" +``` + +## Object Constructor + +- **Definition**: In JavaScript, a constructor is a special type of function used to create and initialize objects. It is invoked with the `new` keyword and can initialize properties and methods on the newly created object. The `Object()` constructor creates a new empty object. + +```js +new Object() +``` + +## Working with the Optional Chaining Operator (`?.`) + +- **Definition**: This operator lets you safely access object properties or call methods without worrying whether they exist. + +```js +const user = { + name: "John", + profile: { + email: "john@example.com", + address: { + street: "123 Main St", + city: "Somewhere" + } + } +}; + +console.log(user.profile?.address?.street); // "123 Main St" +console.log(user.profile?.phone?.number); // undefined +``` + +## Object Destructuring + +- **Definition**: Object destructuring allows you to extract values from objects and assign them to variables in a more concise and readable way. + +```js +const person = { name: "Alice", age: 30, city: "New York" }; + +const { name, age } = person; + +console.log(name); // Alice +console.log(age); // 30 +``` + +## Working with JSON + +- **Definition**: JSON stands for JavaScript Object Notation. It is a lightweight, text-based data format that is commonly used to exchange data between a server and a web application. + +```js +{ + "name": "Alice", + "age": 30, + "isStudent": false, + "list of courses": ["Mathematics", "Physics", "Computer Science"] +} +``` + +- **`JSON.stringify()`**: This method is used to convert a JavaScript object into a JSON string. This is useful when you want to store or transmit data in a format that can be easily shared or transferred between systems. + +```js +const user = { + name: "John", + age: 30, + isAdmin: true +}; + +const jsonString = JSON.stringify(user); +console.log(jsonString); // '{"name":"John","age":30,"isAdmin":true}' +``` + +- **`JSON.parse()`**: This method converts a JSON string back into a JavaScript object. This is useful when you retrieve JSON data from a web server or from localStorage and you need to manipulate the data in your application. + +```js +const jsonString = '{"name":"John","age":30,"isAdmin":true}'; +const userObject = JSON.parse(jsonString); + +// result: { name: 'John', age: 30, isAdmin: true } +console.log(userObject); +``` + + +## Working with Loops + +- **`for` Loop**: This type of loop is used to repeat a block of code a certain number of times. This loop is broken up into three parts: initialization statement, condition, and the increment/decrement statement. The initialization statement is executed before the loop starts. It is typically used to initialize a counter variable. The condition is evaluated before each iteration of the loop. An iteration is a single pass through the loop. If the condition is `true`, the code block inside the loop is executed. If the condition is `false`, the loop stops and you move on to the next block of code. The increment/decrement statement is executed after each iteration of the loop. It is typically used to increment or decrement the counter variable. + +```js +for (let i = 0; i < 5; i++) { + console.log(i); +} +``` + +- **`for...of` Loop**: This type of loop is used when you need to loop over values from an iterable. Examples of iterables would be arrays, and strings. + +```js +const numbers = [1, 2, 3, 4, 5]; + +for (const num of numbers) { + console.log(num); +} +``` + +- **`for...in` Loop**: This type of loop is best used when you need to loop over the properties of an object. This loop will iterate over all enumerable properties of an object, including inherited properties and non-numeric properties. + +```js +const fruit = { + name: 'apple', + color: 'red', + price: 0.99 +}; + +for (const prop in fruit) { + console.log(fruit[prop]); +} +``` + +- **`while` Loop**: This type of loop will run a block of code as long as the condition is `true`. + +```js +let i = 5; + +while (i > 0) { + console.log(i); + i--; +} +``` + +- **`do...while` Loop**: This type of loop will execute the block of code at least once before checking the condition. + +```js +let userInput; + +do { + userInput = prompt("Please enter a number between 1 and 10"); +} while (Number(userInput) < 1 || Number(userInput) > 10); + +alert("You entered a valid number!"); +``` + +## `break` and `continue` Statements + +- **Definition**: A `break` statement is used to exit a loop early, while a `continue` statement is used to skip the current iteration of a loop and move to the next one. + +```js +// Example of break statement +for (let i = 0; i < 10; i++) { + if (i === 5) { + break; + } + console.log(i); +} + +// Output: 0, 1, 2, 3, and 4 + +// Example of continue statement +for (let i = 0; i < 10; i++) { + if (i === 5) { + continue; + } + console.log(i); +} + +// Output: 0, 1, 2, 3, 4, 6, 7, 8, and 9 +``` + +## String Constructor and `toString()` Method + +- **Definition**: A string object is used to represent a sequence of characters. String objects are created using the `String` constructor function, which wraps the primitive value in an object. + +```js +const greetingObject = new String("Hello, world!"); + +console.log(typeof greetingObject); // "object" +``` + +- **`toString()` Method**: This method converts a value to its string representation. It is a method you can use for numbers, booleans, arrays, and objects. + +```js +const num = 10; +console.log(num.toString()); // "10" + +const arr = [1, 2, 3]; +console.log(arr.toString()); // "1,2,3" +``` + +This method accepts an optional radix which is a number from 2 to 36. This radix represents the base, such as base 2 for binary or base 8 for octal. If the radix is not specified, it defaults to base 10, which is decimal. + + +```js +const num = 10; +console.log(num.toString(2)); // "1010"(binary) +``` + +## Number Constructor + +- **Definition**: The `Number` constructor is used to create a number object. The number object contains a few helpful properties and methods like the `isNaN` and `toFixed` method. Most of the time, you will be using the `Number` constructor to convert other data types to the number data type. + +```js +const myNum = new Number("34"); +console.log(typeof myNum); // "object" + +const num = Number('100'); +console.log(num); // 100 + +console.log(typeof num); // number +``` + +## Best Practices for Naming Variables and Functions + +- **camelCasing**: By convention, JavaScript developers will use camel casing for naming variables and functions. Camel casing is where the first word is all lowercase and the following words start with a capital letter. Ex. `isLoading`. + +- **Naming Booleans**: For boolean variables, it's a common practice to use prefixes such as "is", "has", or "can". + +```js +let isLoading = true; +let hasPermission = false; +let canEdit = true; +``` + +- **Naming Functions**: For functions, the name should clearly indicate what the function does. For functions that return a boolean (often called predicates), you can use the same "is", "has", or "can" prefixes. When you have functions that retrieve data, it is common to start with the word "get". When you have functions that set data, it is common start with the word "set". For event handler functions, you might prefix with "handle" or suffix with "Handler". + +```js +function getUserData() { /* ... */ } + +function isValidEmail(email) { /* ... */ } + +function getProductDetails(productId) { /* ... */ } + +function setUserPreferences(preferences) { /* ... */ } + +function handleClick() { /* ... */ } +``` + +- **Naming Variables Inside Loops**: When naming iterator variables in loops, it's common to use single letters like `i`, `j`, or `k`. + +```js +for (let i = 0; i < array.length; i++) { /* ... */ } +``` + +## Working with Sparse Arrays + +- **Definition**: It is possible to have arrays with empty slots. Empty slots are defined as slots with nothing in them. This is different than array slots with the value of `undefined`. These types of arrays are known as sparse arrays. + +```js +const sparseArray = [1, , , 4]; +console.log(sparseArray.length); // 4 +``` + +## Linters and Formatters + +- **Linters**: A linter is a static code analysis tool that flags programming errors, bugs, stylistic errors, and suspicious constructs. An example of a common linter would be ESLint. +- **Formatters**: Formatters are tools that automatically format your code to adhere to a specific style guide. An example of a common formatter would be Prettier. + +## Memory Management + +- **Definition**: Memory management is the process of controlling the memory, allocating it when needed and freeing it up when it's no longer needed. JavaScript uses automatic memory management. This means that JavaScript (more specifically, the JavaScript engine in your web browser) takes care of memory allocation and deallocation for you. You don't have to explicitly free up memory in your code. This automatic process is often called "garbage collection." + +## Closures + +- **Definition**: A closure is a function that has access to variables in its outer (enclosing) lexical scope, even after the outer function has returned. + +```js +function outerFunction(x) { + let y = 10; + function innerFunction() { + console.log(x + y); + } + return innerFunction; +} + +let closure = outerFunction(5); +closure(); // 15 +``` + +## `var` Keyword and Hoisting + +- **Definition**: `var` was the original way to declare variables before 2015. But there were some issues that came with `var` in terms of scope, redeclaration and more. So that is why modern JavaScript programming using `let` and `const` instead. +- **Redeclaring Variables with `var`**: If you try to redeclare a variable using `let`, then you would get a `SyntaxError`. But with `var`, you are allowed to redeclare a variable. + +```js +// Uncaught SyntaxError: Identifier 'num' has already been declared +let num = 19; +let num = 18; + +var myNum = 5; +var myNum = 10; // This is allowed and doesn't throw an error + +console.log(myNum) // 10 +``` + +- **`var` and Scope**: Variables declared with `var` inside a block (like an `if` statement or a `for` loop) are still accessible outside that block. + +```js +if (true) { + var num = 5; +} +console.log(num); // 5 +``` + +- **Hoisting**: This is JavaScript's default behavior of moving declarations to the top of their respective scopes during the compilation phase, before the code is executed. When you declare a variable using the `var` keyword, JavaScript hoists the declaration to the top of its scope. + +```js +console.log(num); // undefined +var num = 5; +console.log(num); // 5 +``` + +When you declare a function using the function declaration syntax, both the function name and the function body are hoisted. This means you can call a function before you've declared it in your code. + +```js +sayHello(); // "Hello, World!" + +function sayHello() { + console.log("Hello, World!"); +} +``` + +Variable declarations made with `let` or `const` are hoisted, but they are not initialized, and you can't access them before the actual declaration in your code. This behavior is often referred to as the "temporal dead zone". + +```js +console.log(num); // Throws a ReferenceError +let num = 10; +``` + +## Working with Imports, Exports and Modules + +- **Module**: This is a self-contained unit of code that encapsulates related functions, classes, or variables. +- **Imports and Exports**: It is common practice to have separate files for reusable pieces of code like helper functions or arrays that you wish to use across many files. To do this, you would need ot export that code and import it in the file you wish to use it in. + +```js +// This function is located in a file called math.js +export function add(num1, num2) { + return num1 + num2; +} + +// We can import the add function from the math.js file +import { add } from './math.js'; + +// This line imports everything from the file +// import * as Math from './math.js'; + +console.log(add(5, 3)); // 8 +``` + + +## Callback Functions and the `forEach` Method + +- **Definition**: In JavaScript, a callback function is a function that is passed as an argument to another function and is executed after the main function has finished its execution. +- **`forEach()` Method**: This method is used to iterate over each element in an array and perform an operation on each element. The callback function in `forEach` can take up to three arguments: the current element, the index of the current element, and the array that `forEach` was called upon. + +```js +const numbers = [1, 2, 3, 4, 5]; + +// Result: 2 4 6 8 10 +numbers.forEach((number) => { + console.log(number * 2); +}); +``` + +## Higher Order Functions + +- **Definition**: A higher order function takes one or more functions for the arguments and returns a function or value for the result. + +```js +function operateOnArray(arr, operation) { + const result = []; + for (let i = 0; i < arr.length; i++) { + result.push(operation(arr[i])); + } + return result; +} + +function double(x) { + return x * 2; +} + +const numbers = [1, 2, 3, 4, 5]; +const doubledNumbers = operateOnArray(numbers, double); +console.log(doubledNumbers); // [2, 4, 6, 8, 10] +``` + +- **`map()` Method**: This method is used to create a new array by applying a given function to each element of the original array. The callback function can accept up to three arguments: the current element, the index of the current element, and the array that `map` was called upon. + +```js +const numbers = [1, 2, 3, 4, 5]; +const doubled = numbers.map((num) => num * 2); + +console.log(numbers); // [1,2,3,4,5] +console.log(doubled); // [2,4,6,8,10] +``` + +- **`filter()` Method**: This method is used to create a new array with elements that pass a specified test, making it useful for selectively extracting items based on criteria. Just like the `map` method, the callback function for the `filter` method accepts the same three arguments: the current element being processed, the index, and the array. + +```js +const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; +const evenNumbers = numbers.filter((num) => num % 2 === 0); + +console.log(evenNumbers); // [2, 4, 6, 8, 10] +``` + +- **`reduce()` Method**: This method is used to process an array and condense it into a single value. This single value can be a number, a string, an object, or even another array. The `reduce()` method works by applying a function to each element in the array, in order, passing the result of each calculation on to the next. This function is often called the reducer function. The reducer function takes two main parameters: an accumulator and the current value. The accumulator is where you store the running result of your operations, and the current value is the array element being processed. + +```js +const numbers = [1, 2, 3, 4, 5]; +const sum = numbers.reduce( + (accumulator, currentValue) => accumulator + currentValue, + 0 +); + +console.log(sum); // 15 +``` + +## Method Chaining + +- **Definition**: Method chaining is a programming technique that allows you to call multiple methods on the same object in a single line of code. This technique can make your code more readable and concise, especially when performing a series of operations on the same object. + +```js +const result = " Hello, World! " + .trim() + .toLowerCase() + .replace("world", "JavaScript"); + +console.log(result); // "hello, JavaScript!" +``` + +## Working with the `sort` Method + +- **Definition**: The `sort` method is used to sort the elements of an array and return a reference to the sorted array. No copy is made in this case because the elements are sorted in place. + +```js +const fruits = ["Banana", "Orange", "Apple", "Mango"]; +fruits.sort(); + +console.log(fruits); // ["Apple","Banana","Mango","Orange"] +``` + +If you need to sort numbers, then you will need to pass in a compare function. The `sort` method converts the elements to strings and then compares their sequences of UTF-16 code units values. UTF-16 code units are the numeric values that represent the characters in the string. Examples of UTF-16 code units are the numbers 65, 66, and 67 which represent the characters "A", "B", and "C" respectively. So the number 200 appears before the number 3 in an array, because the string "200" comes before the string "3" when comparing their UTF-16 code units. + +```js +const numbers = [414, 200, 5, 10, 3]; + +numbers.sort((a, b) => a - b); + +console.log(numbers); // [3, 5, 10, 200, 414] +``` + +The parameters `a` and `b` are the two elements being compared. The compare function should return a negative value if `a` should come before `b`, a positive value if `a` should come after `b`, and zero if `a` and `b` are equal. + +## Working with the `every` and `some` Methods + +- **`every()` Method**: This method tests whether all elements in an array pass a test implemented by a provided function. The `every()` method returns `true` if the provided function returns `true` for all elements in the array. If any element fails the test, the method immediately returns `false` and stops checking the remaining elements. + +```js +const numbers = [2, 4, 6, 8, 10]; +const hasAllEvenNumbers = numbers.every((num) => num % 2 === 0); + +console.log(hasAllEvenNumbers); // true +``` + +- **`some()` Method**: This method checks if at least one element passes the test. The `some()` method returns `true` as soon as it finds an element that passes the test. If no elements pass the test, it returns `false`. + +```js +const numbers = [1, 3, 5, 7, 8, 9]; +const hasSomeEvenNumbers = numbers.some((num) => num % 2 === 0); + +console.log(hasSomeEvenNumbers); // true +``` + +## Working with the DOM and Web API's + +- **API**: An API (Application Programming Interface) is a set of rules and protocols that allow software applications to communicate with each other and exchange data efficiently. +- **Web API**: Web APIs are specifically designed for web applications. These types of APIs are often divided into two main categories: browser APIs and third-party APIs. +- **Browser APIs**: These APIs expose data from the browser. As a web developer, you can access and manipulate this data using JavaScript. +- **Third-Party APIs**: These are not built into the browser by default. You have to retrieve their code in some way. Usually, they will have detailed documentation explaining how to use their services. An example is the Google Maps API, which you can use to display interactive maps on your website. +- **DOM**: The DOM stands for Document Object Model. It’s a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `` element. It’s the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element. +- **`navigator` Interface**: This provides information about the browser environment, such as the user agent string, the platform, and the version of the browser. A user agent string is a text string that identifies the browser and operating system being used. +- **`window` Interface**: This represents the browser window that contains the DOM document. It provides methods and properties for interacting with the browser window, such as resizing the window, opening new windows, and navigating to different URLs. + +## Working with the `querySelector()`, `querySelectorAll()` and `getElementById()` Methods + +- **`getElementById()` Method**: This method is used to get an object that represents the HTML element with the specified `id`. Remember that ids must be unique in every HTML document, so this method will only return one Element object. + +```html + +``` + +```js +const container = document.getElementById("container"); +``` + +- **`querySelector()` Method**: This method is used to get the first element in the HTML document that matches the CSS selector passed as argument. + +```html + +``` + +```js +const section = document.querySelector(".section"); +``` + +- **`querySelectorAll()` Method**: You can use this method to get a list of all the DOM elements that match a specific CSS selector. + +```html +-
+
- Sugar +
- Milk +
- Eggs +
+
+
+```
+
+```js
+const container = document.getElementById("container");
+container.innerHTML = '- Cheese
- Tomato
+
+```
+
+```js
+const container = document.getElementById("container");
+console.log(container.innerText);
+```
+
+- **`textContent`**: This returns the plain text content of an element, including all the text within its descendants.
+
+```html
+Hello, World!
+I'm learning JavaScript
+
+
+```
+
+```js
+const container = document.getElementById("container");
+console.log(container.textContent);
+```
+
+## Working with the `appendChild()` and `removeChild()` Methods
+
+- **`appendChild()` Method**: This method is used to add a node to the end of the list of children of a specified parent node.
+
+```html
+Hello, World!
+I'm learning JavaScript
+-
+
- Cake +
- Pie +
Example sub heading
+first paragraph
+second paragraph
+I am a paragraph
+``` + +```js +const para = document.getElementById("para"); +para.setAttribute("class", "my-class"); +``` + +## Event Object + +- **Definition**: The `Event` object is a payload that triggers when a user interacts with your web page in some way. These interactions can be anything from clicking on a button or focusing an input to shaking their mobile device. All `Event` objects will have the `type` property. This property reveals the type of event that triggered the payload, such as keydown or click. These values will correspond to the same values you might pass to `addEventListener`(), where you can capture and utilize the `Event` object. + +## `addEventListener()` and `removeEventListener()` Methods + +- **`addEventListener` Method**: This method is used to listen for events. It takes two arguments: the event you want to listen for and a function that will be called when the event occurs. Some common examples of events would be click events, input events, change events, and input events. + +```js +const btn = document.getElementById("btn"); + +btn.addEventListener("click", () => alert("You clicked the button")); +``` + +- **`removeEventListener` Method**: This method is used to remove an event listener that was previously added to an element using the `addEventListener` method. This is useful when you want to stop listening for a particular event on an element. + +```js +const bodyEl = document.querySelector("body"); +const para = document.getElementById("para"); +const btn = document.getElementById("btn"); + +let isBgColorGrey = true; + +function toggleBgColor() { + bodyEl.style.backgroundColor = isBgColorGrey ? "blue" : "grey"; + isBgColorGrey = !isBgColorGrey; +} + +btn.addEventListener("click", toggleBgColor); + +para.addEventListener("mouseover", () => { + btn.removeEventListener("click", toggleBgColor); +}); +``` + +- **Inline Event Handlers**: Inline event handlers are special attributes on an HTML element that are used to execute JavaScript code when an event occurs. In modern JavaScript, inline event handlers are not considered best practice. It is preferred to use the `addEventListener` method instead. + +```html + +``` + +## DOMContentLoaded + +- **Definition**: The `DOMContentLoaded` event is fired when everything in the HTML document has been loaded and parsed. If you have external stylesheets, or images, the `DOMContentLoaded` event will not wait for those to be loaded. It will only wait for the HTML to be loaded. + +## Working with `style` and `classList` + +- **`Element.style` Property**: This property is a read only property that represents the inline style of an element. You can use this property to get or set the style of an element. + +```js +const paraEl = document.getElementById("para"); +paraEl.style.color = "red"; +``` + +- **`Element.classList` Property**: This property is a read only property that can be used to add, remove, or toggle classes on an element. + +```js +// Example adding a class +const paraEl = document.getElementById("para"); +paraEl.classList.add("highlight"); + +// Example removing a class +paraEl.classList.remove("blue-background"); + +// Example toggling a class +const menu = document.getElementById("menu"); +const toggleBtn = document.getElementById("toggle-btn"); + +toggleBtn.addEventListener("click", () => menu.classList.toggle("show")); +``` + + +## Working with the `setTimeout` and `setInterval` Methods + +- **`setTimeout()` Method**: This method lets you delay an action for a specified time. + +```js +setTimeout(() => { + console.log('This runs after 3 seconds'); +}, 3000); +``` + +- **`setInterval()` Method**: This method keeps runs a piece of code repeatedly at a set interval. Since `setInterval()` keeps executing the provided function at the specified interval, you might want to stop it. For this, you have to use the `clearInterval()` method. + +```js +setInterval(() => { + console.log('This runs every 2 seconds'); +}, 2000); + +// Example using clearInterval +const intervalID = setInterval(() => { + console.log('This will stop after 5 seconds'); +}, 1000); + +setTimeout(() => { + clearInterval(intervalID); +}, 5000); +``` + +## The `requestAnimationFrame()` Method + +- **Definition**: This method allows you to schedule the next step of your animation before the next screen repaint, resulting in a fluid and visually appealing experience. The next screen repaint refers to the moment when the browser refreshes the visual display of the web page. This happens multiple times per second, typically around 60 times (or 60 frames per second) on most displays. + +```js +function animate() { + // Update the animation... + // for example, move an element, change a style, and more. + update(); + // Request the next frame + requestAnimationFrame(animate); +} +``` + +## Web Animations API + +- **Definition**: The Web Animations API lets you create and control animations directly inside JavaScript. + +```js +const square = document.querySelector('#square'); + +const animation = square.animate( + [{ transform: 'translateX(0px)' }, { transform: 'translateX(100px)' }], + { + duration: 2000, // makes animation lasts 2 seconds + iterations: Infinity, // loops indefinitely + direction: 'alternate', // moves back and forth + easing: 'ease-in-out', // smooth easing + } +); +``` + +## The Canvas API + +- **Definition**: The Canvas API is a powerful tool that lets you and manipulate graphics right inside your JavaScript file. To work with the Canvas API, you first need to provide a `