Question: testString: assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find('ShoppingCart').length === 1; })()); - text: The Items component should render. testString: assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find('Items').length === 1; })());  - text: The Items component should include a propTypes check that requires quantity to be a number.   - text: The Items component should include a propTypes check to require a value for quantity and ensure that its value is a number.  testString: getUserInput => assert((function() { const noWhiteSpace = __helpers.removeWhiteSpace(getUserInput('index')); return noWhiteSpace.includes('quantity:PropTypes.number.isRequired') && noWhiteSpace.includes('Items.propTypes='); })()); ```

In the instructions and unit tests are ambiguous with the word "required". It states: "The Items component should include a propTypes check that requires quantity to be a number." This is unclear as "requires" could mean that this check just simply needs to exist for the test to pass or that quantity should be a number that is required. I suggest either changing the above wording, or adding an additional unit test: "The Items component should include a quantity propType that is required."
! I think the lesson instructions are pretty clear, but I do agree that the test case wording is ambiguous. I would propose that the test message be edited to mirror this instruction.
I do not think the test text should just be a duplicate of the instruction. That would be redundant. Instead, we need to rewrite the text to reflect was is being tested. See below for the current testString prettified: The important part of the test is in the return statement. We are validating that we see the text "" and "Items.propTypes='" after removing whitespaces from the code. There probably is a better testString that could be written also.
I cannot think of a more effective testString, personally. But for the test text, perhaps something like "The component should include a check to require a value for quantity and ensure that value is a number."
Has the same clarity issue, thanks!
I agree that the text should be updated. I just got caught up by the unclear instructions. The way it is, I thought that what was 'required' was that quantity be a number. It doesn't suggest to me that a quantity is required.
Opening this PR for contributions. The test text should be changed to: The Items component should include a <codepropTypes</codecheck to require a value for <codequantity</codeand ensure that its value is a number.


Question: "difficulty":"9.9825", "description":[ "You can run the same code multiple times by using a loop.",  "Another type of JavaScript loop is called a "while loop" because it runs "while" something is true, and stops once that something is no longer true.",   "Another type of JavaScript loop is called a "while loop", because it runs "while" something is true and stops once that something is no longer true.",  "var ourArray = [];", "var i = 0;", "while(i < 5) {",

Challenge has an issue. Please describe how to reproduce it, and include links to screenshots if possible. "Another type of JavaScript loop is called a "while loop" because it runs "while" something is true, and stops once that something is no longer true." Should probably read as: "Another type of JavaScript loop is called a "while loop", because it runs "while" something is true and stops once that something is no longer true." Commas separate complete sentences, or act as a pause.


Question: # --description-- <del> The `input` element allows you several ways to collect data from a web form. Like anchor (`a`) elements, `input` elements are <dfn>self-closing</dfn> and do not need closing tags. </del> <ins> The `input` element allows you several ways to collect data from a web form. Like `img` elements, `input` elements are <dfn>self-closing</dfn> and do not need closing tags. </ins> Nest an `input` element in the `form` element.

Step 36 says However this is false, anchor tags are not self-closing. I believe it meant to say which is the self-closing tag introduced in the previous steps.  Wasn't sure where to report this so I also posted about it on the forums at .
Good eye!
Hi ! Thank you for bringing up this issue. This is an easy fix to change anchor elements to img elements. I have the first timers only label for those who are interested in making their first PR.
Could I take this issue? I'm looking for a good first contribution.
Hi ! Any issue with the first timers only label is up for grabs. The first PR that has the correct changes will be reviewed and merged into the main codebase. Here is the file that needs changing. Happy contributing !


Question: - text: You should have at least two if statements testString: assert(code.match(/if/g).length > 1); - text: You should have closing and opening curly braces for each if else code block.  testString: assert(code.match(/ifs*((.+))s*{[sS]+}s*else ifs*((.+))s*{[sS]+}s*elses*{[sS]+s*}/));   testString: assert(code.match(/ifs*((.+))s*{[sS]+}s*elses+ifs*((.+))s*{[sS]+}s*elses*{[sS]+s*}/));  - text: testElseIf(0) should return "Smaller than 5" testString: assert(testElseIf(0) === "Smaller than 5"); - text: testElseIf(5) should return "Between 5 and 10"

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --Describe your problem and how to reproduce it: The tests appear to require specific (albeit conventionally correct) formatting in order for the code to pass. This code block, provided by a user, did not pass: However, if I ran the formatter with ++, the resulting formatted code did pass: Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Chrome Browser Version: 85.0.4183.83 Operating System: Windows 10 v1909
Confirmed. This is due to the extra space between the word else and if. Here is the culprit: Changing the above to this should work: Open up to first-timers?
Sounds good to me!
Hi, I would like to pick this! Thanks for the guide! :)
Welcome! Issues labelled don't require permission for a pull request, as long as its your first pull request with us. If you have not done so already, please give our a read - there are a lot of helpful tips in there to get you started.
Hi, i am a first timer. Is the issue still open?
Hey We typically accept PRs in the order we receive them, so this will be open until we get a working PR.


Question: Your `CheckPoint` class should have a `draw` method. ```js <del> const splitter = code.split("ctx.fillRect(this.position.x, this.position.y, this.width, this.height)") assert.match(splitter[2], /draw(s*)s*{/); </del> <ins> const splitter = code.split("ctx.fillRect(this.position.x, this.position.y, this.width, this.height)"); assert.match(splitter[2], /draws*(s*)s*{/); </ins> ``` <del> Your `draw` method should have a `fillStyle` property added to the `ctx` object. </del> <ins> Your `draw` method should assign a value to the `fillStyle` property on the `ctx` object. </ins> ```js <del> const splitter = code.split("ctx.fillRect(this.position.x, this.position.y, this.width, this.height)") assert.match(splitter[2], /draw(s*)s*{s*ctx.fillStyle/); </del> <ins> const splitter = code.split("ctx.fillRect(this.position.x, this.position.y, this.width, this.height)"); assert.match(splitter[2], /draws*(s*)s*{s*ctx.fillStyles*=/); </ins> ``` <del> You should assign `"#f1be32"` to the `ctx.fillStyle` property. </del> <ins> You should assign the hex color `"#f1be32"` to the `fillStyle` property on the `ctx` object. </ins> ```js <del> const splitter = code.split("ctx.fillRect(this.position.x, this.position.y, this.width, this.height)") assert.match(splitter[2], /draw(s*)s*{s*ctx.fillStyles*=s*('|")#f1be321s*;?/); </del> <ins> const splitter = code.split("ctx.fillRect(this.position.x, this.position.y, this.width, this.height)"); assert.match(splitter[2], /draws*(s*)s*{s*ctx.fillStyles*=s*('|")#f1be321s*;?/); </ins> ``` Your `draw` method should invoke the `fillRect` method on the `ctx` object. ```js <del> const splitter = code.split('#f1be32') </del> <ins> const splitter = code.split('#f1be32'); </ins> assert.match(splitter[1], /ctx.fillRect(/); ``` <del> When invoking `ctx.fillRect` you should pass in the `x`, `y`, `width`, and `height` properties as arguments. Don't forget the `this` keyword. </del> <ins> When invoking `ctx.fillRect` you should pass in the `position.x`, `position.y`, `width`, and `height` properties as arguments. Don't forget the `this` keyword. </ins> ```js <del> const splitter = code.split('#f1be32') </del> <ins> const splitter = code.split('#f1be32'); </ins> assert.match(splitter[1], /ctx.fillRect(s*this.position.xs*,s*this.position.ys*,s*this.widths*,s*this.heights*)s*;?/); ```

in step 98 of the platformer game, there are a couple of small issues that can be fixed. 1- the check is too strict for spaces because it doesn't accept this code: Note the extra space between the word draw and the parenthesis. Without the extra space, the code is accepted. For the second issue, the wording used in the step "add a fillStyle property to the ctx object" is not what I would expect given that fillStyle is a property of the canvas object and not something we 'add' to it. I would suggest a rewrite to "set the fillStyle property of the ctx object" instead. As seen above. slight wording change needed and a looser check to allow a space between the word draw and the parenthesis. No response N/A No response


Question: assert.notMatch(code, /consts+evalFormulas*=s*(s*xs*,s*cellss*)s*=>s*{s*consts+idToTexts*=s*(?s*ids*)?s*=>s*cells.find(s*(?s*cells*)?s*=>s*(?:cell.ids*===s*id|ids*===s*cell.id)s*).value;?s*consts+rangeRegexs*=s*/([A-J])([1-9][0-9]?):([A-J])([1-9][0-9]?)/(gi|ig);?s*consts+rangeFromStrings*=s*(s*num1s*,s*num2s*)s*=>s*range(s*parseInt(s*num1s*)s*,s*parseInt(s*num2s*)s*);?s*consts+elemValues*=s*(?s*nums*)?s*=>s*{s*consts+inners*=s*(?s*characters*)?s*=>s*{s*returns+idToText(s*characters*+s*nums*);?s*};?s*returns+inner;?s*}s*consts+addCharacterss*=s*((s*character1s*)|characters1)s*=>s*{/); ``` <del> Your `elemValue` function should return an arrow function which has a `character2` parameter. </del> <ins> Your `addCharacters` function should return an arrow function which has a `character2` parameter. </ins> ```js assert.match(code, /consts+evalFormulas*=s*(s*xs*,s*cellss*)s*=>s*{s*consts+idToTexts*=s*(?s*ids*)?s*=>s*cells.find(s*(?s*cells*)?s*=>s*(?:cell.ids*===s*id|ids*===s*cell.id)s*).value;?s*consts+rangeRegexs*=s*/([A-J])([1-9][0-9]?):([A-J])([1-9][0-9]?)/(gi|ig);?s*consts+rangeFromStrings*=s*(s*num1s*,s*num2s*)s*=>s*range(s*parseInt(s*num1s*)s*,s*parseInt(s*num2s*)s*);?s*consts+elemValues*=s*(?s*nums*)?s*=>s*{s*consts+inners*=s*(?s*characters*)?s*=>s*{s*returns+idToText(s*characters*+s*nums*);?s*};?s*returns+inner;?s*}s*consts+addCharacterss*=s*((s*character1s*)|character1)s*=>s*((s*character2s*)|character2)s*=>/);

This challenge does not involve editing at all, yet it is discussed in the hint text. The text should be like "Your function should return an arrow function which has a character2 parameter." so it is clear what needs edited. ! Device: Desktop OS: Windows 10 Browser: Firefox Version: 122.0.1 No response
55 "Kolade Chris"< >; 2024/2/12 20:48 "freeCodeCamp/freeCodeCamp"< >; "Subscribed"< >; Re: [freeCodeCamp/freeCodeCamp] Confusing hint text in Learnfunctional programming step 46 (Issue ) Closed as completed via . — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID:


Question: ) : null} <h2 className='text-center challenge-title'> {children || 'Happy Coding!'} <del> {icon} </del> <ins> {isCompleted ? ( <GreenPass style={{ height: '15px', width: '15px', marginLeft: '5px' }} /> ) : null} </ins> </h2> {showPrevNextBtns ? ( <Link

In the new beta (currently at ), it would be great if a challenge page indicated somehow when the challenge has already been completed. Currently, since user inputed code is not saved, there is no indication on a challenge page that it has already been completed.
We need a check mark in the title or a badge or to indicate the same?
The most elegant thing I can think of to have something like the little circular check mark next to the title like how it is on the learn homepage - only if it's been solved, and don't show anything if it hasn't.
That would be a nice way to handle it. Please go forth if you are interested in this?


Question: # --description-- <del> The HTML element that shows the monster's stats has been hidden with CSS. Display the `monsterStats` element by updating the `display` property of the `style` property to `block`. For example, updating the `first` property of the `name` property of `user` would look like: </del> <ins> By default, the HTML element that shows the monster's stats has been hidden with CSS. When the player clicks the "Fight dragon" button, the monster's stats should be displayed. You can accomplish this by using the <dfn>style</dfn> and <dfn>display</dfn> properties on the `monsterStats` element. The `style` property is used to access the inline style of an element and the `display` property is used to set the visibility of an element. Here is an example of how to update the display for a paragraph element: </ins> ```js <del> user.name.first = "Naomi"; </del> <ins> const paragraph = document.querySelector('p'); paragraph.style.display = 'block'; </ins> ``` <ins> Display the `monsterStats` element by updating the `display` property of the `style` property to `block`. </ins> # --hints-- You should use dot notation to access the `style` property of `monsterStats`.

There is a lot of confusion on the forum about step 117 in the rpg game The goal of this step is to teach campers how to work with the style property. Updating the description and code example will clear up what is meant to happen in this step. js const paragraph = document.querySelector('p'); = 'block'; ` see explanation above see explanation above No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22] No response
This has been opened for contribution. The first comprehensive PR created will be reviewed and merged. We typically do not assign issues to anyone other than long-time contributors. If you would like to contribute and have not read the contributors docs, please do so here: If you have any issues with contributing, be sure to join us on the , or on the Happy coding


Question: Here are some audio samples you can use for your drum machine:  - [Heater 1](https://s3.amazonaws.com/freecodecamp/drums/Heater-1.mp3) - [Heater 2](https://s3.amazonaws.com/freecodecamp/drums/Heater-2.mp3) - [Heater 3](https://s3.amazonaws.com/freecodecamp/drums/Heater-3.mp3) - [Heater 4](https://s3.amazonaws.com/freecodecamp/drums/Heater-4_1.mp3) - [Clap](https://s3.amazonaws.com/freecodecamp/drums/Heater-6.mp3) - [Open-HH](https://s3.amazonaws.com/freecodecamp/drums/Dsc_Oh.mp3) - [Kick-n'-Hat](https://s3.amazonaws.com/freecodecamp/drums/Kick_n_Hat.mp3) - [Kick](https://s3.amazonaws.com/freecodecamp/drums/RP4_KICK_1.mp3) - [Closed-HH](https://s3.amazonaws.com/freecodecamp/drums/Cev_H2.mp3)   - [Heater 1](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Heater-1.mp3) - [Heater 2](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Heater-2.mp3) - [Heater 3](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Heater-3.mp3) - [Heater 4](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Heater-4_1.mp3) - [Clap](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Heater-6.mp3) - [Open-HH](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Dsc_Oh.mp3) - [Kick-n'-Hat](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Kick_n_Hat.mp3) - [Kick](https://cdn.freecodecamp.org/testable-projects-fcc/audio/RP4_KICK_1.mp3) - [Closed-HH](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Cev_H2.mp3)  You can build your project by using this CodePen template and clicking `Save` to create your own pen. Or you can use this CDN link to run the tests in any environment you like: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`

We need to replace all images and audio samples for the legacy content with the ones that were just to our freeCodeCamp cdn. Here are all of the files that will need to be updated Here are all of the new asset links


Question: {subscriptionPayment ? ( <Fragment> <b> <del> Confirm your donation of ${donationAmount / 100} / year with PayPal: </del> <ins> Confirm your donation of ${donationAmount / 100} /{' '} {donationDuration} with PayPal: </ins> </b> <Spacer /> </Fragment>

When navigating to and selecting a monthly donation, the text below says "Confirm your donation of X / month with PayPal" This text is coming from: There is logic elsewhere in this file that handles the different frequencies, it seems like this logic is needed here as well.
Can I try this?


Question: ```js const player = new Player(); <del> assert.match(player.update.toString(), /ifs*(s*(?:this.position.ys*+s*this.heights*+s*this.velocity.y|this.position.ys*+s*this.velocity.ys*+s*this.height|this.heights*+s*this.position.ys*+s*this.velocity.y|this.heights*+s*this.velocity.ys*+s*this.position.y|this.velocity.ys*+s*this.position.ys*+s*this.height|this.velocity.ys*+s*this.heights*+s*this.position.y)s*<=s*canvas.heights*)s*{s*}/); </del> <ins> assert.match(player.update.toString(), /ifs*(s*(?:this.position.ys*+s*this.heights*+s*this.velocity.y|this.position.ys*+s*this.velocity.ys*+s*this.height|this.heights*+s*this.position.ys*+s*this.velocity.y|this.heights*+s*this.velocity.ys*+s*this.position.y|this.velocity.ys*+s*this.position.ys*+s*this.height|this.velocity.ys*+s*this.heights*+s*this.position.y)s*<=s*canvas.heights*)/); ``` Your `if` statement should be empty. ```js const player = new Player(); assert.match(player.update.toString(), /ifs*(.*)s*{s*}/); </ins> ``` # --seed--

There is a bug in the coding challenge JavaScript Algorithms and Data Structures (Beta) in the topic of "Learn Intermediate OOP by Building a Platformer Game," specifically in lesson 25. The requirement states: "Right now, when the player jumps up, it is possible for it to move past the height of the canvas. To fix that, you will need to add a condition to stop the player from falling past the height of the canvas. Create an empty if statement that checks if the sum of the player's y position, height, and y velocity is less than or equal to the height of the canvas." However, when I wrote the code based on this requirement—by adding an if statement and passing the conditions—it shows the code doesn't work. Despite numerous attempts, I applied the correct logic, but it shows various errors such as, "Your condition for the if statement should check if the sum of the player's y position, height, and y velocity is less than or equal to the height of the canvas," and, "You should update your if() statement." The requirement says to keep the statement empty, which contradicts the errors shown. This issue needs to be addressed to ensure the challenge works as intended. According to the requirement in lesson 25 of the JavaScript Algorithms and Data Structures (Beta) course under "Learn Intermediate OOP by Building a Platformer Game," I expected the following behavior: The task was to ensure that when the player jumps up, they do not move past the height of the canvas. The requirement instructed to create an empty if statement that checks if the sum of the player's y position, height, and y velocity is less than or equal to the height of the canvas. Despite fulfilling this requirement by writing an if statement with the correct condition, the system consistently returned an error message stating, "Your condition for the if statement should check if the sum of the player's y position, height, and y velocity is less than or equal to the height of the canvas." I followed the requirement precisely, expecting the code to execute without error after adding the if statement with the specified condition. However, the error message persisted, indicating a discrepancy between the expected behavior and the actual outcome. !

Device: [Laptop] OS: [Windows 11] Browser: [Brave] Version: [1.67.123] No response
Test is expecting literally to not be anything between . It could be changed to remove comments from the code first, or another test could be with appropriate message.
It isn't empty if you add a comment. Empty means nothing. Anyway, I'm fine with removing comments. But there is something to be said for learning to follow instructions precisely. The assert message is bad because it is just a big regex. We could also check the statement body and assert the statement should be empty if we find anything inside it.
Hi and To address the issue with the empty if statement, I've created a function to verify that the if statement's body is entirely empty. Here’s an example: Player Code: update() { (); this.position.x += this.velocity.x; this.position.y += this.velocity.y; if (this.position.y + + this.velocity.y <= ) { // Empty if statement as per your requirement } } Testing Code: function checkIfStatement(playerCode) { const ifStatementRegex = /ifs([sS]?)s{([sS]?)}/; const match = (ifStatementRegex); if (match) { const ifBody = match[1].trim(); return ifBody === ''; // Check if the body is empty } return false; // No matching if statement found } // Example usage const playerCode = update() { (); this.position.x += this.velocity.x; this.position.y += this.velocity.y; if (this.position.y + + this.velocity.y <= ) { // Empty if statement as per your requirement } }; (checkIfStatement(playerCode)); // Should print false because of the comment By ensuring the if statement is entirely empty, we can avoid confusion and meet the requirement precisely. Would this solution be acceptable? I'd be happy to implement it and submit a pull request. Thank you!
Hi yeah it is acceptable and implement the pull request. Thanks for that.
Hi Thank you for the approval! I’m glad to hear that the implementation is acceptable. I’ll keep an eye on the pull request status and address any further issues if they come up. Please let me know if there’s anything else needed from my side. Thanks again for your guidance!


Question: # --description-- <del> So far you have learned how to create questions with the verb to be. In sentences with the verb `to be` (am, is, are) you just have to change the order of the noun and the verb to create a question. Like this: </del> <ins> So far you have learned how to create questions with the verb `to be`. In sentences with the verb `to be` (am, is, are) you just have to change the order of the noun and the verb to create a question. Like this: </ins> `You are a developer` -> `Are you a developer?`

needs to be wrapped in backticks ( ``) in the first sentence needs to be wrapped in backticks. Here also needs to be wrapped in backticks. This looks like something that can be fixed by "first-time" code contributors to this repository. The files you should look at to work on a fix are the 3 linked above. Please make sure you read our , we prioritize contributors following the instructions in our guides. Join us in our or our if you need help contributing; our moderators will guide you through this. Sometimes we may get more than one pull request. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.


Question: ```html <style> <ins> body { min-height: 150vh; } </ins> #navbar {

Describe your problem and how to reproduce it: We were in the middle of a meetup that was oriented at beginners, and a camper that was doing this challenge asked me: what does do? I feel like it works exactly as I showed them that it kept the element in place when the page scrolled. The description says it One key difference between the and positions is that an element with a fixed position won't move when the user scrolls. However, it doesn't provide a visible example where the user can scroll and see that for themselves. Add text and styles to invite campers to scroll the content and see how differs from . Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Google Chrome Browser Version: Version 77.0.3865.90 Operating System: Elementary OS Loki 0.4.1 If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box): ! As you can see, the content isn't scrollable


Question: "dashedName": "waypoint-subtract-one-number-from-another-with-javascript", "difficulty": "9.98142", "description": [  "In JavaScript whole numbers (called integers) can be easily used to preform mathematical functions", "Let's try a few of the most commonly used ones now", "We use -for subtraction",   "In JavaScript whole numbers (called integers) can be easily used to perform mathematical functions.", "Let's try a few of the most commonly used ones now.", "We use -for subtraction.",  "Replace the 0with correct number to achieve the result in the comment." ], "tests": [

Challenge has an issue. In JavaScript whole numbers (called integers) can be easily used to preform mathematical functions <-- Let's try a few of the most commonly used ones now <-- We use - for subtraction <---
merged to

Challenge has an issue. In JavaScript whole numbers (called integers) can be easily used to preform mathematical functions <-- Let's try a few of the most commonly used ones now <--- We use * for multiplication <---
merged to

Challenge has an issue. in JavaScript we can can work with decimal numbers <--- needs full stop.
merged to


Question: ```js <del> // solution required </del> <ins> // Original idea for this solution came from // https://www.xarg.org/puzzle/project-euler/problem-39/ function intRightTriangles(n) { // store the number of triangles with a given perimeter let triangles = {}; // a is the shortest side for (let a = 3; a < n / 3; a++) // o is the opposite side and is at least as long as a for (let o = a; o < n / 2; o++) { let h = Math.sqrt(a * a + o * o); // hypotenuse let p = a + o + h;  // perimeter if ((h % 1) === 0 && p <= n) { triangles[p] = (triangles[p] || 0) + 1; } } let max = 0, maxp = null; for (let p in triangles) { if (max < triangles[p]) { max = triangles[p]; maxp = p; } } return maxp; } </ins> ```

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --Describe your problem and how to reproduce it: Project Euler 39 automated test for n=800 should expect 720, which is the correct answer [ [ 45, 336, 339 ], [ 72, 320, 328 ], [ 80, 315, 325 ], [ 120, 288, 312 ], [ 144, 270, 306 ], [ 180, 240, 300 ] ] Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Chrome Browser Version: 79.0.3945.130 (Official Build) (64-bit) Operating System: MacOS If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box):


Question: "tests": [ "assert(end("Bastian", "n") === true, 'message: end("Bastian", "n") should return true.');", "assert(end("Connor", "n") === false, 'message: end("Connor", "n") should return false.');",  "assert(end("Walking on water and developing software from a specification are easy if both are frozen", "specification") === false, '"Walking on water and developing software from a specification are easy if both are frozen", "specification") should return false.');",   "assert(end("Walking on water and developing software from a specification are easy if both are frozen", "specification") === false, 'message: end("Walking on water and developing software from a specification are easy if both are frozen", "specification") should return false.');",  "assert(end("He has to give me a new name", "name") === true, 'message: end("He has to give me a new name", "name") should return true.');", "assert(end("He has to give me a new name", "me") === true, 'message: end("He has to give me a new name", "me") should return true.');", "assert(end("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain") === false, 'message: end("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain") should return false.');"

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.80 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. !
Failed to state a problem, Closing. Feel free to re-open if you want to describe what is wrong.
The problem is the text being displayed on the highlighted test.
It could be that test is missing part


Question: "console.log(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']));" ], "tests": [  "assert.deepEqual(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']), ['warm', 'sunny'], 'message: forecast should return ["warm", "sunny"]');",   "assert.deepEqual(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']), ['warm', 'sunny'], 'message: forecast should return ["warm", "sunny"]');",  "assert(/.slice(/.test(code), 'message: The forecast function should utilize the slice() method');" ], "type": "waypoint",

Challenge has an issue. If I simply return the array by slicing it, like this - it returns a minified react error . ! The function returns the same value, as expected when I copy paste into the console.
It was fixed after restarting browser, but should still be fixed.
Check out to get your local development environment set up. The issue is in the following line: The last element in the message is never closed. It should be closed with at the end of the message, right after the closing square bracket () If you need help, please visit our . We're always happy to answer any questions! Happy coding!
I'll give it a go, Timo!


Question: # --hints-- <del> You should have a `@media (prefers-reduced-motion: no-preference)` rule. </del> <ins> You should have one `@media (prefers-reduced-motion: no-preference)` rule. </ins> ```js <del> assert.exists(new __helpers.CSSHelp(document).getRuleListsWithinMedia('(prefers-reduced-motion: no-preference)')); </del> <ins> assert.equal(new __helpers.CSSHelp(document).getRuleListsWithinMedia('(prefers-reduced-motion: no-preference)').length, 1); </ins> ``` You should wrap the existing `*` rule within the `@media` rule.

I think that the instructions for the media query are a little difficult for (relative) beginners to understand. Up until now, as far as I can see, they've only been asked to create media queries for CSS rules that they're already somewhat familiar with (, etc.). So, to me, it just feels a little too ambitious at this stage to expect them to have fully grasped the terminology involved (media-rule, values etc.) and to be able to construct the appropriate media query. It doesn't help that the MDN docs page has no examples using either or which also makes it a little more difficult for students to search for help via Google. I feel as though some kind of example would be very useful here, although I do appreciate that it's difficult to provide an example without effectively giving the solution away. Perhaps something like "reminder - the format of a media-query is (media-rule: value)" could be ? (at least to the hint if not to the instructions). Alternatively, perhaps add a link to this which does have an appropriate example. No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22] Recent forum posts:
I do agree an example would work, but it isn't the optimal way. It's against freeCodeCamp policy to add an external link, there is an issue with the content of the external link changing. We can change previous media challenge to include this , until media reduce article is written.
Agreed, users are always free to search if they want to, but we should try to make our lessons self-contained if possible. I just tried doing the lesson myself and found it frustrating to keep getting the hint when I had wrapped the rule correctly, but the rule was wrong. should trigger a different hint. That sounds good to me, though I'd word it slightly differently to be more consistent with the rest of the hints: cc:


Question: ```yml tests: <del> - text: <code>convertHTML("Dolce & Gabbana")</code> should return <code>Dolce &amp; Gabbana</code>. </del> <ins> - text: <code>convertHTML("Dolce & Gabbana")</code> should return <code>"Dolce &amp; Gabbana"</code>. </ins> testString: assert.match(convertHTML("Dolce & Gabbana"), /Dolce & Gabbana/); <del> - text: <code>convertHTML("Hamburgers < Pizza < Tacos")</code> should return <code>Hamburgers &lt; Pizza &lt; Tacos</code>. </del> <ins> - text: <code>convertHTML("Hamburgers < Pizza < Tacos")</code> should return <code>"Hamburgers &lt; Pizza &lt; Tacos"</code>. </ins> testString: assert.match(convertHTML("Hamburgers < Pizza < Tacos"), /Hamburgers < Pizza < Tacos/); <del> - text: <code>convertHTML("Sixty > twelve")</code> should return <code>Sixty &gt; twelve</code>. </del> <ins> - text: <code>convertHTML("Sixty > twelve")</code> should return <code>"Sixty &gt; twelve"</code>. </ins> testString: assert.match(convertHTML("Sixty > twelve"), /Sixty > twelve/); <del> - text: <code>convertHTML('Stuff in "quotation marks"')</code> should return <code>Stuff in &quot;quotation marks&quot;</code>. </del> <ins> - text: <code>convertHTML('Stuff in "quotation marks"')</code> should return <code>"Stuff in &quot;quotation marks&quot;"</code>. </ins> testString: assert.match(convertHTML('Stuff in "quotation marks"'), /Stuff in "quotation marks"/); <del> - text: <code>convertHTML("Schindler's List")</code> should return <code>Schindler&apos;s List</code>. </del> <ins> - text: <code>convertHTML("Schindler's List")</code> should return <code>"Schindler&apos;s List"</code>. </ins> testString: assert.match(convertHTML("Schindler's List"), /Schindler's List/); <del> - text: <code>convertHTML("<>")</code> should return <code>&lt;&gt;</code>. </del> <ins> - text: <code>convertHTML("<>")</code> should return <code>"&lt;&gt;"</code>. </ins> testString: assert.match(convertHTML('<>'), /<>/); <del> - text: <code>convertHTML("abc")</code> should return <code>abc</code>. </del> <ins> - text: <code>convertHTML("abc")</code> should return <code>"abc"</code>. </ins> testString: assert.strictEqual(convertHTML('abc'), 'abc'); ```

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --Describe your problem and how to reproduce it: In the challenge, all the test have results which aren't wrapped with quotation even though they are string. I've checked all the other FCC challenges and confirmed that the other challenges results (if the result is a string), is wrapped with quotation mark (For example: ). This is an formatting inconsistency that'll somewhat confuse the beginners as all the other challenges follow this formatting technique. Add a Link to the page with the problem: You can see visit the page with the problem . Tell us about your browser and operating system: Browser Name: Google Chrome Browser Version: Version 81.0.4044.129 (Official Build) (64-bit) Operating System: Windows 10 (64 Bit) If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box): !
Here's a screenshot of the challenge that returns string as an answer and you can see that the strings are wrapped in "" unlike in the challenge. !


Question: "challengeSeed": "function sumPrimes(num) {n  return num;rn}", "tests": [ "expect(sumPrimes(10)).to.be.a('number');", <del> "expect(sumPrimes(10)).to.equal(27);", </del> <ins> "expect(sumPrimes(10)).to.equal(17);", </ins> "expect(sumPrimes(977)).to.equal(73156);" ] },

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.94 Safari/537.36 OPR/37.0.2178.43</code. Please describe how to reproduce this issue, and include links to screenshots if possible. My code:
Issues are for reporting bugs or other problems with the site. Please consult the for help with writing code.
this is not issue. Your code just don't have any tags.
Thanks for reporting this. GitHub Issues are for reporting bugs on the website only. Please consult the for any assistance to Coding. Happy Coding!

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.87 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. My code:
the instructions are correct. You'll need to return "Huge" whenever . If you get stuck with a challenge, please ask questions to the . Happy coding!

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.152 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. My code:
Yes. They are, but that's not issue to be logged under this repo :wink: ! Thanks for reporting this. GitHub Issues are for reporting bugs on the website only. Please consult the for any assistance to Coding. Happy Coding!

Challenge - This challenge says that we must find campsite city on the list, but when I open link, there is not any list of campsites. It redirects to camperbot page, which redirects to gitter
The wiki URL was changed for the list of campsites. To contributor: Change this line: New link: Please, check our and if you need any assistance reach out to the .
Hi, first timer here. I'll fix in the next hours. Cheers!
Hey Bob, mind having a look at any of the open issues? Looking forward to your contributions.

<!-- FreeCodeCamp Issue Template --<!-- NOTE: ISSUES ARE NOT FOR CODE HELP - Ask for Help at --<!-- Please provide as much detail as possible for us to fix your issue --<!-- Remove any heading sections you did not fill out --<!-- Insert link to challenge below -- <!-- Describe below when the issue happens and how to reproduce it --The test: Use the ++ operator fails when the pre-increment version of the "++" operator is used (i.e. "++myVar;") rather than the post-increment version. Nothing in the description of the task precludes the pre-increment version being correct. <!-- Describe your workspace in which you are having issues--- Browser Name, Version: various Operating System: various Mobile, Desktop, or Tablet: multiple <!-- Add a screenshot of your issue --!
thanks for the issue. Because we're targeting beginner coders, we wanted the challenges to be simple enough to teach a concept but not overwhelm learners with other details. Same goes for . cc/ worth accepting this prefix operation?
I remember this was and more times in the chat, we could add separate challenges for pre/post increments/decrements. But this is going to be confusing for beginners. Maybe we could relax the tests to allow but not change the test case message. So advanced campers who are attempting these as in this case can pass the challenge and beginners are not overwhelmed as well.
I agree on just accepting the answer for flexibility but not change the test messages. I think editing to the following will work. I'm not sure about escaping the parentheses but whoever takes this will have to check this. The code will break for anyways so I think the above should be okay. There is a similar case in so someone taking this can easily do the other
Won't the above code pass with just ? Since both sections are optional, that will match just . Better to do:
good point. I was being careless Thanks!
Thanks ya’ll! I couldn’t have asked for a better outcome. Having poked your backend with alternate ‘correct' solutions to prior challenges and been impressed with your robust handling of them this situation stuck out a bit. And I was hoping to contribute to the polish of your beautiful project. I appreciate the peak behind the curtain. It confirmed that the modification only required a simple regex edit and that ya’ll really are a copacetic group. Kudos all around!

<!-- FreeCodeCamp Issue Template --<!-- NOTE: ISSUES ARE NOT FOR CODE HELP - Ask for Help at --<!-- Please provide as much detail as possible for us to fix your issue --<!-- Remove any heading sections you did not fill out --<!-- Insert link to challenge below --Convert JSON Data to HTML <!-- Describe below when the issue happens and how to reproduce it --Can't use or alert to show my results this problem with all challenges. <!-- Describe your workspace in which you are having issues--- Browser Name, Version: Chrome, Version 50.0.2661.94 m (64-bit) Operating System: Windows 10 64-bit Mobile, Desktop, or Tablet: Desktop <!-- Add a screenshot of your issue --!
First of all your code is incorrect. Hit the and just adding the below at its correct place: ! Closing. Please consult the for any assistance to Coding. Happy Coding!

Hello everyone, When a new challenge is launched, the focus is not on the code window. User has to manually click into the code window to be able to write. Is it possible to have a keyboard shortcut to focus on the code window, just like we have a keyboard shotcut (Ctrl + Enter) to submit our solution and to launch the next challenge? It feels annoying sometimes to use mouse just to get focus when all the actions are happening via keyboard. Thanks in advance. Prasoon
What do you say?
I think that idea is great to me!
How about <kbdCtrl/Cmd</kbd+ <kbdShift</kbd+ <kbdE</kbd?
Anyone interested in working on this, check these files:
While I'm theory this can be done, there's an on-going issue with the code mirror cursor bugging out. The editor does auto focus on page loads but there's a bug that prevents round. There are a few issues open around this that would still be open.
Hi, I would like to work on this if you guys are alright with that.
Go ahead, help wanted issues are open to all. Please, check our .


Question:
"title": "Use Bracket Notation to Find the First Character in a String", "description": [ "Bracket notation is a way to get a character at a specific index within a string.",  "Most modern programming languages, like JavaScript, don't start counting at 1 like humans do. They start at 0. This is refered to as <dfn>Zero-based</dfn> indexing.",   "Most modern programming languages, like JavaScript, don't start counting at 1 like humans do. They start at 0. This is referred to as <dfn>Zero-based</dfn> indexing.",  "For example, the character at index 0 in the word "Charles" is "C". So if var firstName = "Charles", you can get the value of the first letter of the string by using firstName[0].", "
Instructions
", "Use <dfn>bracket notation</dfn> to find the first character in the lastName variable and assign it to firstLetterOfLastName.",

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Macintosh; Intel Mac OS X ) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. The word refered should be written with 2 Rs: referred. !


Question: # --description-- <del> To start your CSS, normalize the CSS rules by targeting all elements with `*`, including the `::before` and `::after` pseudo-selectors. Set the `padding` property and `margin` property both to `0`. </del> <ins> To start your CSS, normalize the CSS rules by targeting all elements with `*`, including the `::before` and `::after` pseudo-selectors. Set the `padding` and `margin` properties both to `0` and set the `box-sizing` property to `border-box`. </ins> # --hints--

Someone in the forums pointed out that adding the property just to will not have the intended effect since the property is not inherited. It appears to me that removing this property completely from in the final product does not seem to make any difference to the layout. Do we need ? If so, if the intent is to apply it to all elements then it should probably be moved to the rule set. Either remove completely or move it into the ruleset. No response N/A No response
Pretty sure I saw this in another challenge too and it got fixed. The CSS used looks like the of setting the but with the actual inheriting missing from the code. It should be fixed, but I would not suggest we remove , setting that (in my opinion) is pretty much a best pratice.
I'm guessing it would be easier and take less explaining to update step 26 to add the on that selector and then remove the mention of it in step 27. Then update all the seed code.
Just a heads up, if lasjorg PR merged without issue, balance sheet project suffer the same issue, we can open a PR or issue for it, if the PR is merged. Except that the balance sheet project , doesn't do much and moving it break the layout.


Question: # --description-- <del> The `let` keyword allows a variable to be reassigned. This means you could change `character` later to be a completely different value. </del> <ins> Declaring a variable with the `let` keyword allows it to be reassigned. This means you could change `character` later to be a completely different value. </ins> For this project, you will not want to change these variable values. So instead, you should use `const` to declare them. `const` variables are special.

first discussed on the forum here: I had a concern about the starting sentence of step 26 of the js pyramid project here: It starts out with: "The let keyword allows a variable to be reassigned." which I think can be misinterpreted to mean that we can use the keyword to reassign a variable. I believe a reword to "Declaring a variable with the let keyword allows it to be reassigned." will be not as easy to misinterpret. N/A slight reword to instructions needed as per above No response N/A No response
Seems like a good change. This looks like something that can be fixed by "first-time" code contributors to this repository. Here are the files that you should be looking at to work on a fix: From: To: Please make sure you read our , we prioritize contributors following the instructions in our guides. Join us in our or our if you need help contributing; our moderators will guide you through this. Sometimes we may get more than one pull request. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.


Question: } } .default-layout { <del> margin-top: 38px; } </del> <ins> margin-top: 34px; } </ins>  No newline at end of file

Navbar is not proper align in the curriculum page as compared to other pages. There is a white line coming below the navbar. ! ! <!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --Browser Name: chrome Browser Version: 70.0.3538.67 (Official Build) (64-bit) Operating System: Ubuntu 18.04 LTS
I'll work on this
Have you gotten around?
Noup. Actually, when I ran the master branch locally, the bug was not there anymore.
Actually I'm able to see it. I can work on this!
That could be the offsetPlease check the relevant styles


Question: ```js const noWhiteSpace = __helpers.removeWhiteSpace(code); assert( <del> /constLOGIN=(['"`])LOGIN1/.test(noWhiteSpace) && /constLOGOUT=(['"`])LOGOUT1/.test(noWhiteSpace) </del> <ins> (/constLOGIN=(['"`])LOGIN1/.test(noWhiteSpace) && /constLOGOUT=(['"`])LOGOUT1/.test(noWhiteSpace)) || /const(LOGIN|LOGOUT)=(['"`])12,(?!1)(LOGIN|LOGOUT)=(['"`])34/.test(noWhiteSpace) </ins> ); ```

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --Affected page Expected behavior The following two code snippets are both correct and semantically equivalent js, but one passes all tests and the other does not. Either both should pass or both should fail. Passes: Fails: Declaring multiple comma separated const's fails this test: Your code Copy and paste the code from the editor that you used in between the back-ticks below: System (please complete the following information): Browser: Firefox 90.0b6
The test currently checks for two separate declarations. You can view it here - I think the regex can be updated to fix this.
I can grab this, if no one else is working on it.
Hi any issue with the help wanted or first timers only label is open for contribution. So yeah you can start working on it.


Question: ); ``` <del> `selectionSort` should return an array that is unchanged except for order. </del> <ins> `selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])` should return an array that is unchanged except for order. </ins> ```js assert.sameMembers(

The following challenges have an example function call in the seed code. These function calls should be removed and the related tests should be clarified to reflect the call instead. This sorting challenge is correct and could be used for reference.
Hi, nhcarrigan. I'd like to try to help and solve it. I'm still learning about the project so I would like to ask a question so I can understand the issue better. There is a function call in the file.. bubleSort([1,2,3....]) (example: implement-bubble-) ! And it should be removed from the seed section and transferred to here, similarly to implement-quick-sort: ! ! Is it correct or are there other files that I should be concerned about?
That is correct, yes - this same change should be completed on the four files I've linked. I would, however, recommend holding off on working on this until we receive additional consensus that this is the best way to proceed. If you run in to any questions, feel free to review our or ask in our or the .
Sounds great!! Thanks for the fast response. I will wait until further notice.
Hi MuriloMarquesSantos, are you still interested in fixing this issue?


Question: ```js const clearForm = code.split("function clearForm()")[1]; <del> assert.match(clearForm, /fors*(s*consts+containers+ofs+inputContainerss*)/); </del> <ins> assert.match(clearForm, /fors*(s*(const|let)s+containers+ofs+inputContainerss*)/); </ins> ``` Your `for...of` loop should set the `innerHTML` property of `container` to an empty string.

A camper on the forum was unable to pass with the following code: The tests are only checking for in the loop declaration That should be fixed to allow for or or declarations should be valid No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22] No response


Question: This is what a Binary Search Tree looks like:       Begin by defining an empty `TreeNode` class. The `TreeNode` class represents a node in a binary search tree. Use the `pass` keyword to fill the class body and avoid an error.

There is an image in the challenge, and the text of the image has a typo: Fix the typo in the following file:
This issue is open to first-time code contributors to this repository. The file that you should be updating is linked in the original post. We typically do not assign issues. Instead, we accept the most quality contribution followed by the one that is made first. Please make sure you read our as well as our , we prioritize contributors following the instructions in our guides. Join us in our or our if you need help contributing; our moderators will guide you through this. Happy contributing.
Fixes Typo in step 1 of Building a Binary Search Tree


Question: ```js switch (expression) { case 1: <del> /* this code will execute if the case matches the expression */ </del> <ins> console.log("1"); </ins> break; default: <del> /* the default will execute if none of the other cases match the expression */ </del> <ins> console.log("Not 1"); </ins> } ``` <ins> In this example, the first `case` checks if `expression === 1`, and if so logs `1` to the console. If no cases are true, it will log `Not 1` to the console. The `break` statement stops execution of the `switch` when the `case` is true. </ins> Add a `switch` statement and use `e.target.value` for the expression. # --hints--

In the new JS curriculum I found a couple of example where comments have been inside code blocks in the challenge description. These comments are not translatable on Crowdin: We should avoid commenting code blocks or make those comments accessible from Crowdin


Question: <ins> import { createSelector } from 'reselect'; </ins> import { challengeTypes } from '../../../../../shared/config/challenge-types'; import { completedChallengesSelector,

Opening for visibility. I have not seen this happen myself, but I also haven't spent much time in the editor. Link to threads reporting this. Unknown, I guess usage over time. Performance not degrading over time. No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22] No response
I've experienced this issue multiple times. After the donation pop-up appears, the performance of the website becomes laggy. Even after refreshing the page, it returns to normal temporarily, but the lag returns once the donation pop-up reappears. ! Note: the lag doesn't occur immediately after the pop-up, it becomes noticeable as you continue solving challenges, with delays in typing and overall slowness.
I have not noticed this in the dev environment, even if the pop-up is present there too (python course)
I thought I was crazy or that my machine was "too old" for this, but I have experienced this too. In my experience, it has happened after working a while on the editor or just doing a little bit of work on the editor, leaving it open, and then coming back. It becomes really slow and the only workaround that I have found is closing my browser completely and opening it again. Note: As a current donor, the pop-up doesn't show up in my account and I don't think is related to that component itself.
Commenting to add I experience this every single time I use the editor for more than maybe 20 minutes. It doesn't just happen suddenly. It starts with a slight delay then gets worse and worse. I just opened up Incognito with no extensions enabled, and I noticed the delay after around 15 minutes. Then by 25 minutes it was definitely worse. It isn't unusable, but if you type relatively quickly it is very noticeable that words on screen are being completed maybe 100ms after you actually type them, then gets a little worse from there. Info: Chrome/124.0.6367.158 (no extensions) macOS Ventura Responsive Web Design Certification (I have had delays throughout this entire course)
I'm able to get the slowdown both in production and in development.

Reproducing it a bit loosely: Go through multiple steps (around 20?). At some point writing few characters in a row will start feel delayed/lagged. In console start appearing warnings, something like [Violation] 'input' handler took 1123ms. Recorded performance showed then longer times of redux updates coming from (if I didn't mix up anything) the editor's :
Thanks, that's really helpful! Just so I'm on the same page: how did you record the performance and did you have campfire mode on while you were testing this? Also, did you complete and submit 20 steps or just navigate through them?
Hey It was the Performance tab in the browser's developer tools. Not the profiler from react developer tools. Once I noticed the lagging, I turned on recording and did couple more steps. Then stopped recording, and tried to make heads or tails out of it :eyes: It doesn't seem to be related to campfire mode. I actually have campfire mode on in production, but when I was checking in development I believe it was off. Steps were completed/submitted. I haven't tried just navigating them.
It's not easy to read, but it does seem to be that's taking the time, which makes sense. That's what I see even when the editor is working normally. I've yet to see the slowdown from having the editor open for a long time typing a lot in a single page navigating through 80+ challenges I'll try completing a lot of challenges next and see if I see what you saw, Regardless, it seems like either the amount of typing you need to do to complete a bunch of challenges OR the completion/submission process is the problem. That's my current guess.
I'm seeing the same code editor latency after about 5 to 10 minutes of usage. I see it both in Chrome and Firefox browsers when testing in Windows 11 and Linux Fedora 40. The best solution I have is to do a of the page when it starts happening. Is the code editor overloading the cache to cause a slow down?
I'm on Windows Chrome browser and the editor is super slow for me. I type and I can't see what I've typed in till seconds later (good thing I'm a good typist) and I click Submit and it takes a long pause to respond.

I tried clearing cache but it fixes the issue for maybe a couple of steps max then back to the slow performance. Definitely something I didn't experience back in early 2023 when I last used the curriculum. If there's some data I can collect to help debug, let me know. (Edit: i switched to MS Edge which I didn't use for fcc work before and the issue disappeared for the first 10 steps i tried). I may continue here for a bit before retrying chrome again at some point.) 2nd Edit: the performance improvement didn't last. Same issue occurred after a few more steps and I persisted for a couple more of these slow steps just to see if anything would change, but nothing did. So I logged off and switched back to Chrome. First few steps are back to normal performance at this point. Perhaps the pattern will repeat (and things will slow down momentarily at which point I will try another browser switch).
Hi all, thank you for reporting the issue. We are trying to reproduce the issue, but no luck yet. From what I gather, the issue can happen: On any OS (so far we have reports on MacOS, Windows, and Linux) On any browser (so far we have reports on Chrome, Firefox, and MS Edge) In both incognito and normal browsing modes With or without browser extensions To both donor and non-donor users With both campfire mode enabled and disabled I guess what's left is the challenge pages that you are on when you experience the issue. I personally have tried going through 50+ Python challenges of the , and I haven't experienced the lag. We have one user experienced the issue with the Responsive Web Design challenges (), so maybe this is where I'd try next. But we would love to get more information from everyone else: which page / course you were on when you experienced the issue. Thanks again for reporting.
The lag happens consistently to me on the Role Playing Game project (js beta) pages. Everytime I recycle my browser the issue goes away temporarily. (Or if I close the tab on edge and reopen it)
As I have , I experienced this throughout the responsive web design cert, but I have since finished that course and moved onto the JavaScript one, and can confirm I am having the exact same issue on there.

The easiest way I've found to get rid of the delay is to reload page while ignoring cache.
It might be needed for user to be logged in. I've tried to reproduce it on Firefox. I've went from last steps of to about 30 step of the - without being logged in, no issues. Then after logging in, I started at the first step of , passing code was still in browser, so was just submitting it for the most part. By the 20th step writing was again slowing down. Edit: although Firefox doesn't display warning in console.
I also see it when logged in. It literally became so bad that is spiked the CPU if I held down a key and just let it repeat. It might somehow be related to the completion modal in the lower jaw, but I'm really not certain. That is at least also different depending on if you are signed in or not. The problem is, it didn't seem as bad in dev mode for me, so I'm not confident. But I removed the progress component and did twice as many steps, and it didn't happen. But as said, I'm really not sure if I trust it in dev mode. In the Performance log, looking at the bottom-up tab, was the first one.
Thanks everyone. I've finally reproduced it by doing ~20 responsive web design lessons while signed in. It does seem like is part of the problem, thanks I'm not sure it's the root of the problem, but it's definitely getting called far too often. My plan is to create a quick PR to stop the unnecessary calls and/or memoize the function. Hopefully that fixes it, but we'll have to see.
I was briefly looking at the Progress component and saw ProgressInner  Something about that code doesn't sit right with me. The and variable names seems a little like something that wasn't fully checked and tested. If I just log when the component renders, it does so on every keystroke, and even just left-clicking inside the active editor section logs a re-render. This is after you have completed at least one challenge step. ! Might not be related, but it doesn't seem right considering it isn't even shown. I'm a little skeptical of the Intersection observer and useEffect. I know this isn't very constructive, but that's all I've got for now.

I agree about the naming, it's a little sloppy. And, yes, something is going wrong meaning that it's getting re-rendered after challenge completion. makes it a lot better, though. It's still rendering when you start a new challenge (and it shouldn't), but it no longer renders in response to, well, everything.
I have unpinned the issue, considering it is closed as completed.
Hi Guys i am still experiencing this on two separate machines both running windows 11 and Chrome Browser extension installed , ublock origin and Ghostery this is whilst going through the responsive web design curriculum, in both building a balance sheet and the cat painting projects. I have experienced this behaviour both before and after i became a supported, and most recently experienced it about 5mins ago
Thank you for mentioning. However, the potential fix for this has not been deployed to production yet. So, until that is deployed, you can expect the issue to be present.
Hi everyone, the potential fix has been deployed, please report back if you're still experiencing the issue. Thank you for your patience, and happy coding.
hi , I've been using the JS beta curriculum all day from a single tab today. I did end up running into the performance issue again but it took a -lot- longer to run into it, and it was not lagging as bad as it used to when I would type (one of the issues I saw was that I would type and it would take a bit of time for the editor to display what I typed). Now when it slows down, the lag is not nearly as long (and as I said, I ran through a lot of steps today before seeing the slow-down). This is just to let you know what I have observed as you've asked us to report back. Thanks for the fix(es) already done.
Thanks for the follow-up, Some slowdown is expected, since the 'fix' was to make rendering considerably more efficient. This delays and mitigates the slowdown, but clearly something is getting less efficient over time. Since it's not too bad at the moment and it's hard to pin down the ultimate cause, I think we can leave this for now. We do plan to give the client some love before too long and that will give us another chance to squash the bug.

Hi Guys I am still running in to this issue, im currently working my way through learn-basic-javascript-by-building-a-role-playing-game. and after about 10 mins the typing of text starts to lag, im having to refresh the page and it seems to make it go away for a while
Other reports of slow performance
Thanks I'll give this another look.
should be another decent perf boost. Same deal as last time: while I expect this to be a lot better, there may still be deeper problems.
Tentatively closing again, since has been merged and should help considerably.


Question: "" ], [ <del> "http://i.imgur.com/dLx8nrg.jpg", "Una ilustración mostrando que aprenderás HTML5, CSS3, JavaScript, Bases de Datos, Git, Node.js, Angular.js y Agile.", "Durante la primera mitad de Free Code Camp, aprenderás tecnologías como HTML5, Node.js y Bases de Datos.", </del> <ins> "http://i.imgur.com/vLNso6h.jpg", "Una ilustración mostrando que aprenderás HTML5, CSS3, JavaScript, Bases de Datos, Git, Node.js, react y D3.", "Tenemos cientos de desafíos de programación opcionales que te enseñarán las tecnologías fundamentales para el desarrollo web como HTML5, Node.js y bases de datos.", </ins> "" ], [ <ins> "http://i.imgur.com/UVB9hxp.jpg", "Una foto de un campista en un café construyendo proyectos con Free Code Camp.", "Creemos que los humanos aprender mejor haciendo.  Así que en realidad emplearás la mayoría de tu tiempo construyendo proyectos.  Te daremos una lista de especificaciones (historias de usuario ágiles), y te las ingeniarás para construir aplicaciones que cumplan esas especificaciones.", "" ], [ "http://i.imgur.com/pbW7K5S.jpgk", "Una imagen de los tiempos de nuestras certificaciones para desarrollo de interfaces, desarrollo al lado del servidor y visualización de datos (400 horas cada uno), para nuestros proyectos sin ánimo de lucro (800 horas) y preparación para entrevistas (80 horas) que dan un total de 2,080 horas e experiencia programando.", "Nuestro currículo se divide en 4 certificaciones.  Estas certificaciones están estandarizadas, y son verificables al instante por sus clientes como trabajador independiente y por sus futuros empleadores.  Tal como todo lo demás en Free Code Camp, estas certificaciones son gratuitas.  Recomendamos hacerlas en orden, pero usted es libre de saltar de una a otra.  Las primeras tres certificaciones requieren 400 horas cada una, y la certificación final requiere 800 horas, e involucra construir proyectos de la vida real para organizaciones sin ánimo de lucro.", "" ], [ "http://i.imgur.com/k8btNUB.jpg", "Una imagen de nuestro Certificado de Desarrollo de Interfaces", "Para obtener nuestra certificación verificada de Desarrollo de Interfaces, construirás 10 proyectos usando HTML, CSS, jQuery y JavaScript.", "" ], [ </ins> "http://i.imgur.com/Et3iD74.jpg", <del> "Una imagen de nuestro Certificado de Desarrollo Front End", "Tras unas 400 horas en Free Code Camp, obtendrás tu Certificación de Desarrollo Front End verificada.", </del> <ins> "Una imagen de nuestro Certificado de Visualización de Datos", "Para obtener nuestra certificación en Visualización de Datos, construirás 10 proyectos usando React, Sass y D3.js.", </ins> "" ], [ <del> "http://i.imgur.com/sKYQhdG.jpg", "Una imagen de nuestro Certificado de Desarrollo Full Stack", "Tras unas 400 horas en Free Code Camp, obtendrás tu Certificación de Desarrollo Full Stack verificada.", </del> <ins> "http://i.imgur.com/8v3t84p.jpg", "Una imagen de nuestro Certificado de Desarrollo al Lado del Servidor", "Para obtener nuestro Certificado de Desarrollo al Lado del Servidor, construirás 10 proyectos empleando Node.js, Express y MongoDB. Usarás Git y Heroku para desplegarlos en la nube.", </ins> "" ], [ "http://i.imgur.com/yXyxbDd.jpg", "Una imagen de nuestro directorio de organizaciones sin ánimo de lucro.", <del> "Entonces construirás varios proyectos reales para organizaciones sin ánimo de lucro. Para cuando termines, tendrás un portafolio de aplicaciones reales que las personas usan a diario.", </del> <ins> "Después de completar todos los tres certificados, harás equipo con otro campista y usarás metodologías de desarrollo ágil para construir dos proyectos de la vida real para organizaciones sin ánimo de lucro. También añadirás funcionalidad a dos proyectos de fuentes legadas de organizaciones sin ánimo de lucro.  Cuando termines esto, tendrás un portafolio de aplicaciones reales que la gente usa a diario. ", "" ], [ "http://i.imgur.com/PDGQ9ZM.jpg", "Una imagen de nuestros campistas construyendo proyectos juntos en un café en Seoul.", "Si completas todas las 2,080 horas de desafíos y proyectos, obtendrás un Certificado de Desarrollo de Pila Completa.  Te ofreceremos gratuitamente una práctica en entrevistas para desarrolladores. Incluso ofrecemos un directorio de trabajos donde los empleadores contratan específicamente campistas que han recibido certificaciones de Free Code Camp.", </ins> "" ] ]

[X] Learn how Free Code Camp Works [X] Create a GitHub Account and Join our Chat Rooms [X] Configure your Code Portfolio [X] Join a Campsite in Your City [X] Learn What to Do If You Get Stuck


Question:
Make a one-time Bitcoin donation

 Our Bitcoin wallet is{' '}  12skYi7aMCjDUdrVdoB3JjZ77ug8gxJfbL    12skYi7aMCjDUdrVdoB3JjZ77ug8gxJfbL

Make a one-time Ethereum donation

 Our Ethereum wallet is{' '}  0x0ADbEf2471416BD8732cf0f3944294eE393CcAF5    0x0ADbEf2471416BD8732cf0f3944294eE393CcAF5

Make a one-time Litecoin donation

 Our Litecoin wallet is{' '}  LKu8UG8Z1nbTxnq9Do96PsC3FwbNtycf3X    LKu8UG8Z1nbTxnq9Do96PsC3FwbNtycf3X

Make a one-time Bitcoin Cash donation

 Our Bitcoin Cash wallet is{' '}  1EBxPEJWrGZWxe2UayyAsnd5VsRg5H9xfu    1EBxPEJWrGZWxe2UayyAsnd5VsRg5H9xfu

Donate to freeCodeCamp by mailing us a check

Describe the bug Some pages overflow horizontally on mobile browsers. To Reproduce Steps to reproduce the behavior: a mobile with a small enough screen (i.e. iPhone 6/7/8 in the chrome dev console) to to scroll horizontally (it should not work) on 'Show other ways to donate' to scroll Expected behavior The browser should not let you scroll horizontally. Screenshots Donate: ! Also, the welcome page: ! Desktop (please complete the following information): OS: Linux Browser chrome Version 76.0.3809.87 Smartphone (please complete the following information): Device: Galaxy S6 OS: 7.0 Browser chrome Version 76.0.3809.111
This looks like it's fixed on .dev - want to give it a quick test
Still there, I'm afraid. The wallets are too long and cause overflow. I'll have a fix in a sec.


Question: .price { text-align: right; <del> width: 25% </del> <ins> width: 25%; </ins> } --fcc-editable-region-- ```

.price { text-align: right; width: 25% } Line 156 of the file within the freeCodeCamp curriculum. Impact: While functionally harmless in modern browsers, adding the semicolon improves code consistency and maintainability. Discussion: The comments on the issue highlight: It's likely a typo since other CSS rules in the challenge have semicolons. While not strictly an error, adding the semicolon for consistency is recommended. to '' on 'Code Edit' down to 'Line 156' ; at last character The default code has not ; sign In css part It does look like a typo: ! ! Device: Laptop OS: Windows 11 Browser: edge Current Status: The issue is labeled as help wanted and type: bug. Multiple pull requests have been linked that might fix this issue: Update by sharabshrestha99 fix(curriculum): typo error on css file by brunades Additional Notes: A comment offers a reference for further details on semicolons in CSS:
it's not necessarily an error, the last rule doesn't need semicolon, but it could be for consistency yeah The list of files in which this is present is (44 files): I will open this for contribution.
Some additional context on last-rule semi-colons for those who might be interested: ! But I agree that omitting it is inconsistent with other steps and so it was likely a typo and we should fix it for consistency.
is this still open? I would like to contribute
hey We typically do not assign issues. Instead, we accept the first pull request that comprehensively solves the issue. Issues labeled with or are open for contributions. Please make sure you read . We prioritize contributors following the instructions in our guide. Join us in or if you need help contributing - our community will be happy to assist you.


Question: "Los valores deben estar redondeados al número entero más próximo. El cuerpo orbitado es la Tierra", "El radio de la Tierra es 6367.4447 kilómetros, y el valor GM del planeta es de 398600.4418 km3s-2.", "Recuerda utilizar Read-Search-Ask si te sientes atascado. Intenta programar en pareja. Escribe tu propio código."  ], "titleIt": "Mappa i detriti", "descriptionIt": [ "Ritorna un nuovo array che trasformi l'altitudine media degli elementi nel loro periodo orbitale.", "L'array conterrà oggetti in formato {name: 'name', avgAlt: avgAlt}.", "Puoi leggere riguardo i periodi orbitali su wikipedia.", "I valori devono essere arrotondati al numero intero più vicino. Il corpo attorno a cui orbitano gli elementi è la Terra.", "Il raggio della Terra è di 6367.4447 kilometri, e il valore GM della Terra è di 398600.4418 km3s-2.", "Ricorda di usare Leggi-Cerca-Chiedi se rimani bloccato. Prova a programmare in coppia. Scrivi il codice da te."  ] }, {

Advanced Algorithm Scripting () Translate the challenge Advanced Algorithm Scripting in Italian
I'll be working on this


Question: "dashedName": "bonfire-where-art-thou", "difficulty": "1.55", "description": [  "Make a function that looks through a list (first argument) and returns an array of all objects that have equivalent property values (second argument).",   "Make a function that looks through an array (first argument) and returns an array of all objects that have equivalent property values (second argument).",  "Remember to use RSAP if you get stuck. Try to pair program. Write your own code." ], "challengeSeed": [

Challenge has an issue. Please describe how to reproduce it, and include links to screen shots if possible. The instruction on the bonfire says It might be better to reword this as array since in JavaScript there is nothing called list and also it might mean different thing in different context (Data Structures!). !


Question: let x = 20; console.log(x); } <ins> myFunction(); </ins> ``` ## --answers--

The challenge or lesson asks the user to provide answer by looking at or by executing the sample code provided in front of him/her but the sample doesn't provide any output in console. When a user try that piece of code he/she should see an output in console. No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22] No response
Can I work on this and just add the myFunction(); at the end?
hi Thanks for your interest in contributing. This issue has not been triaged yet, and a solution has not been agreed upon. Once the issue is open for contribution, you are welcome to create a pull request to reflect the issue consensus. Please also note that we typically do not assign issues. Instead, we accept the first pull request that comprehensively solves the issue.
Ok, yes, it makes sense to add a function call in the code snippet. I'm opening this up for contributors to work on. This is the piece of code that needs to be changed: Please make sure you read our , we prioritize contributors following the instructions in our guides. Join us in our or our if you need help contributing; our moderators will guide you through this. Sometimes we may get more than one pull request. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.
Hi I'd like to work on this issue and submit a pull request to address it. This will be my first issue. I just wanted to know if the video-solution is correct on that page. Just seems to say '2'. Is that intentional or is it missing a zero. Either way I'll add the function call in the code snippet and send a merge req right away. Thanks!
Hey We typically do not assign issues. Instead, we accept the first pull request that comprehensively solves the issue. Issues labeled with or are open for contributions. Please make sure you read . We prioritize contributors following the instructions in our guide. Join us in or if you need help contributing - our community will be happy to assist you.


Question: # --description-- <del> Continuing with the `meta` tags, a `viewport` definition tells the browser how to render the page. Including one betters visual accessibility on mobile, and improves _SEO_ (search engine optimisation). </del> <ins> Continuing with the `meta` elements, a `viewport` definition tells the browser how to render the page. Including one betters visual accessibility on mobile, and improves _SEO_ (search engine optimisation). </ins> Add a `viewport` definition with a `content` attribute detailing the `width` and `initial-scale` of the page.

related to In the new Responsive Design curriculum the words tag and element are used interchangebly The correct use should be element and tag (or at least, element is the whole thing, tag is the one that start with and end with and can be an opening tag, a closing tag or a self-closing tag). Should this be changed in the new curriculum?
Do we have many/any incorrect uses?
actually mostly not - there is some ambiguity with in the second step of the accessibility quiz I have been hasty
My concern was with these steps, which are about meta tags
That does look like something that should be standardised. Thank you, for listing them. I am opening this issue up for first timers only. The files that need changed are listed in the above reply. What needs changed There are a few uses of the word which should be changed to . Example Original: New: Note Not all uses of the word should be changed. Example: An issue with the help wanted or first timers only label is open for contribution. The first comprehensive PR created will be reviewed and merged. We typically do not assign issues to anyone other than long-time contributors. If you would like to contribute, and have not read the contributors docs, please do so here: If you have any issues with contributing, be sure to join us on the , or on the
Hi - is it ok if i pick this up? First timer here


Question: # --description-- <del> As described in the [freeCodeCamp Style Guide](https://design-style-guide.freecodecamp.org/), the logo should retain an aspect ratio of `35:4`, and have padding around the text. </del> <ins> As described in the [freeCodeCamp Style Guide](https://design-style-guide.freecodecamp.org/), the logo should retain an aspect ratio of `35 / 4`, and have padding around the text. </ins> <del> First, change the `background-color` to `#0a0a23` so you can see the logo. Then, use the `aspect-ratio` property to set the desired aspect ratio. Finally, add a `padding` of `0.4rem` all around. </del> <ins> First, change the `background-color` to `#0a0a23` so you can see the logo. Then, use the `aspect-ratio` property to set the desired aspect ratio to `35 / 4`. Finally, add a `padding` of `0.4rem` all around. </ins> # --hints--

I saw this on the forum, and checked for myself because I was already where they were, so I figured I would just send in an issue about it. On step 9 of the Building A Quiz section () it goes over ratio, however it shows the standard formatting for ratios (35:4) and wraps it in the same formatting that is typically used when the thing should be typed in or pasted exactly the same. This is an issue because if you type it in as you would having gone through the rest of the course to this point, you get an error that you have no solution to (and are forced to go off-site to figure out why it's not working) ! The hint simply says "You should use this aspect-ratio property" which i clearly am, leading to confusion and frustration because there's no indication of what's wrong because of how the original aspect ratio was labelled. I either expected 35:4 to work, or for either the error or the step to let me know the correct formatting is "35/4" No response Device: Desktop OS: EndevourOS Browser: Firefox Version: 100.0.2 No response
Hey thank you for reporting the issue! I agree that the challenge should be improved. I'd suggest that we: Remove code highlighting for "35:4" to prevent confusion Update the "Then, use the property to set the desired aspect ratio." sentence to "Then, use the property to set the desired aspect ratio to ." Update the hint text to be more explicit in the expected ratio value
Honestly that sounds perfect to me! Main issues are just using the code fomatting in a way they have never been used before, and the hint being absolutely no help in figuring out why the issue is happening EDIT: Well I made the changes because of the help wanted but i can't actually push changes which i guess makes sense haha also if we update "Then, use the 'aspect-ratio' property to set the desired aspect ratio." to "Then, use the property to set the desired aspect ratio to " we honestly probably don't even need to update the hint text, because everything is put forward instead of behind a fail. Plus looking through the file, there's already a fail case that says "You should give the an of ."

but it looks like it only triggers when the person uses aspect-ratio correctly, but with the wrong numbers
Side note: How come we have an external link in this challenge? I thought we didn't want those.
Wait where? I don't remember there being one at all
I'm talking about the link to the style guide. I just mean external as in it takes you away from the challenge, not external as in off-site.
Oh! Good point I'm not sure haha Sent from Mailspring (), the best free email app for work
I just thought links were seen as distractions, no matter where they take you. But I guess if the point of the challenge is to follow a style guide it kind of has to be posted. Probably just out of the loop on this one.
Hello all... forgive me if I make any mistake here as it's my first time using Git ... I need help with the topic above, please. I have noticed that the question has been adjusted by FreeCodeCamp but I am getting the same error message with my CSS code below. I don't understand where the error is, what am I doing wrong? #logo { width: max(100px, 18vw); background-color: ; aspect-ratio: 35 / 4; padding: 0.4rem; } Thanks Crissy
please use the forum for asking for help, the Ask for help buttn is there just for this


Question: inputVal: 1, marginTop: -200, addElDelay: 2000, <del> msg: 'decimalToBinary(1) returns "1" (base case) and gives that value to the stack below. Then it pops off the stack.', </del> <ins> msg: "decimalToBinary(1) returns '1' (base case) and gives that value to the stack below. Then it pops off the stack.", </ins> showMsgDelay: 5000, removeElDelay: 10000, },

in step 99 of the decimal to binary project (js beta), the instructions are: Set the value of the msg property to the following string: Example Code "decimalToBinary(1) returns '1' (base case) and gives that value to the stack below. Then it pops off the stack." Note that, since the string itself contains double quotation marks, you'll need to escape them with a backslash, or use single quotation marks for your string value. The remarks at the end say we need to escape the 'double quotation marks' in the string, but the string doesn't have any double quotation marks and I'm able to copy the string as-is and submit it with success to move onto step 100. However, in step 100, the string suddenly changes in the code and becomes: 'decimalToBinary(1) returns "1" (base case) and gives that value to the stack below. Then it pops off the stack.' And now we can see the double quotes that step 99 was referring to. I'm not sure what happened between step 99 and 100 but I think it is confusing and some fix (to one or the other of these steps) is needed. The above is what I have in the editor in step 99 when I click submit and successfully move forward to step 100. N/A No response N/A No response
As I can see, in the step 99, it shows how to use single quotation marks instead of double so that the string works. And in the 100th step it makes a swap in the use of single and double quotation marks. Is there a need to make the swap in the quotation marks in step 99? As the note would then become useless and would need to be changed also
How do you explain the note? I didn’t see double quotation marks in the string that need a backlash , did you?
All I can infer from the note is that to emphasize that 1 by either "1" or '1' a backlash is required or the need to change the quotation so that it does't count that string as ending at that point. The message has chosen the latter solution.
That is not how you should interpret the note. It clearly uses present tense when it says “the string itself contains quotation marks”. This is undeniable and needs an appropriate fix.

But it's indirectly stating to use whichever method to print the required message right? Possibility1: "decimalToBinary(1) returns '1' (base case) and gives that value to the stack below. Then it pops off the stack." Possibility2: "decimalToBinary(1) returns "1 " (base case) and gives that value to the stack below. Then it pops off the stack." I just made the msg same as step 100
And for that double quotation mark, the note says as the string starts with ", it should end with ", and thus it can't use simply " for "1" and need to use '1' instead. Backlash would be another method to amend this issue as I stated in the message above.
Specifying why it's bad would be a little helpful rather than thumbs down, no?
It's a bit odd that step 100 uses single quotes for the string, while other strings in the file use double quotes instead. To simplify things, I think we could: Remove the note from step 99 Swap the quotation marks of the string from step 100 onward: -
thanks. Incorporated both of your suggestions in the linked PR.


Question:
"
" ], "challengeType": 0,  "type": "waypoint"   "type": "waypoint", "nameEs": "Obtén JSON con el método getJSON de jQuery", "descriptionEs": [ "También puedes solicitar los datos de una fuente externa. Aquí es donde entran en juego las API. ", "Recuerda que las API - o interfaces de programación de aplicaciones - son herramientas que utilizan los ordenadores para comunicarse entre sí.", "La mayoría de las API para el web transfieren datos en un formato llamado JSON. JSON significa notación de objeto JavaScript (JavaScript Object Notation).", "Tú ya has usado JSON al crear objetos en JavaScript. JSON no es más que las propiedades del objeto y sus valores actuales, intercalados entre un { y un }. ", "Estas propiedades y sus valores a menudo se denominan " pares llave-valor".", "Vamos a obtener el JSON de la API de fotos de gato de Free Code Camp.", "Aquí está el código que puedes poner en tu evento de pulsación para lograrlo:", "  $.getJSON("/json/cats.json", function(json) {", "    $(".message").html(JSON.stringify(json));", "  });", "Una vez lo añadas, pulsa el botón "Get Message". Su función Ajax sustituirá el texto "The message will go here" con la salida JSON en bruto de la API de fotos de gato de Free Code Camp." ]  }, { "id": "bb000000000000000000003",  "title":  "Convert JSON Data to HTML",   "title": "Convert JSON Data to HTML",  "description": [ "Now that we're getting data from a JSON API, let's display it in our HTML.", "We can use the .forEach() method to loop through our data and modify our HTML elements.",

[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta


Question: import Progress from '../../../components/Progress'; import GreenPass from '../../../assets/icons/green-pass'; import { Spacer } from '../../../components/helpers'; <ins> import { MAX_MOBILE_WIDTH } from '../../../../config/misc'; </ins> import './completion-modal.css'; import callGA from '../../../analytics/call-ga';

We are using the class to conditionally hide some text on mobile screens: This class comes from Bootstrap, which is something we are going to remove (). So instead of using the class, we can use an check, like this (which is also a little more consistent with how we've handled this kind of conditional rendering): Update the file to replace the class with an check. I noticed that we are using multiple methods for mobile device detection, so I think the check should be standardized, and there should be a shared util for this check. But I'm leaving this out of the scope of this issue, and will create a separate issue for it.
We typically do not assign issues. Instead, we accept the first pull request that comprehensively solves the issue. Issues labelled with or are open for contributions. Please make sure you read . We prioritize contributors following the instructions in our guide. Join us in or if you need help contributing - our community will be happy to assist you.
I already have a pull request that technically resolves this. While it is done the same way we did the lower-jaw i.e checks for a desktop instead of being mobile , it does solve the problem and pass the tests.


Question: "La función debe devolver la cadena de texto "Insufficient Funds" si el cid es menor al cambio requerido. También debe devolver "Closed" si el cid es igual al cambio", "De no ser el caso, devuelve el cambio en monedas y billetes, ordenados de mayor a menor denominación.", "Recuerda utilizar Read-Search-Ask si te sientes atascado. Intenta programar en pareja. Escribe tu propio código."  ], "titleIt": "Cambio esatto", "descriptionIt": [ "Scrivi una funzione che simuli un registro di cassa chiamata checkCashRegister() che accetti il prezzo degli articoli come primo argomento (price), la somma pagata (cash), e la somma disponibile nel registratore di cassa (cid) come terzo argomento.", "cid è un array a due dimensioni che contiene la quantità di monete e banconote disponibili.", "Ritorna la stringa "Insufficient Funds" se la quantità di denaro disponibile nel registratore di cassa non è abbastanza per restituire il resto. Ritorna la stringa "Closed" se il denaro disponibile è esattamente uguale al resto.", "Altrimenti, ritorna il resto in monete e banconote, ordinate da quelle con valore maggiore a quelle con valore minore.", "Ricorda di usare Leggi-Cerca-Chiedi se rimani bloccato. Prova a programmare in coppia. Scrivi il codice da te."  ] }, {

Advanced Algorithm Scripting () Translate the challenge Advanced Algorithm Scripting in Italian
I'll be working on this


Question: Haskell - стандартизированный, универсальный, чисто функциональный язык программирования с декларативной и сильной статической типизацией. <del> У Хаскелла есть глубокие корни в математике, и вы скоро научитесь ценить последствия этого. </del> <ins> Haskell глубоко уходит корнями в математику, скоро вы оцените его преимущества. </ins> <del> ## Версия </del> <ins> ## Версии </ins> <del> В настоящее время последняя версия GHC составляет 8,6 (по состоянию на 12 октября 2018 года) </del> <ins> В настоящее время последняя версия GHC - 8.6 (по состоянию на 12 октября 2018 года) </ins> <del> ## Монтаж </del> <ins> ## Установка </ins> <del> Рекомендуемый способ установки Haskell - использование stack: [stack download](https://docs.haskellstack.org/en/stable/README/#how-to-install) Stack - это кросс-платформенная программа для разработки проектов Haskell. Он нацелен на Haskellers как новых, так и опытных. </del> <ins> Рекомендуемый способ установки Haskell - использование stack: [stack download](https://docs.haskellstack.org/en/stable/README/#how-to-install) Stack - это кросс-платформенная утилита для разработки проектов на Haskell. Она нацелена как на опытных пользователей, так и на новичков. </ins> <del> Чтобы начать использовать Haskell, вам нужен GHC (компилятор Glasgow Haskell), поэтому для настройки: [настройка стека](https://docs.haskellstack.org/en/stable/README/#how-to-install://docs.haskellstack.org/en/stable/README/#quick-start-guide) </del> <ins> Чтобы начать использовать Haskell нужен GHC (Glasgow Haskell Compiler), поэтому для установки можно воспользоваться [этой ссылкой](https://docs.haskellstack.org/en/stable/README/#how-to-install://docs.haskellstack.org/en/stable/README/#quick-start-guide), или просто набрав в консоли: </ins> ```shell stack new my-project

We need your help in translating the contributing documentations for Arabic, Chinese, Portuguese, Russian and Spanish. There are the individual issues that you can help on, if you speak any of these: [x] Arabic: [ ] Chinese: [ ] Portuguese: [ ] Russian: [ ] Spanish: Please reach out to us in or for any queries. Happy contributing. There is still work pending on this. When you make a PR for this particular issue, do not tag it with instead just reference it with
i want to help you to translate in spanish, but i cannot see the issue
Hi I have updated the post, thanks.
Hi! I want to help you translate the contributing documentations into Chinese.
you did a great job translating the Guide README to French . Maybe you could help us translate the Contributing Doc to French if you have some time?
Hey ! I'd love to help with translating the Contributing Doc to French, I'm going to start working on it.
I'd love to help with translating the FreeCodeCamp Curriculum in Italian and Romanian, Do you know when we can start working on it and when it will be open to work on?
Hi, and thanks a lot for taking the time to contribute to At the minute we are focused to have translations only in the 5 additional languages as you see on the contributing doc. This is primarily because of the operational logistics involved in maintaining the separate platforms. We want these languages to be ready and stable before going firth with other languages. We will definitely consider additional languages in future, however we do not have any timeline on these. We will make an announcement when that happens. Thanks.
Hi Mrugesh, Thank you for getting back to me. I didn't know all of this and I just sent 2 pull requests for Creating the Romanian and Italian translation for the Contribution Guidelines. Mostly I did it after I read Quincy's article "I just got my free Hacktoberfest shirt. Here’s a quick way you can get yours.". At this point, I don't know if I should continue up to 5 pull requests as it says in the article and you just put it on the side until you are ready to go with the Romanian and Italian versions or I should try other modifications for the pull requests.I'm new myself to all of this stuff and I'm trying to learn as fast as possible.

Please let me know how you like me to proceed or what works best in your interest. Thank you. Linda Kovacs
Hi you should close those PRs. Do not worry, they will still count as valid contributions. And you should proceed with working on other areas. We apologise if this were not clarified in due time, and you had to spend your efforts on this. Thanks once again for all your contributions.
I just closed my PR and . Thank you for your help.
I can help with Arabic translation but I have a problem with Document Direction as Arabic is RTL Language. Is there a solution for this issue ?
I have some problems with my pull request for Created Italian translation for the freeCodeCamp README.MD file. Something went wrong. Could you please help me? Here is the link of the file on Github: Thank you.
I have some problems with my pull request for . Something went wrong. Could you please help me? Thank you.
I don't have any translation skills, but I fixed the links in the READMEs to go to the correct language documents that everyone is doing such an awesome job translating.
Thanks for working on the translations for the "Contributing to freeCodeCamp". Here on we are making contributing to translations for contribution docs ad hoc. You are free to make pull-requests for improving these translations. We are closing the issue as these do not need tracking per se. You can raise a fresh issue if you find something incorrect in the existing docs.


Question: * Time Complexity: O(n2) * Sorting in Place: Yes * Stable: No ### Visualization * [USFCA](https://www.cs.usfca.edu/~galles/visualization/ComparisonSort.html) * [HackerEarth](https://www.hackerearth.com/practice/algorithms/sorting/selection-sort/visualize/)

Looking for anyone proficient with C/C++ to review the imperative and declarative implementations of the algorithm in . Ideally, any person reading the guide should be able to copy this code into a file or site like and be able to compile and run the code as-is - perhaps adding a function and a test array would help make this work and help users understand better. please add any additional comments/concerns you would like addressed as well.
I already have a link that I made to test the recursive selection sort implementation snippet in that file by a PR. This link has the working code with a test array and output logs. I'll make a PR with the code I have. Since the iterative implementation just provides the body of the loop, I think I can create a function for the iterative version, and make my "main" call this too, thereby demonstrating both approaches.


Question:
"
Node1: Node2, Node3
Node2: Node1
Node3: Node1
", "Above is an undirected graph because Node1 is connected to Node2 and Node3, and that information is consistent with the connections Node2 and Node3 show. An adjacency list for a directed graph would mean each row of the list shows direction. If the above was directed, then Node2: Node1 would mean there the directed edge is pointing from Node2 towards Node1.", "We can represent the undirected graph above as an adjacency list by putting it within a JavaScript object.",  "
var undirectedG = {
  Node1: ["Node2", "Node3"],
  Node2: ["Node1"],
  Node3: ["Node3"]
};
",   "
var undirectedG = {
  Node1: ["Node2", "Node3"],
  Node2: ["Node1"],
  Node3: ["Node1"]
};
",  "This can also be more simply represented as an array where the nodes just have numbers rather than string labels.",  "
var undirectedGArr = [
  [1, 2], # Node1
  [0],    # Node2
  [2]     # Node3
];
",   "
var undirectedGArr = [
  [1, 2], # Node1
  [0],    # Node2
  [0]     # Node3
];
",  "
", "Create a social network as an undirected graph with 4 nodes/people named James, Jill, Jenny, and Jeff. There are edges/relationships between James and Jeff, Jill and Jenny, and Jeff and Jenny." ],

Coding Interview Data Structure Questions: Adjacency List There is a typo in the description of this challenge. I actually created a YouTube video about Graphs and I used information from this challenge description in the video. Then I made a popular Medium article about Data Structures that linked to all my videos. That is when I realized the issue. People are great at pointing out your mistakes in comments on the internet. :) Here is the part with the typo. The description shows how to represent the following as JavaScript code: The code representation is incorrect. Here it is: The 4th line should actually be . And then later there is the code: The 4th line should actually be .
I would like to fix this issue myself.