Question: ], "tests": [ "assert($(".btn-default").length === 0, 'Remove the btn-default class from all of your button elements.')",  "assert(editor.match(/btn btn-default/g), 'Only use jQuery to remove this class from the element.')"   "assert(editor.match(/btn btn-default/g), 'Only use jQuery to remove this class from the element.')", "assert(editor.match(/.[vs]*removeClass[sv]*([sv]*('|")s*btn-defaults*('|")[sv]*)/gm), 'Only remove the btn-default class.')"  ], "challengeSeed": [ "fccss",

Challenge has an issue. The instructions were: "Let's remove the btn-default class from all of our button elements. Here's how you would do this for a specific button, add $("#target2").removeClass("btn-default");" But even before I typed in "btn-default", it said my answer was already correct:
Dear camper, your issue is a duplicate and already fixed: Please see .

Challenge has an issue. Please describe how to reproduce it, and include links to screenshots if possible. the challenge was marked as finished even with just $("button").removeClass it should be marked as finished with $("button").removeClass("btn-default");
Reference to Spec says specifically However this works as well According to spec should not be possible, only . Also does not check wether was removed only from elements, as described above.
Dear camper, your issue is a duplicate and already fixed: Please see .

Challenge has an issue. Please describe how to reproduce it, and include links to screenshots if possible. Expected passing code: $("button").removeClass("btn-default"); Exercise automatically passes with: $("button").removeClass();
Well, technically removes the class. :)
Yep technically it works but removeClass() removes all class whereas removeClass('btn-default') is more specific. Just a minor thing.
Dear camper, your issue is a duplicate and already fixed: Please see .

Challenge has an issue. right now, whenever the camper write the removeClass() function -even before specifying the class he/she wants to be removed-. the application automatically marks the challenge as completed. The reason: when the parameter isn't specified to removeClass() function it removes ALL classes of the selected element, which means that the "btn-default" class (as required by the challenge) is going to be removed but the problem is that it will remove all other classes at the same time. I think the test should make sure that other classes still to the element while "btn-default" is removed. !
Same thing happened to me just now, using Google Chrome on Windows 10.
Dear camper, your issue is a duplicate and already fixed: Please see .

Challenge has an issue. You can complete the waypoint by simply calling removeClass() on all of the button elements without specifically removing "btn-default". !
Dear camper, your issue is a duplicate and already fixed: Please see .

Challenge has an issue. The Challenge is marked as complete even if the required tasks are not completed successfully. Refer to the screenshot: ! Just adding the removeClass(without any parameters) on the jQuery selector marks the task as complete. Thank you. :smile:
I have the same issue but for me i can go to the next challenge although not all tests passed. !
Dear camper, your issue is a duplicate and already fixed: Please see .

Challenge has an issue. Please describe how to reproduce it, and include links to screenshots if possible. !. It has to control if the user has really removed the btn-default class. You can in the screenshot that it accepts the code even though i have not inserted btn-default in the removeClass() function
Thanks Confirmed, challenge is marked completed with incorrect answer


Question:
 ))}
  <Spacer />
Additional Learning:

 <Link state={{ superBlock: interviewPrep }} to={`/learn`}>
{interviewPrep}
 </Link>

  </Col> </Row> <Spacer />

On the home page, it lists the section as a certification.... ! Maybe remove that since there's no cert for it?
Yes, you are correct. I will defer to for the correct categorization for this.
We could change the font size of this. Then it would be visually distinct from the other items in this list.
We can indent the list belonging to same category. And make change in font style Like this way:- Certifications:       <a href="#"Responsive Web Design</a      <a href="#"JavaScript Algorithms and Data Structures</a      <a href="#"Front End Libraries</a      <a href="#"Data Visualization</a      <a href="#"APIs and Microservices</a      <a href="#"Information Security and Quality Assurance</a<a href="#"Coding Interview Prep</a
I'm not sure I like either of these solutions - it seems like it might just make a user ask themselves something like: "what's with that last one?" - And not be quite clear enough that it is not a cert. What about something a little more specific... Certifications:   <a href="#"Responsive Web Design</a  <a href="#"JavaScript Algorithms and Data Structures</a  <a href="#"Front End Libraries</a  <a href="#"Data Visualization</a  <a href="#"APIs and Microservices</a  <a href="#"Information Security and Quality Assurance</aAdditional Challenges:   <a href="#"Coding Interview Prep</a


Question: <ins> --- title: Create a dummy file with a specific size --- ## How to create dummy files with a specific size using the "dd" command: The "dd" command can be used to create a file of a specific size. This is useful if you would like to test download speeds, or any other tests, and need a file of a specific size. ``` dd if=/dev/zero of=file_name.txt bs=1024k count=10 ``` This will create a file of 1MB called file_name.txt. bs is your byte size and count represent the number of blocks. An easy way to look at is 1024K X 10. Here is an even simpler way to create a 1MB file: ``` dd if=/dev/zero of=file_name.txt bs=1MB count=1 ``` </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: The directory below is meant to say 'create-file-with-specific-size'. Specific is misspelled as 'sepcific'. Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Browser Version: Operating System: If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box):
i am taking this issue


Question: import { bindActionCreators } from 'redux'; import { connect } from 'react-redux'; import { createSelector } from 'reselect'; <ins> import format from 'date-fns/format'; </ins> import { Grid, Row, Col, Image, Button } from '@freecodecamp/react-bootstrap'; import FreeCodeCampLogo from '../assets/icons/freeCodeCampLogo'; // eslint-disable-next-line max-len

Describe the bug New certificate displays incorrect date. To Reproduce Steps to reproduce the behavior: I can't say I'm really sure of the steps - I claimed the certificate just a few moments ago, and it is still 3 July 2020 local time. The certificate shows "Issued July 4, 2020" however. Expected behavior Certificate earned date should be based on local time? Screenshots ! Desktop (please complete the following information): OS: Windows 10 v. 1909 Browser: Chrome Version: 83.0.4103.116 Additional context The Quality Assurance certification had no such issue.
Is this reproducible locally?
when Date constructor is called on the server-side it outputs date in UTC, right?
timezones are tricky, but the server creates a object and then stores that. There's no timezone information stored with it, so the date sent back is just i.e. the UTC date.
Indeed - timezones are tricky. Thanks for confirming that datetime given back by Node is in UTC. I saw the above code just now. You are absolutely correct I looked at GitHub profile, he lives in USA. Timezone of USA is UTC -4 hours. What I think might be the case here is that might have claimed the certificate after 3 July 2020 8:00 PM. Adding four hours to 3 July 2020 8:00 PM brings it in UTC timezone which gives us date of 4 July 2020. Can you confirm this Do you remember at what time you claimed the cert? What do you think about all this
There are 3 time zones (PST, CST - GMT-6, EST ) in the mainland US or 5 times zone if you include Alaska (GMT-8) and Hawaii (GMT-10). It also depends on the time of year, because of DST (Daylight Savings Time).
I am in the Pacific Timezone, which is currently PDT (due to Daylight Savings Time). I claimed the certificate in question at approximately 17:18 PTD, which translates to 00:18 UTC (pushing the time into the next day). This may be the source of that bug.
oh my god. Timezones are actually complex. Amazing - I believe we have found the source of this bug.

IMO, the best solution to this issue will be to append "UTC" to the issued date to make things clear for users. Going after local time will involve getting timezone from users via settings and then querying db for their timezone while claiming cert. This'll be bad in terms of UX as well as perf. So, let's add UTC at the end of issued date... what do you all think?
We should be able to allow users to set a timezone in their user profiles for the correct offset.
Is this in line with what we are wanting: ! ! Or, would something more explicit be necessary?
Something more along the lines of the snippet here:
, Would it be beneficial for a JSON file to be made in the api-server directory, in case the values need to be referenced elsewhere in the platform?
Even if they're only used in one place, it would be better to have the data imported from a separate file. It's just less cluttered that way.
Just so its clear about the implementation, we will need to store the timezone on the user record, and do any computation of the display on the client only.
Just so its clear about the implementation, we will need to store the timezone on the user record, and do any computation of the display on the client only. Thank you, for this clarification. Makes it easier, I suppose.


Question: # --description--  As a reminder, this project is being built upon the following starter project on ,Replit  or cloned from GitHub.   As a reminder, this project is being built upon the following starter project on Replit  or cloned from GitHub.  `deepEqual()` asserts that two objects are deep equal.

Just transcribing issues from crowdin. In this line: There is an extra comma before the anchor element that has to be removed. In this line: There is an incorrect use of parenthesis. It should become 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: List of files: 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.
Hey, I would like to work on this.


Question:
}) { const renderCertShowWithUsername = curry(renderCertShow)(username); return (  <FullWidthRow>   <FullWidthRow className='certifications'>
freeCodeCamp Certifications

 {hasModernCert ? (

!
Could you give a link to the page as then it might be easier to solve the issue?
This should be the case on the user's profile page. You can reproduce by setting the certificate keys to true in the user object.
I could work on this!
I am already working on it.
Thanks for letting me know!
a reasonable fix would be to give the grid that contains the profile a class and on the css, change the button under that class and have . you will end up with something like this. here it is on small and large screens <img width="681" alt="screen shot 2019-02-22 at 2 18 10 pm" src="https://user-"<img width="1095" alt="screen shot 2019-02-22 at 2 17 53 pm" src="https://user-"
Similar solution could be applied to these donate buttons probably. but the selectors should be very specific not to change the styling on other buttons in the platform. <img width="669" alt="screen shot 2019-02-23 at 2 09 14 pm" src="https://user-"<img width="502" alt="screen shot 2019-02-23 at 2 08 51 pm" src="https://user-"
Hey or Can you take this up? just updated us that he will be a bit busy with other things.
I'm on it


Question:
--- ## Introduction to the Managing Packages with npm Challenges  The Node Package Manager (npm) is a command-line tool used by developers to share and control modules (or packages) of JavaScript code written for use with Node.js.

When starting a new project, npm generates a package.json file. This file lists the package dependencies for your project. Since npm packages are regularly updated, the package.json file allows you to set specific version numbers for each dependency. This ensures that updates to a package don't break your project.

npm saves packages in a folder named node_modules. These packages can be installed in two ways:

globally in a root node_modules folder, accessible by all projects.

locally within a project's own node_modules folder, accessible only to that project.

Most developers prefer to install packages local to each project to create a separation between the dependencies of different projects. Working on these challenges will involve you writing your code on Glitch on our starter project. After completing each challenge you can copy your public Glitch url (to the homepage of your app) into the challenge screen to test it! Optionally you may choose to write your project on another platform but it must be publicly visible for our testing.
Start this project on Glitch using this link or clone this repository on GitHub! If you use Glitch, remember to save the link to your project somewhere safe!   The Node Package Manager (npm) is a command-line tool used by developers to share and control modules (or packages) of JavaScript code written for use with Node.js.

When starting a new project, npm generates a package.json file. This file lists the package dependencies for your project. Since npm packages are regularly updated, the package.json file allows you to set specific version numbers for each dependency. This ensures that updates to a package don't break your project. npm saves packages in a folder named node_modules. These packages can be installed in two ways: 1. globally in a root node_modules folder, accessible by all projects. 2. locally within a project's own node_modules folder, accessible only to that project. Most developers prefer to install packages local to each project to create a separation between the dependencies of different projects. Working on these challenges will involve you writing your code on Glitch on our starter project. After completing each challenge you can copy your public Glitch url (to the homepage of your app) into the challenge screen to test it! Optionally you may choose to write your project on another platform but it must be publicly visible for our testing. Start this project on Glitch using this link or clone this repository on GitHub! If you use Glitch, remember to save the link to your project somewhere safe!

<img width="682" alt="Screen Shot 2020-02-03 at 7 30 48 PM" src="https://user-"For some reason, the font changes halfway down this introduction. . I don't see the problem at first glance. Probably just a spacing issue or something.
Hi . It looks like the problem caused by HTML tags in the text. I removed them and it looks better. Please check PR.


Question: import { isSignedInSelector, currentChallengeIdSelector, <ins> openDonationModal, showDonationSelector, </ins> updateComplete, <del> updateFailed </del> <ins> updateFailed, userSelector </ins> } from '../../../redux'; import { post } from '../../../utils/ajax';

Donate modal is rendered/animated twice when invoked
Steps to reproduce. Complete at least 9 challenges. See modal once per session.
alternatively, change this line to true and get the modal after completion of each challenge.
Just in case someone tackle this before I get back to it. it seems like the app gets updated after the donate modal is up. so that might be causing the flashing. redux devtools actions order: <img width="338" alt="screen shot 2019-02-22 at 6 46 38 pm" src="https://user-"devtoolds error: <img width="642" alt="screen shot 2019-02-23 at 12 19 40 pm" src="https://user-"and here is where the modal is being called:


Question: tests: - text: intRightTriangles(500) should return 420. testString: assert(intRightTriangles(500) == 420);  - text: intRightTriangles(800) should return 420. testString: assert(intRightTriangles(800) == 420);   - text: intRightTriangles(800) should return 720. testString: assert(intRightTriangles(800) == 720);  - text: intRightTriangles(900) should return 840. testString: assert(intRightTriangles(900) == 840); - text: intRightTriangles(1000) should return 840.

<!-- 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: # --description-- <del> You need to determine whether the task being added already exists or not. If it doesn't exist, you will add it, and if it already exists, you will set it up for editing. You can use the `findIndex()` method to accomplish this. </del> <ins> You will need to determine whether the task being added to the `taskData` array already exists or not. If the task does not exist, you will add it to the array. If it does exist, you will update it. To accomplish this, you can use the <dfn>findIndex()</dfn> method. </ins> <del> `findIndex` is an array method that lets find the index of the first element in an array that satisfies a given testing function. </del> <ins> The `findIndex()` array method finds and returns the index of the first element in an array that meets the criteria specified by a provided testing function. If no such element is found, the method returns `-1`. </ins> Here's an example: ```js <del> const numbers = [3, 1, 5, 6, 10, 9, 8]; const firstEvenNumIndex = numbers.findIndex((num) => num % 2 === 0); </del> <ins> const numbers = [3, 1, 5, 6]; const firstNumLargerThanThree = numbers.findIndex((num) => num > 3); </ins> <del> console.log(firstEvenNumIndex); // Output: 3 – because the first even number (6) is at index 3 </del> <ins> console.log(firstNumLargerThanThree); // prints index 2 </ins> ``` <del> Declare a `dataArrIndex` variable using `const` and set it to the result of the `findIndex()` method applied to the `taskData` array. Utilize arrow syntax to provide a callback function with `item` as the parameter, and within the callback, check if the `id` property of `item` is equal to the `id` property of `currentTask`. </del> <ins> Use `const` to declare a variable called `dataArrIndex` and assign it the value of `taskData.findIndex()`. For the `findIndex()` method, pass in an arrow function with `item` as the parameter. </ins> <del> If the task exists, this returns the index, and if it doesn't exist, it returns `-1`. </del> <ins> Within the arrow function, check if the `id` property of `item` is strictly equal to the `id` property of `currentTask`. </ins> # --hints--

Instructions text says "findIndex is an array method that lets find the index of the first element in an array that satisfies a given testing function." Following the style of previous similar statements in the course, "lets find" should probably say "lets you find". "lets you find" instead of "lets find" No response Device: laptop OS: Windows 11 Browser: Chrome Version: 120 No response
Hey ! That's a good catch. But after reading through the directions there are a few things that could be cleaned up to simplify it a bit and there are a few things missing like the markers to indicate a new term is being introduced. Let's go with this revised description js const numbers = [3, 1, 5, 6]; const firstNumLargerThanThree = numbers.findIndex((num) =num 3); (firstNumLargerThanThree); // prints index 2 ` I'll go ahead and open this up for contribution.


Question: <Button block={true} bsStyle='primary' <del> className='btn-cta' </del> id='confirm-donation-btn' type='submit' >

Looking forward for reporting a security issue: Please report security issues by sending an email to instead of raising a GitHub issue. Describe the bug The heights of the SVG files on the landing page vary, which causes the certification chart to look inconsistent. To Reproduce <img width="946" alt="zoomfloatingvideowindowandLearntoCode—ForFree—CodingCoursesforBusyPeople" src="https://user-"Desktop (please complete the following information): OS: Mac Browser: Chrome Version: Version 88.0.4324.96 (Official Build) (x86_64)
Hi Quincy, I let know about this already.
in min height, so should take care of it.


Question:
  --fcc-editable-region--  No Copyright - freeCodeCamp.org
No Copyright - freeCodeCamp.org
  --fcc-editable-region--

Users often delete the text or include it inside of the anchor text. Could we add a line to the instructions preventing this error? Common errors: Target solution: There should be a way to prevent these common errors. No response All No response
I'm happy to work on and fix this issue
While we are at it, I move that we include the opening and closing tags in the active editor region. I've see several people add these tags because they don't realize they are already there since they are in the gray area, far removed from the white editor region.
+1 to adding the p to the editable region
Just helped someone in the forums who extra tags on this step. Definitely need to put them in the editable region.
I am down to test moving them to the editor area first, if the issue persists, we can add new line After all, this looks like it's cased by a confusion If you would like to fix this issue, please make sure you read , we prioritize contributors following the instructions in our guides. Join us in or if you need help contributing, our moderators will guide you through this.
I think I tried everything and it doesnt work
This isn't a location for help. You should use the Ask for Help button or go to the forum at


Question:
## Quick references articles  1. How to work on Guide articles. 2. How to work on Coding Challenges. 3. How to setup freeCodeCamp locally. 4. How to catch outgoing emails locally.   1. How to work on Guide articles.
 2. How to work on Coding Challenges.
 3. How to setup freeCodeCamp locally.
 4. How to catch outgoing emails locally.  ## Style guides  1. Style guide for creating guide articles. 2. Style guide for creating coding challenges.   1. Style guide for creating guide articles.
 2. Style guide for creating coding challenges.  ## Quick commands reference when working locally

The 3 example links for properly named titles under Title Section in style guide for guide articles are broken. click on this link to get to the issue
May I take this one?


Question: # --description-- <del> A `while` loop is another kind of loop that runs a portion of code until a specified condition is `True`: </del> <ins> A `while` loop is another kind of loop that runs a portion of code as long as a specified condition is `True`. The loop terminates when the condition becomes `False`: </ins> ```py while condition:

Example Code Below the expenses list, create a while loop. Use True for the condition, and print the string 'nExpense Tracker' inside the loop body to show the title of the program. Highlighted portion should instead be changed to False, since while loops terminate when their condition is false.
As an alternative "A while loop is another kind of loop that runs a portion of code until a specified condition is <b</b:"
My suggestion for clarity "A while loop is another kind of loop that runs a portion of code a specified condition is ."
I would go with:


Question:
"The following code is an example of using filter to remove array elements that are equal to five:", "Note: We omit the second and third arguments since we only need the value", "
array = array.filter(function(val) {
  return val !== 5;
});
",  "Use filter to remove all elements from oldArray that are greater than 5."   "Use filter to filter out all elements from oldArray that are greater than 5 and store the results into newArray.  oldArray should not change."  ], "challengeSeed": [ "var oldArray = [1,2,3,4,5,6,7,8,9,10];",  "var newArray = [];",  "", "// Only change code below this line.", "",  "newArray = oldArray;"   "var newArray = oldArray;"  ], "tail": [ "(function() {return newArray;})();" ], "tests": [  "assert.deepEqual(newArray, [1,2,3,4,5], 'message: You should have removed all the values from the array that are greater than 5.');",   "assert.deepEqual(oldArray, [1,2,3,4,5,6,7,8,9,10], 'message: You should not change the original array.');", "assert.deepEqual(newArray, [1,2,3,4,5], 'message: You should have filtered out all values from the array that are greater than 5.');",  "assert(editor.getValue().match(/array.filters*(/gi), 'message: You should be using the filter method to remove the values from the array.');", "assert(editor.getValue().match(/[1,2,3,4,5,6,7,8,9,10]/gi), 'message: You should only be using filter to modify the contents of the array.');" ],

There are two exercises dealing with JavaScript array functions that don't change the original array (.map and .filter). It is very confusing to a learner whether to modify the existing array or to assign the results to a separate array. Here's a snippet from The test assertions are all on , meaning it doesn't matter if was changed at all. I have two suggestions, either of which should make these exercises less confusing: Remove all references of and make the test assertions on or Reword the goal statement to : Update the starter code to : This concept would apply to both:
I like suggestion number two :+1:


Question: In this project, you'll build an app that will search for Pokémon by name or ID and display the results to the user. To retrieve the Pokémon data and images, you'll use freeCodeCamp's PokéAPI Proxy.  **Note:** The first 13 steps must be completed inside the `index.html` file.  **Objective:** Build an app that is functionally similar to https://pokemon-search-app.freecodecamp.rocks **User Stories:**

The test "Build a Pokémon Search App Project - Build a Pokémon Search App" has some stories that require me to have certain elements with specific IDs to be present in the project. Now, nowhere does it say that those elements must strictly be present in the file. So, when I created those elements with the exact Id-naming requirements in The test did not pass. I think the tests should pass as long as the elements are present in the project regardless of the file they are in. / file: / body{ background-color: black; color: white; } Expected the code to pass since the required elements were present in the project. No response Browser: Microsoft Edge [Version 127.0.2651.105 (Official build) (64-bit)] I am only talking about the tests 3 to 13 here. Ignore other tests as I have not completed the project as of submitting this request.
It's not as much in which file they are, but at which point they are present on page. Tests 3-13 are using similar wording as tests 1 & 2. 1 & 2 clearly must be present on load to be able to fulfill further tests. Similarly tests 14+ are very clear that specific actions must be taken before result can be checked. That's not a case for 1-13 tests.
I understand that the wording is similar but in both the modules of API in "JavaScript Algorithms and Data Structures (Beta)", the elements are created in the and not in the So, when the elements created in the "Build a Pokémon Search App Project" in do not pass, It seems counter-intuitive to teach that in the first place. Also, it makes the test seem more rigid than flexible on methods.
Thank you for your feedback, I see how this might be a bit confusing. We should add a second note: Please note that the first 13 steps must be completed inside the file. We should put this note above the user stories.


Question: runTestInTestFrame(document, testString, testTimeout); } <del> export function buildDOMChallenge({ files, required = [], template = '', theme = `` }) { </del> <ins> export function buildDOMChallenge({ files, required = [], template = '' }) { </ins> const finalRequires = [...globalRequires, ...required, ...frameRunner]; const loadEnzyme = Object.keys(files).some(key => files[key].ext === 'jsx'); const toHtml = [jsToHtml, cssToHtml];

I did not see anyone raising this issue, but I don't think the background of the preview in default or night mode should be anything other than white unless the coding exercise specifically changes the background to something else. The preview should be exactly what you would see in a browser. In almost all the challenges, the background would be white. !
I share your concerns The reason we changed the color of the display is that a white display is discomforting to the eye on night mode when everything else is dark. so we injected some styles to harmonize the view in general. That convention was carried over to light mode.
It might be better to default to white in light mode, same as the editor. As for night mode, some of the css challenges might need some changes to look reasonable in both modes. For instance, in night mode, looks like this: ! If we change the seed code to it would become ! It would have to be case-by-case, though.
That is a very good point. I will defer this to
Logically, I have to agree with - displaying anything other than what the code in the editor would produce might confuse campers. But it is a little rough on the eyes to have the white background on night mode. And the current theme looks a lot better - so it's a tough call. I scrolled through a number of challenges, and there's quite a few that don't look right with the blue background. So there might be a decent amount of work to go through and fix all of them.
I really like the new theme, but a preview should be a true preview. We want to make this like the real world. Developers working in some kind of night mode on their favorite local editors, still expect to check the "real" result of the code they have written on a browser or in a preview mode in their local editors. The night mode should only apply to the editor or the non-preview part of the FCC site. Anything else is just not realistic.
The preview should be white.
I agree with everyone here on this thread. The preview should remain white. Note that soon the preview won't always be there on the right side "brightening up" the user interface and ruining people's night mode experience.

Soon we will have a single column layout where you the preview only shows up when you click a button to show it, or it loads in a separate tab. - could you update the styling on this so that the preview area is unaffected by our styling?
Definitely.


Question: "develop": "npm-run-all build:curriculum -p develop:*", "develop:client": "npm run build:curriculum && cd ./client && npm run develop", "develop:server": "npm run predevelop && cd ./api-server && npm run develop", <del> "docs:serve": "docsify serve ./docs -o --port 3200", </del> <ins> "docs:serve": "docsify serve ./docs -o --port 3400", </ins> "e2e": "npm run e2e:dev:run", "e2e:dev:run": "start-test develop ':3000/status/ping|8000' cypress:dev:run", "e2e:dev:watch": "start-test develop ':3000/status/ping|8000' cypress:dev:watch",

The documentation opens on port 3200 The challenge editor uses ports 3200/3300 There is a clash there. It may need to move one of the two
What do we have to change to fix this issue?
Heya The quickest fix would probably be to change this line: Replacing 3200 with 3400.
And here! So the documentation is updated together
I can make this change if you wouldn't mind!
Thanks for your interest in contributing! You've already contributed to our codebase, however - we prefer to leave issues for folks who are new to our codebase so they have a chance to familiarise themselves.
that's fair! I guess now I know how to do it so it wouldn't make sense for me to contribute.
Reopened because the docs section still need to be updated If you're going to update the docs, update the English file only
is this issue still open
yes the docs tells people to expect port:3200, while we are using port:3400, which may cause confusion. opening a pull request to change the docs will solve this issue for good
do you mind checking it again ,because I think it has already been edited its showing 3400 now
no worries, can you link the change because the documents is talking about port:3200 Here is the docs, that I am talking about
I was talking about the main branch ,the link you sent just now ,it is not main branch
so do I have to make changes in this branch ??
Nope, I was simply confused


Question:
"intro": [ "Node.js is a JavaScript runtime that allows developers to write backend (server-side) programs in JavaScript. Node.js comes with a handful of built-in modules — small, independent programs — that help with this. Some of the core modules include HTTP, which acts like a server, and File System, a module to read and modify files.", "In the last set of courses you learned to install and manage packages from npm, which are collections of smaller modules. These packages can help you build larger, more complex applications.",  "Express is a lightweight web application framework, and is one of the most popular packages on npm. Express makes it much easier to create a server and handle routing for your application, which handles things like direct people to the correct page when they visit a certain endpoint like
/blog
.",   "Express is a lightweight web application framework, and is one of the most popular packages on npm. Express makes it much easier to create a server and handle routing for your application, which handles things like directing people to the correct page when they visit a certain endpoint like
/blog
.",  "In this course, you'll learn the basics of Node and Express including how to create a server, serve different files, and handle different requests from the browser." ] },


Question: --- <del> The link's has the mouse is over it. </del> <ins> The mouse cursor is over the link. </ins> ---

I'm not sure how to fix this sentence, probably or ?
is pretty clear.
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.


Question: isSignedIn: PropTypes.bool, stripe: PropTypes.shape({ createToken: PropTypes.func.isRequired <del> }) </del> <ins> }), theme: PropTypes.string </ins> }; const initialState = { donationAmount: 500,

Describe the bug ! The input text on the darkmode version of the donate page () are not readable so you cannot see what you are typing. To Reproduce Steps to reproduce the behavior: to '' with darkmode enabled. on the input labled 'Your Card Number:' and enter some numbers. entered input is not readable as the color of the input text is the same as the background-color of the input. bug applies to the credit card expiration and CVC inputs. ! Desktop (please complete the following information): OS: Win10 Browser Brave/Chrome/Firefox


Question: "nameEs": "Agrega iconos de Font Awesome a los botones", "descriptionEs": [ "Font Awesome es una librería de iconos muy conveniente. Estos iconos son imágenes vectoriales, almacenadas en formato .svg, y son tratados como si fueran fuentes. Puedes especificar su tamaño usando pixeles, y tomarán el tamaño de fuente de su elemento HTML padre.",  "Puedes añadir Font Awesome a cualquier aplicación sólo incluyendo y agregando el siguiente código al comienzo de tu HTML:", "<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>", "En este caso, ya lo hemos agregado por tí a esta página tras bambalinas.", "El elemento i originalmente era usado para hacer textos en itálicas, pero ahora comunmente se usa para iconos.  Le agregas clases de Font Awesome al elemento i para convertirlo en un ícono, por ejemplo:", "<i class="fa fa-info-circle"></i>",  "Usa Font Awesome para agregar un icono de "pulgar arriba" thumbs-up a tu botón de like dándole un elemento i con las clases fa y fa-thumbs-up." ] },

[ ] Use Responsive Design with Bootstrap Fluid Containers [ ] Make Images Mobile Responsive [ ] Center Text with Bootstrap [ ] Create a Bootstrap Button [ ] Create a Block Element Bootstrap Button [ ] Taste the Bootstrap Button Color Rainbow [ ] Call out Optional Actions with Button Info [ ] Warn your Users of a Dangerous Action [ ] Use the Bootstrap Grid to Put Elements Side By Side [ ] Ditch Custom CSS for Bootstrap [ ] Use Spans for Inline Elements [ ] Create a Custom Heading [ ] Add Font Awesome Icons to our Buttons [ ] Add Font Awesome Icons to all of our Buttons [ ] Responsively Style Radio Buttons [ ] Responsively Style Checkboxes [ ] Style Text Inputs as Form Controls [ ] Line up Form Elements Responsively with Bootstrap [ ] Create a Bootstrap Headline [ ] House our page within a Bootstrap Container Fluid Div [ ] Create a Bootstrap Row [ ] Split your Bootstrap Row [ ] Create Bootstrap Wells [ ] Add Elements within your Bootstrap Wells [ ] Apply the Default Bootstrap Button Style [ ] Create a Class to Target with jQuery Selectors [ ] Add ID Attributes to Bootstrap Elements [ ] Label Bootstrap Wells [ ] Give Each Element a Unique ID [ ] Label Bootstrap Buttons [ ] Use Comments to Clarify Code
Working on this one


Question: import './searchbar-base.css'; import './searchbar.css'; <del> // Configure react-hotkeys to work with the searchbar configure({ ignoreTags: ['select', 'textarea'] }); </del> const propTypes = { innerRef: PropTypes.object, isDropdownEnabled: PropTypes.bool,

Describe the bug Entering 'n' or 'p' in the solution URL of projects takes me back to the previous('p') or next('n') challenge. To Reproduce to any project section where URL is required 'n' or 'p' in the URL field Expected behavior This should only happen when the text field is not in focus. Desktop (please complete the following information): OS: Windows 10 Pro 32 Bit Pro Browser: Chrome Version: 77.0.3865.90


Question: ], "tests": [ "assert($("body").css("background-color") === "rgb(255, 0, 0)", 'Give your body element the background-color of red.')",  "assert(editor.match(/#FF0000/g) && editor.match(/#FF0000/g).length > 0, 'Use the hex code for the color red instead of the word red. For example body { color: #FF0000; }.')"   "assert(editor.match(/#FF0000/ig) && editor.match(/#FF0000/ig).length > 0, 'Use the hex code for the color red instead of the word red. For example body { color: #FF0000; }.')"  ], "challengeSeed": [ "

! Same with the other waypoints that ask for a hex code that includes alpha chars.
Green worked fine.. blue has case issue.


Question: .universal-nav a.translations-link { visibility: hidden; } <ins> body .content { max-width: 100%; } </ins> } /****** Cover Page ******/

<!-- NOTE: If you want to become an author on freeCodeCamp, you can find everything here: --<!-- If you are reporting an issue with an article on our News publication, please follow this link to send an email to our editorial team --Describe your problem and how to reproduce it: Viewing Documentation in mobile view as shown in bellow image the content is narrower. Need to make the content little more wider for easy readability. This is also true in landscape view lot of empty space left both sides. Add a Link to the page with the problem: Recommended fix, suggestions (how would you update it?): If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box): ! !
Thanks for the report I agree that margins are too wide. Would you be interested in creating a PR to fix this?
sure will work on this issue


Question: When an element is selected, the Styles tab will show all the currently applied styles, as well as any styles that are being overwritten (indicated by a strikethrough of the text). For example, if you use the inspector to click on the “Your Career in Web Development Starts Here” header on the The Odin Project homepage, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below:  # --assignment-- Play around with Chrome Dev Tools and see if you can answer the following question.

The Assignment section is not displayed correctly. <img width="707" alt="Screenshot 2024-09-06 at 07 11 32" src="" Add an empty line between these:
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.


Question: superBlock, t, theme = Themes.Default, <ins> showCodeAlly, </ins> user, fetchUser, updateAllChallengesInfo

The page gets stuck and goes blank with you leave the relational database challenges. to 'Start the course' the fCC logo/button in the nav goes blank and nav disappears Page not to go blank. Clicking fCC logo should go to /learn No response Same on Chrome and Firefox Console errors: <img width="671" alt="Screen Shot 2023-02-16 at 11 44 19 AM" src="https://user-"


Question: <div id='js-seed'> ```js <del> // The global variable var globalTitle = "Winter Is Coming"; </del> // Only change code below this line function urlSlug(title) {

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --In the exercise, one of the condition is "The globalTitle variable should not change." but it returns an error if you modified the var (for debugging) at the top, even if your function doesn't mutate it. The verification should be that the initial globalTitle variable is the same as the final one, instead of simply looking to match it to a string. Add a Link to the page with the problem:
Hello there, Ideally, I agree, the tests would be robust enough to account for something like this. However, there is usually a reason for the comments, and users should not expect their code to pass, if they ignore this. If others agree to change this, I would not be opposed to the first test being removed. I cannot see it being used in any meaningful way in the seed.
I would argue that, as this lesson comes after the section, users should be somewhat comfortable with using . Changing a global variable's hard-coded value seems like a less practical debugging method than logging a function call with the argument value to debug. Additionally, as mentioned, the is present to indicate which portions of the seed code should not be modified.
for debugging purposes, instead of changing a variable you are told to not change you should change the function call, wiritng there but, yeah, it's a thing that trips many up. But dealing with small details is also something that should be learned
I believe the original purpose of the global variable was to actually pass a variable with a known value () to the function and validate that the function does not mutate it. However, the tests do not even check for this case. Such a test would look like: As states, the user should be writing their own calls to the function to test it, instead of changing the global variable. One way to possibly handle this, would be to remove the global variable declaration and use something similar as I mentioned above: I would argue, this kind of test should be to all the functional programming challenges, since this is one of the main concepts to learn.
I can go ahead and submit a PR if we'd like to go this route.
can a string even be mutated in that way? shouldn't strings be immutable and so that is not possible in any case?

the test should be to make sure the user reference function parameter instead of a global variable even if the global variable is present, I think To see if passed in argument is not mutated should be a thing to check with arrays and objects, as those are mutable
you are correct that strings are immutable, but it is possible to reassign the value of the variable within the function (which is bad practise, thus the reason for the test I believe).
I mean if the global variable is removed from the editor you can't change a global string by operating on function parameter, right?
Correct - if we remove the global variable entirely, then it cannot be modified. If we leave it, it can only be modified by assigning the value to that variable name within the function. However, in general it is bad practise to modify the values of a function's arguments directly - with strings, it is less harmful than it is with arrays, but I believe that was the intent behind this particular test case. !
I should not have used the word "mutable". Looking at the challenge again, I think it would be fine to remove the global variable all together as it is not used in any other test (except the first). So, my suggestion is to remove the declaration and remove the first test, unless someone else can find a good reason to keep them.
I have some errands to run, but can submit a PR later this evening. If anyone else would like to tackle this before then, let me know and I'll gladly step back and give you the opportunity!
I would like to work on this issue, if that's okay with you .
By all means, go ahead! As a note, issues labelled with the "help wanted" tag (like this one) don't require permission before submitting a PR - I only made my earlier comment to ensure my interest didn't deter other contributors. Feel free to let me know if you have any questions!


Question: </main> --fcc-editable-region-- <footer> </footer> --fcc-editable-region-- </div>

While I was replying to a forum question, I realised that step 65 of the Cafe Menu section accepts an incorrect answer. The challenge is to nest an anchor element inside a element, like this: But the student had nested the p element inside the anchor element, like this: The tests accept that (incorrect) answer - but only if the closing tag is malformed ( instead of ). It's a weirdly specific case, I know, but is there any way to have the tests pick this up? Ideally, the tests would recognise that the elements are incorrectly nested and not allow the incorrect code to pass the tests. 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] Link to the relevant forum post:
Here is the file I think, it's best to not do anything. The next challenge isn't about css, and they can see the correct format in it
This is how the browser renders the HTML. If we scope the selectors it should fail. We really do not need or , or the case-insensitive not exactly matching regex. We can also extend the third test so that its assert message would trigger, with the incorrect code in question.
Hi Muhammed I'm not sure whether I'm allowed/supposed to reply to these mails - if not, please let me know! Anyway, I did wonder whether I should even raise this as an issue. But given that the test lets the incorrect code through, I felt I should at least flag it as a problem. I don't think it will happen too often, though - they'd need to both misunderstand the instructions and get the closing tag wrong. So, I totally understand the decision to leave this one alone. Thanks for getting back to me. Cheers Moira


Question: .then((res) => res) ``` <del> Chain the `.then()` method to your `fetch` call. Inside the `.then()` method, add a callback function with `res` as a parameter, then log the `res` to the console so you can see the `Response` object. Open your console and expand the `Response` object to see what it contains. </del> <ins> Chain the `.then()` method to your `fetch` call. Inside the `.then()` method, add a callback function with `res` as a parameter, then log the `res` to the console so you can see the `Response` object. Open your browser console and expand the `Response` object to see what it contains. </ins> Again, don't terminate the code with a semicolon yet.

in step 3 of the fcc authors project (js beta), they mention that we should " Open your console and expand the Response object to see what it contains." but it doesn't actually say that this means we should open the browser's console. It would be best to explicitly say "Open your browser's console and ..." instead. (Also step 4 mentions the console too but if we fix step 3, then hopefully people will remember which console was being referred to when they move to step 4) N/A specific reference to the browser's console is needed so as not to be confused with the fcc console No response N/A No response
I think we should apply the change to both step 3 and step 4 as campers might lose the context if they stop at step 3 and start step 4 some time later. I'm opening this issue to first-time code contributors to this repository. The changes you need to make are: Change "Open your console" to "Open the browser console" in Change "in the console" to "in the browser console" in 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.
I have created a PR


Question: ], [ "http://i.imgur.com/GxvrsFb.gif", <del> "Un gif mostrandote como hacer una búsqueda avanzada en Google. Primero, escribimos la consulta "jquery no corre cuando mi página carga". Entonces damos clic en el botón de herramientas y cambiamos la selección de "En cualquier momento" a "en el último año". Entonces hacemos clic en un resultado o leemos a través del artículo y encontramos nuestra respuesta.", "Si eso no ayudo, busca en Google. Buenas búsquedas en Google toman mucha práctica. Cuando buscas en Google, usualmente querrás incluir el lenguaje o framework que estás usando. También querrás limitar los resultados a un período reciente.", </del> <ins> "Un gif mostrándote como hacer una búsqueda avanzada en Google. Primero, escribimos la consulta "jquery no corre cuando mi página carga". Entonces damos clic en el botón de herramientas y cambiamos la selección de "En cualquier momento" a "en el último año". Entonces hacemos clic en un resultado o leemos a través del artículo y encontramos nuestra respuesta.", "Si eso no ayudo, busca en Google. Realizar buenas búsquedas en Google requiere mucha práctica. Cuando buscas en Google, usualmente querrás incluir el lenguaje o entorno (framework) que estás usando. También querrás limitar los resultados a un período reciente.", </ins> "" ], [ "http://i.imgur.com/LZYU7p2.gif", <del> "Un gif mostrandonos como seguir el enlace inferior para ir a nuestra sala de chat de ayuda y preguntar "jquery no corre cuando mi página carga".", "Si eso no te ayudó, preguntale a tus amigos. Si tienes problemas, puedes preguntar a tus compañeros campistas en nuestra sala de chat.", </del> <ins> "Un gif mostrándonos como seguir el enlace inferior para ir a nuestra sala de chat de ayuda y preguntar "jquery no corre cuando mi página carga".", "Si eso no te ayudó, pregúntale a tus amigos. Si tienes problemas, puedes preguntar a tus compañeros campistas en nuestra sala de chat.", </ins> "https://gitter.im/FreeCodeCamp/Help" ], [ "http://i.imgur.com/ZRgXraT.gif", <del> "Un gif mostrandonos nuestro mapa de desafíos.", </del> <ins> "Un gif mostrándonos nuestro mapa de desafíos.", </ins> "Ahora estas listo para empezar a programar. El botón de  "Mapa" en tu esquina superior derecha te mostrará nuestro mapa de desafíos. Te recomendaos que completes los desafíos de arriba hacía abajo, a un ritmo sostenible. Nuestra comunidad de código abierto esta constantemente mejorando nuestros desafíos, así que no te sorprendas si cambian o se mueven alrededor. No te preocupes por volver hacia atrás - solo continúa avanzando. Siempre puedes ir a tu desafío más reciente pulsando el botón de "Aprender".", "" ]

[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: ] ], "type": "hike", <del> "challengeType": 6 </del> <ins> "challengeType": 6, "nameEs": "Herramientas de desarrollo de Chrome: Las auditorías", "descriptionEs": [ "La herramienta de auditoría te guía para mejorar tu página paso a paso.", "En este vídeo, se utiliza esta herramienta con un generador de citas aleatorias desarrollado como uno de los proyectos de desarrollo de interfaces.", "Las sugerencias que se ven, se generan automáticamente con la función de auditoría.", "Es importante tenerlas en cuenta para contextualizarlos con el resto de conocimiento que tienes de tu sitio.", "A veces, puede ser que sea lo acertado, pero en ocasiones, por tu situación las sugerencias que da son equivocadas.", "Usa esta herramienta cuando desees mejorar tu sitio o aplicación, pero no sepas por dónde empezar." ] </ins> }, { "id": "56b15f15632298c12f31517d",

[x] Chrome Dev Tools: Elements [x] Chrome Dev Tools: Network [x] Chrome Dev Tools: Sources [x] Chrome Dev Tools: Timeline [x] Chrome Dev Tools: Profiles [x] Chrome Dev Tools: Resources [x] Chrome Dev Tools: Audits [x] Chrome Dev Tools: Console [x] Chrome Dev Tools: Summary
Working on it


Question: "id": "a5de63ebea8dbee56860f4f2", "title": "Diff Two Arrays", "description": [  "Compare two arrays and return a new array with any items not found in both of the original arrays.",   "Compare two arrays and return a new array with any items only found in one of the original arrays.",  "Remember to use Read-Search-Ask if you get stuck. Try to pair program. Write your own code." ], "challengeSeed": [

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2547.0 Safari/537.36</code. My following code successfully satisfies the criteria and all the tests, except one due to an inconsistency. ! The returned array will be sorted due to my method. The last test has no issue with my output being in sorted order, yet expects the output to retain the same order, as my output is not accepted. This is inconsistent, and it should also accept the answer regardless of its order. To bypass this I would have to implement a check to see if one of the given arrays is empty and if so, return the other as is, which is not part of the exercise's criteria.
Thanks guys!

The Bonfire says "Compare two arrays and return a new array with any items not found in both of the original arrays.". If you can't find an item in both arrays then the result will be infinite. The wording may be less confusing if it says: "Compare two arrays and return a new array with any items in the second array that are not found in the first."
Working on this!
"Compare two arrays and return a new array with any items in the second array that are not found in the first or any items in the first array that are not found in the second." i.e. "Return any items which doesn't exist in both the arrays."


Question: ```js function josephus(init, kill) { <del> var Josephus = { init: function(n) { this.head = {}; var current = this.head; for (var i = 0; i < n - 1; i++) { current.label = i + 1; current.next = { prev: current }; current = current.next; } current.label = n; current.next = this.head; this.head.prev = current; return this; }, kill: function(spacing) { var current = this.head; while (current.next !== current) { for (var i = 0; i < spacing - 1; i++) { current = current.next; } current.prev.next = current.next; current.next.prev = current.prev; current = current.next; } return current.label; } </del> <ins> const arr = Array.from(Array(init).keys()); let curr = -1 while (arr.length > 1) { curr = (curr + kill) % arr.length; arr.splice(curr, 1); curr--; </ins> } <del> return Josephus.init(init).kill(kill) </del> <ins> return arr[0]; </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 Your code Expected behavior The code that passes the test suite (given above) provides different output than the traditional description of the problem. I think the test suite has an 'off by one' error in initializing the starting position. Current output with solution that passes test suite: Expected output per problem description: Relevant portion of problem description: See also discussion here: Proposed Fix Change test suite to Bug reported by jsdisco on the forum.
The issue seems to originate from the original challenge at the Rosetta Code, there's optional allowance for numbering prisoners from in solution, and that's what's happening in the used solution - Sample solution for the challenge also needs small change to use for initial label, instead of . And .
I'm confused in the example given in the description, if the executioner starts at 0 and kills every 2nd prisoner then shouldn't the first prisoner that is killed be "prisoner 2" and hence the killing order becomes . I think the challenge description is the one that has to be changed here. Also if numbering started from then the above killing order is just incremented by 1 which still won't be the solution given as example.
This is how I'm seeing it.
Killing every other would be 'safe', 'kill', 'safe' , 'kill', 'safe',.... But the current solution is 'safe', 'safe', 'kill', 'safe', 'kill', 'safe',... The solution/tests definitely have an off by one
I understood it wrongly . Also yea its the tests which are off by one. Looks like a good first issue.
Hi, I have a working solution for this, although not the most efficient one. It's relatively concise but using the time complexity is quadratic. Can I make a PR?
You can always open a PR. After that, we can give feedback and suggest changes if needed.
I'm not sure why you need to make a brand new solution. You just need to modify one of the existing solutions to reduce the starting value. In my solution, for example, you just set
Hi AFAIK, there is no compelling reason to completely change the original solution. The original solution has a better time complexity.

The only benefit to my approach is that the code is less error prone, since we are not implementing a fundamental data structure from scratch, and the basic steps of the algorithm that solve the problem are easier to read, since they are not mixed with the implementation details of the underlying data structure. I have already made a PR, but can fall back to the original solution, if you see necessary.
I agree that the original solution is pretty convoluted.


Question: import { bindActionCreators } from 'redux'; import { createSelector } from 'reselect'; import { SearchBox } from 'react-instantsearch-dom'; <del> import { HotKeys, configure } from 'react-hotkeys'; </del> <ins> import { HotKeys, ObserveKeys } from 'react-hotkeys'; </ins> import { isEqual } from 'lodash'; import {

Describe the bug Entering 'n' or 'p' in the solution URL of projects takes me back to the previous('p') or next('n') challenge. To Reproduce to any project section where URL is required 'n' or 'p' in the URL field Expected behavior This should only happen when the text field is not in focus. Desktop (please complete the following information): OS: Windows 10 Pro 32 Bit Pro Browser: Chrome Version: 77.0.3865.90


Question:
"User Story: As a user, I can click a link to go directly to the post's discussion page.", "Bonus User Story: As a user, I can see how many upvotes each story has.", "Hint: Here's the Camper News Hot Stories API endpoint: http://www.freecodecamp.com/stories/hotStories.",  "Remember to use RSAP if you get stuck. Try using jQuery's $.getJSON() to consume APIs.",   "Remember to use RSAP if you get stuck. Try using jQuery's $.getJSON() to consume APIs.",  "When you are finished, click the "I've completed this challenge" button and include a link to your CodePen. If you pair programmed, you should also include the Free Code Camp username of your pair.", "If you'd like immediate feedback on your project, click this button and paste in a link to your CodePen project. Otherwise, we'll review it before you start your nonprofit projects.

Click here then add your link to your tweet's text" ],

Challenge has an issue. Please describe how to reproduce it, and include links to screen shots if possible. Step : "Remember to use RSAP if you get stuck. Try using jQuery's $.getJSON() to consume APIs." incorrectly to this url: It should link to: Unless that misdirection is meant to be tricky for the student ;)
This is a duplicate of
Kind of. This one is referring to a different page (challenge/zipline), but I did notice that all of the Ziplines have the same bug.
This was fixed ages ago, right? Please close.
This isn't actually fixed. The erroneous link still exists in these ziplines: Maybe it's not an issue because we'll be switching over to the content at soon? But I thought you should know that the issue hasn't actually been fixed yet. Actually, the only reason that it isn't an issue on the beta site is that none of the ziplines seem to link directly to the jquery json page.
This was fixed in prior to the branch being available through Now they seem to have changed how the ziplines look, so it wouldn't be an issue regardless. Since all changes seem to happen on the branch before ending up in production, issues that are fixed in should probably be considered fixed, even though it might be better to merge small fixes like this into production at a quicker rate than what is the current reality.
Thanks for the explanation! That makes sense. I'm not privy to staging, so I didn't realize it had been fixed there.


Question: "permAlone('aab');" ], "tests": [ <del> "expect(permAlone('aab')).to.be.a.number;", </del> <ins> "expect(permAlone('aab')).to.be.a('number');", </ins> "expect(permAlone('aab')).to.equal(2);", "expect(permAlone('aaa')).to.equal(0);", "expect(permAlone('aabb')).to.equal(8);",

The first test to pass for this Bonfire is that the function returns a number. However, if I run the code without changing anything (so the function simply returns the string argument), the test still claims to pass.


Question: ## --sentence-- <del> `Hey. You are Sarah, right? I'm Jake, from Security. I'm here to give you _ _ _.` </del> <ins> `Hey. You're Sarah, right? I'm Jake, from Security. I'm here to give you _ _ _.` </ins> ## --blanks--

Change "You are Sarah" to "You're Sarah" in step 150, 154, and 155 of Learn Greetings in your First Day at the Office. The change is to match the caption text. (The text isn't visible on the Task 155 page, but in the code.) Change "You are Sarah" to "You're Sarah" in the following files:
We introduce contraction form in task 1 () so I assume we would want to use contractions in later tasks. But I'll wait for the curriculum team to confirm before opening this issue up for contribution. (If we don't want to use contraction in these tasks, the caption text should be updated to match the fill the blank text.)


Question:
A sound clip of Zersiax's screen reader in action.
 <audio controls>  <source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg"/>   <source src="https://cdn.freecodecamp.org/curriculum/applied-accessibility/screen-reader.mp3" type="audio/mpeg"/>  </audio>

All links in the english curriculum need to be replaced. This is the last of the S3 links Here are the new CDN links that should be used instead multiple 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


Question: border-color: var(--tertiary-color); } code { <del> border: 1px solid var(--secondary-color); </del> padding: 1px 4px; background-color: var(--quaternary-background); color: var(--tertiary-color);

Unnecessary borders are displayed around each line in the solution code of certification projects. For example: to someone's certification page on 'View' ('View Code') to see the solution code Each line in the solution code should not have borders around it ! Device: Laptop OS: Windows 10 Browser: Chrome Version: 114.0.5735.199 (Official Build) (64-bit) The border seems to be in
Hi the borders on the code doesnt seem to be a good UX. I would like to take up this issue.
Hello! I would like to work on this issue. Seems to be a quick fix.
Hey. Contributions are very welcome. Please take a look at to get started.
! Would this sample look better ?
I have fixed the issue and created a pull request . Please review it and let me know if there are any concerns.
To solve the issue move the properties in , to CSS selector that affects the challenges' layout, or doesn't affect the setting layout.
Simply removing the border property in fixes the issue ! ! Is it fine if done this way? I have reverted the changes I made to the bootstrap file back to its original form.
How can we find those code files from the repo ? If the particular link to the file is not provided in the issue.
Hello I would like to request to be assigned to fix this
Hi! I would like to take up this issue


Question: assert(code.match(/</htmls*>/gi)); ``` <del> Your `html` element should be below the `DOCTYPE` declaration. </del> <ins> Your `DOCTYPE` declaration should be at the beginning of your HTML. </ins> ```js <del> assert(code.match(/(?<!<htmls*>)<!DOCTYPEs+htmls*>/gi)); </del> <ins> assert(__helpers.removeHtmlComments(code).match(/^s*<!DOCTYPEs+htmls*>/i)); </ins> ``` # --seed--

Several. One example is The hint for this step seems to indicate that the user must add the element below the (there must be at least one new line separating them). Hint: "Your element should be below the declaration.:" So the expected behavior would be that the user will not pass this step until they add the element below the . <!-- Please complete the following information. --- Device: Desktop OS: Linux/Fedora 34 Browser: Firefox Version: [e.g. 22] This is happening for several courses. The regex used for this test is not enforcing the newline between the elements. If this requirement is important enough to be enforced then we should probably come up with one regex that enforces this requirement and use it for all courses.
One possible regex I am using as a solution for this is:
Affected pages: : js 57 assert((/^s<!DOCTYPEs+htmls[sS]<shtmls/gi)); 58 : js 55 assert((/(?<!<htmls)<!DOCTYPEs+htmls/gi)); 56 : js 53 assert((/(?<!<htmls)<!DOCTYPEs+htmls/gi)); 54 : js 55 assert((/(?<!<htmls)<!DOCTYPEs+htmls/gi)); 56 : js 17 assert((/(?<!<htmls)<!DOCTYPEs+htmls/gi)); 18 : js 17 assert((/(?<!<htmls)<!DOCTYPEs+htmls/gi)); 18 : js 41 assert((/(?<!<htmls)<!DOCTYPEs+htmls/gi)); 42 : js 53 assert((/(?<!<htmls)<!DOCTYPEs+htmls*/gi)); 54
If the regex from is the way we want to go, I'd be happy to start working on it in the pages linked by .
I was eventually going to get around to updating these but please, feel free to step in. My solution above was officially merged into main so I'm assuming that's acceptable to use for these as well.
I'm beginning to wonder if we should even have a requirement that the DOCTYPE be on its own separate line?

I can't seem to find any documentation that says this is required and the W3C HTML validator accepts it without being on a new line. Also, we don't seem to be enforcing separate lines for other types of tags. But the DOCTYPE does need to be the first element on the page, which I don't think we are currently testing for, so I propose we test for that instead and get rid of the separate line requirement.
As far as the tests go, I suggest we stick with this: If the HTML spec can parse it, it is valid, and should be accepted, unless the instructions specifically say, for example, "add a semi-colon at the end of the value" So, as I can see in the spec, there is no requirement for the DOCTYPE and the element to be on separate lines:
Would you agree with me then that instead of testing for DOCTYPE being on a separate line we should be testing that the DOCTYPE is the first element on the page? This brings us back to another I found in which there are JS comments in the code string before the HTML begins: Not impossible to work around, just wanted to make whoever ultimately works on this aware of it.
It wouldnt surprise me if that's the why the test was written that way, because if doctype isnt the first element, how else would you check it's current placement? It would be in relation to the html tag, right?
Ideally, yes. As I mentioned below, we do have a solution to the comment thing, but it is a work-in-progress.
I have submitted a that fixes the source of this issue (css comments before the html in the code string) which if approved will allow us to easily test that the DOCTYPE declaration is the first element in the HTML.
should i close my initial pull request since you said in your pull request that you were going to fix the others once yours gets approved and merged? I dont mind helping update the other docs with the new test once it's approved if you want me to. either way, just let me know !
We've had a couple of reports in the support inbox that the negative lookbehind used in some of these tests is failing in Safari, so it's great that either or (pending update) will take care of that as well. At the moment seems more flexible, and allows valid code to pass without forcing a particular style.

It'll also be good to move away from regex for this type of test.
If __helpers.removeHtmlComments(code) is preferred, we could modify in that direction or accept alternatively.
Yes, is the final PR to put this issue to rest. I did an initial PR for just one course and it has already been merged. is using the same solution, just updating the remaining courses that need it.


Question: ```js const nestedAnchor = $('footer > p > a')[0]; <del> assert(nestedAnchor.getAttribute('href') === 'https://www.freecodecamp.org'); </del> <ins> assert(nestedAnchor.getAttribute('href').toLowerCase() === 'https://www.freecodecamp.org'); </ins> ``` The link's text should be `freeCodeCamp.org`. You have either omitted the text or have a typo.

The test is failing if the user does not use all lowercase letters for the domain name in the attribute. Since domain names are not case sensitive this seems a little too strict, especially since the link text itself is not using all lowercase. A user in the forums failed this challenge because they capitalized the C's in . I'm assuming they were influenced by the capitalization in the link text. This URL should pass the challenge since domain names are not case sensitive. No response N/A This seems like a good issue for a first timer.
here is a , I wonder, if parentheses should be deleted in this file as mentioned in issue .


Question: return Observable.just(user); } return findUserByUsername$(username, { <ins> isGithubCool: true, </ins> isFrontEndCert: true, isFullStackCert: true, <ins> isHonest: true, </ins> completedChallenges: true, username: true, name: true

I can see my certificate at when I am logged in, but If I open that link in a new incognito tab this message is displayed: ! But my github is linked ! Am I doing something wrong or there is an extra step I need to do?
Also It says instead of on incognito.
Patch on the way.
Thank you for your hard work!
Patch Is live on beta. It should be in production shortly.


Question:
--- ## Description
 Tarea:
 Implementar una función que:
 toma un número entero positivo que representa una duración en segundos como entrada (por ejemplo, 100 ), y devuelve una cadena que muestra la misma duración descompuesta en semanas, días, horas, minutos y segundos como se detalla a continuación (por ejemplo, " 1 min, 40 sec ").
 Demostrar que pasa los siguientes tres casos de prueba:

 Casos de prueba

 número de entrada 	 número de salida

 7259 	 2 hr, 59 sec

 86400 	 1 d

 6000000 	 9 wk, 6 d, 10 hr, 40 min

 Detalles
 Se deben usar las siguientes cinco unidades:

 unidad 	 sufijo utilizado en la salida 	 conversión

 semana 	 wk 	  1 semana = 7 días

 día 	 d 	  1 día = 24 horas

 hora 	 hr 	  1 hora = 60 minutos

 minuto 	 min 	  1 minuto = 60 segundos

 segundo 	 sec

 Sin embargo, solo incluya cantidades con valores distintos de cero en la salida (p. Ej., Devuelva " 1 d " y no " 0 wk, 1 d, 0 hr, 0 min, 0 sec "). Dé prioridad a las unidades más grandes sobre las más pequeñas como sea posible (p. ej., devolver 2 min, 10 sec y no 1 min, 70 sec o 130 sec ) Imitar el formato que se muestra en los casos de prueba (cantidades ordenadas de unidad mayor a menor y separadas por comas + espacio; valor y unidad de cada cantidad separada por espacio).

 Tarea:
 Implementar una función que:
 toma un número entero positivo que representa una duración en segundos como entrada (por ejemplo, 100 ), y devuelve una cadena que muestra la misma duración descompuesta en semanas, días, horas, minutos y segundos como se detalla a continuación (por ejemplo, 1 min, 40 sec).
 Demostrar que pasa los siguientes tres casos de prueba:

 Casos de prueba

 número de entrada 	 número de salida

 7259 	 2 hr, 59 sec

 86400 	 1 d

 6000000 	 9 wk, 6 d, 10 hr, 40 min

 Detalles
 Se deben usar las siguientes cinco unidades:

 unidad 	 sufijo utilizado en la salida 	 conversión

 semana 	 wk 	  1 semana = 7 días

 día 	 d 	  1 día = 24 horas

 hora 	 hr 	  1 hora = 60 minutos

 minuto 	 min 	  1 minuto = 60 segundos

 segundo 	 sec

 Sin embargo, solo incluya cantidades con valores distintos de cero en la salida (p. Ej., Devuelva 1 d y no &0 wk, 1 d, 0 hr, 0 min, 0 sec). Dé prioridad a las unidades más grandes sobre las más pequeñas como sea posible (p. ej., devolver 2 min, 10 sec y no 1 min, 70 sec o 130 sec ) Imitar el formato que se muestra en los casos de prueba (cantidades ordenadas de unidad mayor a menor y separadas por comas + espacio; valor y unidad de cada cantidad separada por espacio).

  ## Instructions

In some curriculum articles, some of the code-bits highlighted by the are enclosed by a pair of quotes which are not necessary. Since the tags already highlight code, there is no need for the quotes to be there. That is, instead of: It should be: One example can be found in PRs: [x] English [x] Chinese - No instances found [] Russian [x] Arabic [] Portuguese [x] Spanish
Do we have a list of such challenges? That would help so we know when to close this issue (i.e. all have been covered).
I do not have a list of these challenges a.t.m. In the P.R. from where this originated, has said something about there being other files where we had this, he might have a lead on it, otherwise a repo wide search for can be run
OK.
If you do a quick search of the repo to see how many files might be affected by this, then I will query the open PRs to check all existing open PRs which might have such changes.
I would like to start from . Kindly let me know May I start now to avoid file merge conflict. I checked for . There are 18 files that will be affected.
we can take care of the merge conflicts if you want to submit the PR. Make sure you're working from the latest commit of the freecodecamp master branch. Please try to limit the changes in this PR to only removing the quotes so it doesn't make conflict resolution more difficult. Thanks!
I think it's better to allow a first-time contributor to work on the issue. Please feel free to look through the other issues. There are many of them we could use your help on! In case this one is still not picked up in a few days, you can then work on this.
I was already working on this. I will look for issues also from now onwards.
Is this issue still on? If yes, can I help you?
This one already has an open PR (see above ).
Okay No problem!!
Is this issue closed ? I am a first time contributor and would like to work on it.
Not yet, only the PR for English language has been merged. Check with for what languages he is making a PR for
You can start with any of the language except English language.

I am not working as of now for any other language. It would be great if we allow first timer to work on this.
hello, I would like to do this as a first timer. Where should I start?
check with for what languages they are working on, you can pick up the other languages and use the search and replace functionality of your code editor to make changes as discussed above
Hi, I'm new to freecodecamp but I'm wondering if you guys still need help on this? If so, what languages should I work on? Thanks!
Hello, I'd like to help with this issue as well. Which language folders are available? Thanks!
Thanks for helping out with this! AFAIK, so far only . Since we haven't heard from and yet, you both are welcome to pick one language each from the available four (Arabic, Chinese, Portuguese and Spanish), and start working on the corresponding files. Considering that and asked first, we'll wait for them to claim the other two language versions if they're still interested. In case they (or aren't, you can then continue with these remaining versions too (if you prefer).
Thanks I'll volunteer to do the Spanish folder.
Thanks I'll take the Portuguese folder!
Hi, after taking a cursory look in /curriculum/challenges/portuguese, and searching for <code"<codestuff </code"</code", and &quot, I haven't found any examples of <code"<codestuff </code"</code", and the only places where <code"<codeor </code" </codepop up are in Tests, and in assert fields, where it's unrelated I think. Am I missing something? Sorry for the bother!
Hi Try searching making sure there is a space in between. I noticed there were a lot of false positives when I did my search. When I searched, I was able to find in the Portuguese folder at declare-the-doctype-of-an-html-
Thank you! I removed all the instances of , and I think that that may be all of the instances in the Portuguese files. Would it be possible for me to work on the other untaken languages as well, or should I wait on and to see if they are picking up Arabic/Chinese?

Guys, try searching for and separately
I made sure to search , , , , , , , and , all separately.
Do we still need help for Arabic/Chinese? I wouldn't mind picking up those as well!
Sure! Go ahead!
Hi are you doing both Arabic/Chinese? Do you mind if I do one of the folders?
Go for it! I'll take Chinese and you can have Arabic?
Thanks I'll move forward with the Arabic folder.
Hey, Would like to give a hand as its my first contribution. Where should i start? is the quote issue resolved or are there more languages where help is needed? Thanks in advance
- It appears you can choose between Spanish and Portuguese. If you have not contributed before, I suggest starting with and . If you have any questions, then ask in our .
Actually I think that all files currently are accounted for. Me and have created PR's for Portuguese/Spanish, and now we're working on Chinese/Arabic. I think Russian and English were already taken before us.
After looking for , , , , , , , and , I couldn't find any instances of any of these in the Chinese folder. Somebody else can verify if they wish, but as far as I've searched, I can't find anything in the Chinese folder specifically, even though they exist in my local (non-fixed) Arabic, Portuguese, Spanish, etc. folders, so I don't think a PR needs to be made for the Chinese folder specifically.
Hi, this will be my first contribution. I'm wondering if Chinese is still up for grab. If not, which one can I choose? Thanks.
It appears is already working on the Chinese version.
Alright, it seems like every one of them is taken. Let me know if any one of them needs help in the future. Thanks.
I've taken a look at the Chinese version, and it seems like the quotes are already removed. I won't be submitting a PR for it, so if you want to take a look and find something that I missed then feel free to make the PR yourself!
Had this been fixed in the Portuguese and Russian folders? Someone needs to have a look
Even if those languages were not translated, it is fine. We are no longer accepting translations for the current curriculum.

We do not need any further PRs for the the non-English curriculum files.
I see. Alright


Question: # --description-- <del> If you look closely, the _heart_ emoji is slightly different. This is because some of the character's properties were overridden by the `font-weight` style of `bold`. </del> <ins> In some browsers, the _heart_ emoji may look slightly different from the previous step. This is because some of the character's properties were overridden by the `font-weight` style of `bold`. </ins> Fix this, by targeting the `div` with the heart emoji, and setting its `font-weight` to its original value.

The instruction starts with: If you look closely, the heart emoji is slightly different. I can see the purple heart has become slightly bigger in Firefox. However, I can't see the difference in Chrome or Edge. We can change the first sentence to: In some browsers, the heart emoji may look slightly larger. (I changed "different" to "larger", so that campers don't have to spend too much time looking for the difference) And the last sentence to: To make it consistent on different browsers, target the div with the heart emoji, and set its font-weight to its original value. https://user- Device: Laptop OS: Windows 10 Browser: Chrome (ver. 107.0.5304.106), Edge(ver. 107.0.1418.35), Firefox (ver. 106.0.5) No response
The difference is not always the size, though. I am unable to reproduce a change in Chrome, but when I was making this, the heart would get a hashed pattern inside. There is a chance Google has changed something. As such, I suggest we keep the use of "different", and go with:
when I was making this, the heart would get a hashed pattern inside. Actually, this information was what I would have wanted as a learner. When I learn coding, I always check what kind of change the code I wrote makes to deepen my understanding. So if my browser doesn't show the difference, I would want to know what kind of difference it is. How about: The heart emoji may look slightly different. The size, color, or nothing changes, depending on your browser.
I think that is too much useless information. We specifically removed information here:
Personally, I don't think so. For example, if you see a forum post saying "The emoji on my page looks different. How can I fix it?" then I guess you would want to ask how different it is. That's what I'm feeling here. However, it seems like losing color was a Chrome's bug: So I think it's okay to forget about colors. I even think it's okay to remove this step if we can allow that slight change in size.
I played with this for a bit and I really don't have a preference here.

Most of instructional suggestions sound good to me - removing the step sounds good as well.
I believe both the browser and operating system determine how emotes are rendered.
OK, how about: In some browsers, the heart emoji may look slightly different from the previous step. This way campers can at least know that the "difference" is something caused by what they have done in the previous step, and not that something like they have used wrong emoji (that was my first guess).
Is this up for contribution ?
The "a hashed pattern inside" of heart that mentioned (and I also noticed this a few months ago when translating this step) can be reproduced using the , as shown below. ! We can also think that the STEP 75 imparted knowledge to the learner to control emoji colors (albeit in a different way). Therefore, how about adding the following steps: to add (this may be step 75) font-family: 'Noto Emoji' to the to see the emoji color change (this may be step 76) the lines in the above two steps, then resume the current step 76 procedure (this may be step 77)
I don't see the need to add steps that import and remove a font for this. I'd much rather stick with adding the note "In some browsers, the heart emoji may look slightly different from the previous step." so that we can focus on the concepts this project is actually trying to teach.


Question: extends ../layout block content <del> .col-sm-8.col-sm-offset-2 form(method='POST') legend Reset Password </del> <ins> .col-sm-8.col-sm-offset-2.jumbotron form(action='/reset/#{token}', method='POST') h1 Reset Password </ins> input(type='hidden', name='_csrf', value=_csrf) .form-group label(for='password') New Password

When working on the file we are asked to write a function. There is a typo in the last sentence of the info you give. "Make sure the "repsonse" you... no code needed just fix the typo, lol 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
Thank you for opening this issue. Tutorial is located at: This tutorial is using CodeRoad VS Code extension, specific guidelines how to contribute to them can be found on Making PR for this issue will require following parts referring to making changes on the branch. Please make sure you read , we prioritize contributors following the instructions in our guides. Join us in or if you need help contributing, our moderators will guide you through this. Sometimes we may get more than one pull requests. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.
I can fix this typo :)

Is your feature request related to a problem? Please describe. The activities count on the search bar in both /learn, and /news is different than /forum. Describe the solution you'd like A clear and concise description of what you want to happen. Fix the count on activities. Additional context Add any other context or screenshots about the feature request here. <img width="629" alt="Screen Shot 2020-05-11 at 23 27 55" src="https://user-"<img width="730" alt="Screen Shot 2020-05-11 at 23 27 39" src="https://user-"


Question: flex-grow: 1; display: flex; align-items: center; <ins> margin-right: 10px; </ins> } }

The hover animation of map button overlaps the ending of the search bar.  Browser Name, Version: Chrome (latest release) & Firefox (57.0.2). Operating System: Windows 10 Pro 32 bit. Mobile, Desktop, or Tablet: Desktop.
I would like to take on this issue if it still exists
I've already submitted a PR for it.


Question: Fulfill the user stories and pass all the tests below to complete this project. Give it your own personal style. Happy Coding! <ins> **Note:** Be sure to add `<link rel="stylesheet" href="styles.css">` in your HTML to link your stylesheet and apply your CSS </ins> # --hints-- You should have a `main` element with an `id` of `main`.

With the new format, a lot of people are not linking their css files to the HTML document. It is coming up a lot on the forum. Especially for those that are going through the Legacy curriculum. I think we should add a message underneath the sample projects, to remember to link the CSS file. Proposed change: Remember to link your CSS file in the HTML document. <img width="460" alt="Screen Shot 2022-05-14 at 8 57 10 AM" src="https://user-"
I had trouble fixing , because I didn't link To I hope this will be implemented
I think we should do this.


Question: <ins> import type { ChallengeFile, SavedChallengeFile } from '../../../redux/prop-types'; import { mergeChallengeFiles } from './saved-challenges'; const jsChallenge = { id: '1', contents: 'js contents', fileKey: 'jsFileKey', name: 'name', ext: 'js' as const, head: 'head', tail: 'tail', history: [], seed: 'original js contents' }; const cssChallenge = { id: '2', contents: 'css contents', fileKey: 'cssFileKey', name: 'name', ext: 'css' as const, head: 'head', tail: 'tail', history: [], seed: 'original css contents' }; const htmlChallenge = { id: '3', contents: 'html contents', fileKey: 'htmlFileKey', name: 'name', ext: 'html' as const, head: 'head', tail: 'tail', history: [], seed: 'original html contents' }; const savedJsChallenge: SavedChallengeFile = { contents: 'saved js contents', fileKey: 'jsFileKey', name: 'name', ext: 'js' as const }; const savedCssChallenge: SavedChallengeFile = { contents: 'saved css contents', fileKey: 'cssFileKey', name: 'name', ext: 'css' as const }; const savedHtmlChallenge: SavedChallengeFile = { contents: 'saved html contents', fileKey: 'htmlFileKey', name: 'name', ext: 'html' as const }; describe('mergeChallengeFiles', () => { it('should return files if savedChallengeFiles is undefined', () => { const files: ChallengeFile[] = [htmlChallenge]; const savedChallengeFiles = undefined; const result = mergeChallengeFiles(files, savedChallengeFiles); expect(result).toEqual(files); }); it('should return an empty array if files is undefined', () => { const files = undefined; const savedChallengeFiles = [savedJsChallenge]; const result = mergeChallengeFiles(files, savedChallengeFiles); expect(result).toEqual([]); }); it('should return files if savedChallengeFiles has a different length', () => { const files: ChallengeFile[] = [cssChallenge]; const savedChallengeFiles: SavedChallengeFile[] = [ savedCssChallenge, savedJsChallenge ]; const result = mergeChallengeFiles(files, savedChallengeFiles); expect(result).toEqual(files); }); it('should return files if the fileKey properties do not match', () => { const files: ChallengeFile[] = [jsChallenge, cssChallenge]; const savedChallengeFiles: SavedChallengeFile[] = [ savedHtmlChallenge, savedCssChallenge ]; const result = mergeChallengeFiles(files, savedChallengeFiles); expect(result).toEqual(files); }); it('should use the contents from the saved file', () => { const files: ChallengeFile[] = [cssChallenge, htmlChallenge, jsChallenge]; const savedChallengeFiles = [ savedJsChallenge, savedCssChallenge, savedHtmlChallenge ]; const result = mergeChallengeFiles(files, savedChallengeFiles); expect(result).toEqual([ { ...cssChallenge, contents: savedCssChallenge.contents }, { ...htmlChallenge, contents: savedHtmlChallenge.contents }, { ...jsChallenge, contents: savedJsChallenge.contents } ]); }); }); </ins>

Code in the doesn't seem to be evaluated in production for Cash Register project. (Edit)This appear to be related to the code saving / resetting. In development there isn't such issue. Including building production client and serving it. This is actually the only challenge from the new challenges that is using . Old challenges are working fine when using . Both when names start with ` might be somehow deciding factor, but there isn't any other new challenge to check that. After adding function to user code, error moves normally to the next used in test non-defined variable - and then . Steps to reproduce the behavior: (Be logged in, and have previously saved code for project). to solution. Example: tests. errors. Code present in the should be evaluated after the user code, and before running tests. (Edit) When logged out there's different error, or no errors at all(?!). This might be somehow related to saving / resetting code.
Thanks again for the detailed report, You were dead right about the issue: it's due to the fact that saved challenges don't include head or tail (aka and ) and we were just using them in place of challengeFiles (which does have that stuff).
I have marked this as a showstopper seeing as it is affecting camper's ability to complete a certificate project. It would be nice to get the fix in as soon as possible, so the forum isn't filled with support threads for this.


Question: <ins> /** * Created by nathanleniz on 2/21/15. */ var R = require('ramda'); </ins>  No newline at end of file

the first line in the function says - it wont pass testing unless you change it to Browser Name: Firefox Browser Version: 60.0.1 Operating System: High Sierra ! <hr!
You don't have to it, but because of strict mode it does need to be declared with , , or .
so its missing the then?
That's how I would update it.

i am suspecting another small bug, the next challenge after succesful code run in Bonfire: Chunky Monkey actually points to itself


Question: ## --text-- <del> Which activation function switches values between -1 and 1? </del> <ins> Which activation function squishes values between -1 and 1? </ins> ## --answers--

In the page above, a question (Which activation function switches values between -1 and 1?) uses 'switches' when the actual word should be 'squishes' (like Tim says in the video) The question should be: Which activation function squishes values between -1 and 1? No response Device: Laptop OS: Windows 10 Browser: Chrome Version: 103.0.5060.114 No response
Just changing the word in this file should suffice, let me know if you want me to open a PR.
please go ahead.


Question: }); })(); <ins> var defaultKeymap = { 'Cmd-E': 'emmet.expand_abbreviation', 'Tab': 'emmet.expand_abbreviation_with_tab', 'Enter': 'emmet.insert_formatted_line_break_only' }; emmetCodeMirror(editor, defaultKeymap); </ins> editor.setOption('extraKeys', { Tab: function(cm) { if (cm.somethingSelected()) {

Challenge has an issue. Please describe how to reproduce it, and include links to screenshots if possible. just messing on my windows 10 tablet (torture by the way) and realized emmet is not working as it was on my mac using chrome on both...
I'm having the same frustration with emmet not working.
It was in fact removed accidently. Can someone add it back? All you need to do is add this line After the editor is created in


Question:
## Description
  JavaScript allows the use of both single ('') and double ("") quotes to declare a string. Deciding which one to use generally comes down to personal preference, with some exceptions.   JavaScript allows the use of both single (') and double (") quotes to declare a string. Deciding which one to use generally comes down to personal preference, with some exceptions.  Having two choices is great when a string has contractions or another piece of text that's in quotes. Just be careful that you don't close the string too early, which causes a syntax error. Here are some examples of mixing quotes:
// These are correct:
const grouchoContraction = "I've had a perfectly wonderful evening, but this wasn't it.";
const quoteInString = "Groucho Marx once said 'Quote me as saying I was mis-quoted.'";
// This is incorrect:
const uhOhGroucho = 'I've had a perfectly wonderful evening, but this wasn't it.';

<!-- 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 challenge i found an error. single qoute symbol is wrong in guide section. symbol of single qoute should be this (') but it is showing this ("). Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: chrome Browser Version: 71.0.3578.98 (Official Build) (64-bit) Operating System: ubuntu 18.04 If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box): !
Good catch! I recommend changing the current line 9 in to the following: which will then display as the following: JavaScript allows the use of both single (<code'</code) and double (<code"</code) quotes to declare a string. Deciding which one to use generally comes down to personal preference, with some exceptions.


Question: The `<head>` element is where you put important meta-information about your webpages, and stuff required for your webpages to render correctly in the browser. Inside the `<head>`, you should not use any element that displays content on the webpage. ## The Charset Meta Element <del> You should always have the `meta` tag for the charset encoding of the webpage in the head element: `<meta charset="utf-8">`. </del> <ins> You should always have the `meta` tag for the `charset` encoding of the webpage in the `head` element: `<meta charset="utf-8">`. </ins> Setting the encoding is very important because it ensures that the webpage will display special symbols and characters from different languages correctly in the browser.

in the odin project, there is a sentence that is worded like it should be worded like Here is the file If you would like to fix this issue, please make sure you read , we prioritize contributors following the instructions in our guides. Join us in or if you need help contributing, our moderators will guide you through this.
can I solve this?


Question: assert.isUndefined(addTogether(2)([3])); ``` <ins> `addTogether("2", 3)` should return `undefined`. ```js assert.isUndefined(addTogether('2', 3)); ``` </ins> # --seed-- ## --seed-contents--

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. -- <!-- Copy and paste the code from the editor that you used in between the back-ticks below: --The code above shouldn't pass the challenge. In the challenge, it is asked to make the function addTogether return undefined If either argument isn’t a valid number. Please add a test case where the first argument isn’t a valid number, but the second is. Example:
Great catch! Thank you for reporting!