Question:
 --- id: 5a9d7295424fe3d0e10cad14 title: Cascading CSS variables challengeType: 0 videoUrl: 'https://scrimba.com/c/cyLZZhZ' --- ## Description
 When you create a variable, it is available for you to use inside the element in which you create it. It also is available for any elements nested within it. This effect is known as <dfn>cascading</dfn>. Because of cascading, CSS variables are often defined in the <dfn>:root</dfn> element. :root is a <dfn>pseudo-class</dfn> selector that matches the root element of the document, usually the html element. By creating your variables in :root, they will be available globally and can be accessed from any other selector later in the style sheet.
 ## Instructions
 Define a variable named --penguin-belly in the :root selector and give it the value of pink. You can then see how the value will cascade down to change the value to pink, anywhere that variable is used.
 ## Tests
 ```yml tests: - text: Declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>. testString: assert(code.match(/:roots*?{[sS]*--penguin-bellys*?:s*?pinks*?;[sS]*}/gi), 'Declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>.'); ```
 ## Challenge Seed

 ```html <style> :root { /* add code below */ /* add code above */ } body { background: var(--penguin-belly, #c6faf1); } .penguin { --penguin-skin: gray; --penguin-beak: orange; position: relative; margin: auto; display: block; margin-top: 5%; width: 300px; height: 300px; } .right-cheek { top: 15%; left: 35%; background: var(--penguin-belly, white); width: 60%; height: 70%; border-radius: 70% 70% 60% 60%; } .left-cheek { top: 15%; left: 5%; background: var(--penguin-belly, white); width: 60%; height: 70%; border-radius: 70% 70% 60% 60%; } .belly { top: 60%; left: 2.5%; background: var(--penguin-belly, white); width: 95%; height: 100%; border-radius: 120% 120% 100% 100%; } .penguin-top { top: 10%; left: 25%; background: var(--penguin-skin, gray); width: 50%; height: 45%; border-radius: 70% 70% 60% 60%; } .penguin-bottom { top: 40%; left: 23.5%; background: var(--penguin-skin, gray); width: 53%; height: 45%; border-radius: 70% 70% 100% 100%; } .right-hand { top: 0%; left: -5%; background: var(--penguin-skin, gray); width: 30%; height: 60%; border-radius: 30% 30% 120% 30%; transform: rotate(45deg); z-index: -1; } .left-hand { top: 0%; left: 75%; background: var(--penguin-skin, gray); width: 30%; height: 60%; border-radius: 30% 30% 30% 120%; transform: rotate(-45deg); z-index: -1; } .right-feet { top: 85%; left: 60%; background: var(--penguin-beak, orange); width: 15%; height: 30%; border-radius: 50% 50% 50% 50%; transform: rotate(-80deg); z-index: -2222; } .left-feet { top: 85%; left: 25%; background: var(--penguin-beak, orange); width: 15%; height: 30%; border-radius: 50% 50% 50% 50%; transform: rotate(80deg); z-index: -2222; } .right-eye { top: 45%; left: 60%; background: black; width: 15%; height: 17%; border-radius: 50%; } .left-eye { top: 45%; left: 25%; background: black; width: 15%; height: 17%; border-radius: 50%; } .sparkle { top: 25%; left: 15%; background: white; width: 35%; height: 35%; border-radius: 50%; } .blush-right { top: 65%; left: 15%; background: pink; width: 15%; height: 10%; border-radius: 50%; } .blush-left { top: 65%; left: 70%; background: pink; width: 15%; height: 10%; border-radius: 50%; } .beak-top { top: 60%; left: 40%; background: var(--penguin-beak, orange); width: 20%; height: 10%; border-radius: 50%; } .beak-bottom { top: 65%; left: 42%; background: var(--penguin-beak, orange); width: 16%; height: 10%; border-radius: 50%; } .penguin * { position: absolute; } </style> <div class="penguin"> <div class="penguin-bottom"> <div class="right-hand"></div> <div class="left-hand"></div> <div class="right-feet"></div> <div class="left-feet"></div> </div> <div class="penguin-top"> <div class="right-cheek"></div> <div class="left-cheek"></div> <div class="belly"></div> <div class="right-eye"> <div class="sparkle"></div> </div> <div class="left-eye"> <div class="sparkle"></div> </div> <div class="blush-right"></div> <div class="blush-left"></div> <div class="beak-top"></div> <div class="beak-bottom"></div> </div> </div> ```

 ## Solution
 ```js var code = ":root {--penguin-belly: pink;}" ```

I don't think this challenge is described correctly. The idea that a variable is only available to the element and it's children has nothing to do with cascading. It's a clear definition of scope. Cascading is the concept that if there are multiple of a thing, the last one wins, which is described in the previous challenge related to fallbacks. Just my 2cents for what it's worth, but if I had someone come in for an interview and tell me cascading was the idea that a variable could only be used by an element and it's children, I would consider that a wildly misunderstood concept.
Thanks for reporting this! While this challenge isn't intended to introduce the concepts of cascade and inheritance, it clearly does not use the terms correctly. I'll have a go at rewriting the challenge to show that CSS variables behave like ordinary properties in this respect.
for what it's worth, this was discussed a little bit in a previous issue that was never resolved - - perhaps it should be reworded since it has now come up multiple times.


Question: [settingsTypes.updateUserFlagComplete]: (state, { payload }) => payload ? spreadThePayloadOnUser(state, payload) : state, [settingsTypes.verifyCertComplete]: (state, { payload }) => <del> payload ? spreadThePayloadOnUser(state, payload) : state </del> <ins> payload ? spreadThePayloadOnUser(state, payload) : state, [settingsTypes.submitProfileUIComplete]: (state, { payload }) => payload ? { ...state, user: { ...state.user, [state.appUsername]: { ...state.user[state.appUsername], profileUI: { ...payload } } } } : state </ins> }, initialState );

to your profile settings page the privacy setting to the top and click The privacy setting you changed will not have taken effect. From there, you can go back to the settings using the settings button, and the privacy setting will still show it as it was before you changed it. I believe this is due to using to navigate to the portfolio. The setting will have actually changed in the DB, but the effects won't show until you do a hard reload.
I can fix this if it's decided to change it.
As far as I can see, the problem is that the user is only pulled from the server once. The server is getting updated correctly, but the redux store isn't being asked to mirror these changes.
as there seems to be an issue with a redux reducer.
I was speaking to earlier and he says:
Is someone looking into this ( Otherwise I can take a crack at it tomorrow.
Go for it - let me know if you want to team up on it.


Question: # --instructions-- <del> Write an `@each` directive that goes through a list: `blue, black, red` and assigns each variable to a `.color-bg` class, where the `color` part changes for each item. Each class should set the `background-color` the respective color. </del> <ins> Write an `@each` directive that goes through a list: `blue, black, red` and assigns each variable to a `.color-bg` class, where the `color` part changes for each item to the respective color. Each class should set the `background-color` to the respective color as well. </ins> # --hints--

In module, currently, the instruction says: Write an directive that goes through a list: and assigns each variable to a class, where the part changes for each item. Each class should set the the respective color. In order to avoid any sort of ambiguity and to make instructions more clear, I think the instructions should be as follows: Write an directive that goes through a list: and assigns each variable to a class, where the part changes for each item to the respective color. Each class should set the to the respective color as well. In module, the instructions should be as follows: Write an directive that goes through a list: and assigns each variable to a class, where the part changes for each item to the respective color. Each class should set the to the respective color as well. <img width="521" alt="image" src=""- Device: Laptop OS: macOS 13.0.1 Browser: Chrome Version: 107.0.5304.110


Question: h4.negative-10.text-nowrap Community Builder img.profile-image(src='https://s3.amazonaws.com/freecodecamp/branden-byers.jpg' alt="Branden Byers picture") h4.text-nowrap Madison, Wisconsin <del> p.negative-10 "I'm a massage therapist and Stay-at-home-dad. I learned Hypercard, then Rails, but now I feel at home with JavaScript." </del> <ins> p.negative-10 "Cookbook author and stay-at-home-dad. Started coding as a kid, got distracted, but now I'm back in full JavaScript force!" </ins> .col-xs-12.col-sm-4.col-md-3.team-member h3.negative-10.text-nowrap Michael Johnson h4.negative-10.text-nowrap Nonprofit Coordinator

In step , currently, the instruction says: The at the beginning of the other commands at the bottom stands for "meta". It's a key that doesn't exist on most keyboards. If you're on OSX it means press then then the letter. If you are on another system, press then the letter. Use the exit command to get back to the terminal. Instead of this, the instruction should be as follows: The at the beginning of the other commands at the bottom stands for "meta". It's a key that doesn't exist on most keyboards. If you're on OSX it means press then the letter. If you are on another system, press then the letter. Use the exit command to get back to the terminal. NOTE: There's an extra then in the third sentence i.e. If you're on OSX it means press then the letter. In step , currently, the instruction says: That construction team must be working hard Open the file again to continue building. Instead of this, the instruction should be as follows: That construction team must be working hard . Open the file again to continue building. NOTE: There's a missing full stop ( ) after within the first sentence. In step , the instruction should be as follows: The at the beginning of the other commands at the bottom stands for "meta". It's a key that doesn't exist on most keyboards. If you're on OSX it means press then the letter. If you are on another system, press then the letter. Use the exit command to get back to the terminal. In step , the instruction should be as follows: That construction team must be working hard . Open the file again to continue building. <img width="707" alt="image" src="https://user-"<img width="706" alt="image" src="https://user-"- Device: Laptop OS: macOS 13.0.1 Browser: Chrome Version: 107.0.5304.110


Question: h4.negative-10.text-nowrap Community Builder img.profile-image(src='https://s3.amazonaws.com/freecodecamp/branden-byers.jpg' alt="Branden Byers picture") h4.text-nowrap Madison, Wisconsin <del> p.negative-10 "I'm a massage therapist and Stay-at-home-dad. I learned Hypercard, then Rails, but now I feel at home with JavaScript." </del> <ins> p.negative-10 "Cookbook author and stay-at-home-dad. Started coding as a kid, got distracted, but now I'm back in full JavaScript force!" </ins> .col-xs-12.col-sm-4.col-md-3.team-member h3.negative-10.text-nowrap Michael Johnson h4.negative-10.text-nowrap Nonprofit Coordinator

It says that plot 1 should have an x label of Month, but it's the second plot that is monthly. It should say that plot 2 should have that xlabel. It should say that plot 2 should have an xlabel of Years It's testing correctly, so it should be an issue only with the assert message ! 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
same thing for the ylabel in plot 2 actually, it says plot 1 there too
Hello, It seems that same thing is for the "testboxplot_titles".
I am opening this for contribution. The PR has to be done on the boilerplate:


Question: h4.negative-10.text-nowrap Community Builder img.profile-image(src='https://s3.amazonaws.com/freecodecamp/branden-byers.jpg' alt="Branden Byers picture") h4.text-nowrap Madison, Wisconsin <del> p.negative-10 "I'm a massage therapist and Stay-at-home-dad. I learned Hypercard, then Rails, but now I feel at home with JavaScript." </del> <ins> p.negative-10 "Cookbook author and stay-at-home-dad. Started coding as a kid, got distracted, but now I'm back in full JavaScript force!" </ins> .col-xs-12.col-sm-4.col-md-3.team-member h3.negative-10.text-nowrap Michael Johnson h4.negative-10.text-nowrap Nonprofit Coordinator

Sometimes when testing the Scientific Computing with Python projects the unittest response is "The diff is x character long. Set maxDiff to None to view it" (or something similar) I propose we set that maxDiff to none in the tests in advance
To expand on this, the boilerplate projects can be found in the following 5 repositories: (see below for this one) Each of these has a file which contains the tests. From what I can tell, adding between these two lines would resolve this. The arithmetic formatter uses a different testing package - do we know if this one is having the same error?
Hi. I would like to work on this. But I wasn't able to find instructions on setting up the code?
Arithmetic formatter can have part of the output truncated. Using in will always give full output.
I vote to do that change to Arithmetic Formatter then
did you do all the projects? or there is something missing?
only left is Arithmetic Formatter
Ok, let's see if I can do it
For the Arithmetic Formatter, the tests say
I seems I am not managing to figure out how to make the change to pytest in the file, I probalby need to delve deeper in the pytest documentation
Changing to in the file should do that.
yes, it does! and now it says lots more I don't know if maybe now there is too much?
It can be a bit overwhelming for somebody not used to it, but that can be said about version without as well.


Question: h4.negative-10.text-nowrap Community Builder img.profile-image(src='https://s3.amazonaws.com/freecodecamp/branden-byers.jpg' alt="Branden Byers picture") h4.text-nowrap Madison, Wisconsin <del> p.negative-10 "I'm a massage therapist and Stay-at-home-dad. I learned Hypercard, then Rails, but now I feel at home with JavaScript." </del> <ins> p.negative-10 "Cookbook author and stay-at-home-dad. Started coding as a kid, got distracted, but now I'm back in full JavaScript force!" </ins> .col-xs-12.col-sm-4.col-md-3.team-member h3.negative-10.text-nowrap Michael Johnson h4.negative-10.text-nowrap Nonprofit Coordinator

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. -- <!-- Add a link to the coding challenge with the problem. --<!-- Copy and paste the code from the editor that you used in between the back-ticks below: -- Expected to see Clothing withdrawal transactions (-25.55) on output but only seeing the 'transfer from food $50'. Transfer method passes but the food transfer of 50 but it is 0. <!-- Add a clear and concise description of what you expected to happen. --<!-- If applicable, add screenshots to help explain your problem. you can drag and drop, png, jpg, gif, etc. in this box. --<!-- Please complete the following information. --- Device: PC Desktop OS: Windows 10 Browser: Firefox Version: 93.0 <!-- Add any other context about the problem here. --I've since updated my transfer method to use the withdrawal and deposit functions to accomplish the task correctly. It seems the Transfer method test case needs a bit of an upgrade to make sure withdrawals are working.
The test for transfer function is not checking if the amount is deducted or , But only checks for the ledger entries. Adding two additional tests for deduction and addition will fix this issue.
I tossed up a PR for this: I two asserts to the existing test.


Question: h4.negative-10.text-nowrap Community Builder img.profile-image(src='https://s3.amazonaws.com/freecodecamp/branden-byers.jpg' alt="Branden Byers picture") h4.text-nowrap Madison, Wisconsin <del> p.negative-10 "I'm a massage therapist and Stay-at-home-dad. I learned Hypercard, then Rails, but now I feel at home with JavaScript." </del> <ins> p.negative-10 "Cookbook author and stay-at-home-dad. Started coding as a kid, got distracted, but now I'm back in full JavaScript force!" </ins> .col-xs-12.col-sm-4.col-md-3.team-member h3.negative-10.text-nowrap Michael Johnson h4.negative-10.text-nowrap Nonprofit Coordinator

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. My code:
you need a closing brace after the quoted class.
thanx


Question: ```yml tests: - text: The function countOnline should use a `for in` statement to iterate through the object keys of the object passed to it.  testString: assert(code.match(/fors*(s*(var|let)s+[a-zA-Z_$]w*s+ins+[a-zA-Z_$]w*s*)s*{/));   testString: assert(code.match(/fors*(s*(var|let|const)s+[a-zA-Z_$]w*s+ins+[a-zA-Z_$]w*s*)s*{/));  - text: 'The function countOnline should return 1 when the object { Alan: { online: false }, Jeff: { online: true }, Sarah: { online: false } } is passed to it' testString: assert(countOnline(usersObj1) === 1); - text: 'The function countOnline should return 2 when the object { Alan: { online: true }, Jeff: { online: false }, Sarah: { online: true } } is passed to it'

Describe your problem and how to reproduce it: Declaring a loop using as the declaration to solve the challenge does not pass one test. Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Chrome Browser Version: 80 Operating System: Windows 10 Pointed out in this forum topic:


Question:
${author}

${bio.length > 50 ? bio.slice(0, 49) + '...' : bio}

${bio.length > 50 ? bio.slice(0, 50) + '...' : bio}
  ${author} author page
 `;

The test is expecting to use 49 in the slice. Which seems like could have been an error….It should be 50 The test is expecting to use 49 in the slice. Which seems like could have been an error….It should be 50 No response Device: [Laptop] OS: [Windows 10] Browser: [ Chrome] No response
Yes, you are correct. The test is incorrect. I will go ahead and open this up for contribution for the community. Please read through the guidelines first. We do not assign issues. If you are interested in working on this, then work on the issue and create a PR. Several changes need to be made Here is the first file that needs to be updated For step , you will need to update these two tests here to use the correct value of 50 for the slice method. You will also need to update the seed code for steps 28 and 29. Remember that step 29 also has the complete solution which needs to be updated as well Happy coding


Question: "title": "Declare String Variables", "description": [ "In the previous challenge, we used the code var myName = "your name". This is what we call a String variable. It is nothing more than a "string" of characters. JavaScript strings are always wrapped in quotes.",  "Now let's create two new string variables: myFirstNameand myLastName and assign them the values of your first and last name, respectively."   "Now let's create two new string variables: myFirstName and myLastName and assign them the values of your first and last name, respectively."  ], "tests": [ "assert((function(){if(typeof(myFirstName) !== "undefined" && typeof(myFirstName) === "string" && myFirstName.length > 0){return true;}else{return false;}})(), 'message: myFirstName should be a string with at least one character in it.');",

There are missing spaces between some words in: "welcomeToBooleansfunction so that it will return trueinstead of falsewhen the run button is clicked."
There is a similar issue with "Waypoint: Use Bracket Notation to Find the Nth Character in a String" In the first paragraph and the third paragraph. As does "Waypoint: Manipulate Arrays With unshift" in both paragraphs.


Question:
## Description
  To create a CSS Variable, you just need to give it a name with two dashes in front of it and assign it a value like this:   To create a CSS variable, you just need to give it a name with two dashes in front of it and assign it a value like this:  ```css --penguin-skin: gray;

<!-- 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: Challenge is missing a period in its description. ! Add a Link to the page with the problem: Here is the file that needs to be edited:
Btw, I think there is a typo in the description as well: should be
Looks like those could both changed.


Question: Fulfill the below user stories and get all of the tests to pass. Use whichever libraries or APIs you need. Give it your own personal style. <del> You can use HTML, JavaScript, CSS, and the D3 svg-based visualization library. The tests require axes to be generated using the D3 axis property, which automatically generates ticks along the axis. These ticks are required for passing the D3 tests because their positions are used to determine alignment of graphed elements. You will find information about generating axes at <https://github.com/d3/d3/blob/master/API.md#axes-d3-axis>. Required (non-virtual) DOM elements are queried on the moment of each test. If you use a frontend framework (like Vue for example), the test results may be inaccurate for dynamic content. We hope to accommodate them eventually, but these frameworks are not currently supported for D3 projects. </del> <ins> You can use HTML, JavaScript, CSS, and the D3 svg-based visualization library. The tests require axes to be generated using the D3 axis property, which automatically generates ticks along the axis. These ticks are required for passing the D3 tests because their positions are used to determine alignment of graphed elements. You will find information about generating axes at <https://github.com/d3/d3/blob/master/API.md#axes-d3-axis>. Required DOM elements are queried on the moment of each test. If you use a frontend framework (like Vue for example), the test results may be inaccurate for dynamic content. We hope to accommodate them eventually, but these frameworks are not currently supported for D3 projects. </ins> **User Story #1:** My tree map should have a title with a corresponding `id="title"`.

In the 5 certification projects for the Data Visualization certificate, the phrase "(non-virtual) DOM elements" is used without any prior explanation (I checked the Data Visualization curriculum and no such phrase was introduced at any point). It is not clear therefore to the learner what the requirement "Required (non-virtual) DOM elements are queried on the moment of each test." could actually mean. Now, maybe it means "actual DOM' vs "virtual DOM" from the React curriculum. But requiring that a priori knowledge to understand a Data Visualization project requirement seems like overkill? I propose that this requirement in all 5 projects be stated simply as "Required DOM elements..." The chance of someone not understanding that we mean 'actual DOM elements' seems miniscule to me in the context of these challenges, but I'm not a web developer, so if there is a valid reason to use the term 'non-virtual DOM elements', it would be very interesting for me to learn/hear of it. ps. should this issue be accepted, please also fix the phrasing "on the moment" to be "at the moment" which I believe is what was actually meant. update all 5 certification project statements referring to (non-virtual) DOM elements as per the above discussion. No response N/A No response
I think this is more of a note for advanced campers, similar to mentioning that the tests might not work with a framework like Vue.
Yes I think so too, but it is too confusing to someone who is not that advanced. If we didn't say it, what is the chance an advanced camper will run into a problem?
It likely wouldn't - though I also haven't seen much mention of beginners who do have confusion.
I agree that I haven't seen questions on this either but since the rule-of-thumb is to not include undefined technical terms in the challenges and projects, we should do something about this one. (Either define it or drop it)
Thanks for opening this issue. 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: In these files, the text should be updated to . Please make sure you read our , we prioritize contributors following the instructions in our guides.


Question: Fulfill the below user stories and get all of the tests to pass. Use whichever libraries or APIs you need. Give it your own personal style. <del> You can use HTML, JavaScript, CSS, and the D3 svg-based visualization library. The tests require axes to be generated using the D3 axis property, which automatically generates ticks along the axis. These ticks are required for passing the D3 tests because their positions are used to determine alignment of graphed elements. You will find information about generating axes at <https://github.com/d3/d3/blob/master/API.md#axes-d3-axis>. Required (non-virtual) DOM elements are queried on the moment of each test. If you use a frontend framework (like Vue for example), the test results may be inaccurate for dynamic content. We hope to accommodate them eventually, but these frameworks are not currently supported for D3 projects. </del> <ins> You can use HTML, JavaScript, CSS, and the D3 svg-based visualization library. The tests require axes to be generated using the D3 axis property, which automatically generates ticks along the axis. These ticks are required for passing the D3 tests because their positions are used to determine alignment of graphed elements. You will find information about generating axes at <https://github.com/d3/d3/blob/master/API.md#axes-d3-axis>. Required DOM elements are queried on the moment of each test. If you use a frontend framework (like Vue for example), the test results may be inaccurate for dynamic content. We hope to accommodate them eventually, but these frameworks are not currently supported for D3 projects. </ins> **User Story #1:** My tree map should have a title with a corresponding `id="title"`.

Join us in our or our if you need help contributing; our moderators will guide you through this. Sometimes we may get more than one pull request. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.


Question: is2018DataVisCert && isApisMicroservicesCert && isFrontEndLibsCert && <del> is2020QaCert && is2020InfosecCert && </del> <ins> isInfosecQaCert && </ins> isJsAlgoDataStructCert && isRespWebDesignCert;

Some users can claim python, new QA, and new infosec certifications without submitting their required projects on .dev. It seems the api does not find the cert challenge and proceeds by setting the related cert flag on the user object to true. The issue can be resolved by reseeding the db locally. I cannot reproduce this issue at the moment, but I will keep this open in case other users are experiencing the same issue.
Hello! I tested this issue, and I was able to claim the certifications without completing the projects.
could you check if you can see the certification after claiming it? I'm just wondering if this is purely a client-side issue.
I am able to see the four certificates I could claim, yes.
Thanks for checking that. In that case, while it seems likely that it will fine if the database is migrated, the api should definitely default to rejecting certifications it does recognise.
Yes We Can Claim Python Certification Without submitting the Projects.
that's really serious


Question: is2018DataVisCert && isApisMicroservicesCert && isFrontEndLibsCert && <del> is2020QaCert && is2020InfosecCert && </del> <ins> isInfosecQaCert && </ins> isJsAlgoDataStructCert && isRespWebDesignCert;

Currently when you complete/claim a certificate there's an entry on the timeline: <img width="582" alt="Screen Shot 2020-05-27 at 9 37 55 AM" src="https://user-"This doesn't seem to be working for the new Scientific Computing with Python, Data Analysis with Python, and Machine Learning with Python certificates.
I'm a new contributor but I'd like to help out on this.
I think this is mostly working. You just need to refresh the page before it shows up... <img width="598" alt="Screen Shot 2020-05-27 at 11 34 12 AM" src="https://user-"Edit: hmm, it seems to be working locally, but not on .dev - the "view cert" button is there in both environments - it just doesn't show on the timeline on .dev
Ah, interesting. This does seem to work locally but not on .dev for some reason.
This may be a one off issue related to where the new/split certificates (Quality Assurance, Information Security, Scientific Computing with Python, Data Analysis with Python, and Machine Learning with Python) were not seeded to the .dev database for some reason. I can confirm this is working locally like mentioned above. thank you for your interest in contributing. Please check out issues with the label for other things we need help with.


Question: is2018DataVisCert && isApisMicroservicesCert && isFrontEndLibsCert && <del> is2020QaCert && is2020InfosecCert && </del> <ins> isInfosecQaCert && </ins> isJsAlgoDataStructCert && isRespWebDesignCert;

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --1) The Full Stack Cert claimed date will only show as the current date and not the date it was claimed on. I claimed mine on the 7th of September and checking back regularly I noticed the claimed on date was always the current date. 2) The Full Stack Cert appears as the Legacy Full Stack Cert on a users profile page, clicking this leads to an error as the legacy cert does not exist. It should be in with the new certificates. That being said, on the settings page the link to view the certificate is linked correctly. ${username-here} /full-stack ${username-here} N.A 1) Just the claimed on date. No screenshot necessary. 2) !
Similar to
I am having the same issue with my Full Stack Certificate
Mine as well. Has this been addressed?
Same here - The issued date shows the current date and not the date on which it was originally issued -
Related
Have the same problem: the date of Full Stack Certificate is always a current date.
If there are no records for a fullstack certificate, a good fallback would be going thought the date of the modern certificates and displaying the date of latest claimed certificate.
optimally, we should add a completion timestamp and an id when campers claim a fullstack certificate with a fallback to the last earned cert if a timestamp is not found.
My full stack certification also updates with the current date not the claimed date.
The date on my full stack certificate is showing the date i claim my Responsive Web design certificate ( the first certificate ). and now if i want to see the certificate it is asking me to claim certificate when i claim it will say is like u have claim the certificate and it will not show me the certificate.
This is an ongoing issue, please use the reactions instead to assert "me too". Potential approach for fixes: and
Also related to the Full Stack cert – the date seems to be the date the first certification was claimed, not the date the full stack certification was claimed:
The fallback is not working properly and I should have caught that. It's not a tricky fix, but I'll make sure it works this time!
Ok thenks On May 5, 2020 11:04, "Oliver Eyton-Williams" <:


Question: text-align: left; } <del> @media screen and (max-width: 767px) { .help-modal .btn-lg { font-size: 16px; } } </del> .help-text-warning { text-align: left; }

The following classes in are unused and should be removed: .help-modal .help-modal-heading .btn-lgRemove the above classes from Test and confirm that the modal displays properly after the changes


Question: Puedes ayudarnos a: <del> - [📝 Investigar, escribir y actualizar nuestras guías.](#investiga-escribe-y-actualiza-nuestros-artículos-de-guía) </del> <ins> - [📝 Investigar, escribir y actualizar nuestras guías.](#investiga-escribe-y-actualiza-nuestras-guías) </ins> - [💻 Crear, actualizar y corregir errores en nuestros desafíos de código.](#crear-actualizar-y-corregir-errores-en-nuestros-desafíos-de-codificación) - [🌐 Traducir artículos de guía y desafíos de código.](#traducir-artículos-de-guía-y-desafíos-de-codificación) <del> - [🛠 Corregir errores en la plataforma de aprendizaje de freeCodeCamp.org.](#ayúdenos-a-corregir-errores-en-la-plataforma-de-aprendizaje-de-freeCodeCamp.org) </del> <ins> - [🛠 Corregir errores en la plataforma de aprendizaje de freeCodeCamp.org.](#investiga-escribe-y-actualiza-nuestras-guías) </ins> ### Investiga, escribe y actualiza nuestras guías

Describe your problem and how to reproduce it: Anchor links such is not working properly in several languages. For sure is not working in: Russian, Spanish, Chinese languages. Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Chrome Browser Version: Version 74.0.3729.169 (Official Build) (64-bit) Operating System: Windows 10 Pro 1809 If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box): !
These 3/4 PRs (exlude one - which I PR'd to my own forked-repo) may close this issue. Please review them.


Question: assert.deepEqual(binarySearch(_testArray, 13), [13]); ``` <ins> `binarySearch(testArray, 70)` should return `[13, 19, 22, 49, 70]`. ```js assert.deepEqual(binarySearch(_testArray, 70), [13, 19, 22, 49, 70]); ``` </ins> # --seed--

The following code passes all the challenge's tests, but it is incorrect (it fails to find if is the last element of The code above should not pass the challenge. ! Device: Macbook Pro OS: 10.13.6 Browser: Firefox Version: 97.0.1
Checking against the solution on the forum, it appears that should return . We could add a test to the challenge that checks this, which would resolve this issue.
Yes, that should be all it takes to resolve this issue.
I'm going to go ahead and open this up for first time contributors. A PR to resolve this issue will: Add a test to that asserts returns . If you are interested in working on this issue, we recommend starting with our , and you are welcome to join our if you have any questions.
can I do the code in python ?
No. Our challenges run on Javascript. In this case, you don't need to write a new impl of the algorithm or anything. You just need to add an additional test case that matches the one given above.
Sure, unless wants to take this, I will


Question: assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.media?.mediaText === 'only screen and (max-width: 550px)'); ``` <del> Your new `@media` rule should have a `.hero-title` selector, a `.hero-subtitle, .author, .quote, .list-header` selector, a `.social-icons` selector, and a `.text` selector. These selectors should be in this order. </del> <ins> Your new `@media` rule should have a `.hero-title` selector, a `.hero-subtitle, .author, .quote, .list-title` selector, a `.social-icons` selector, and a `.text` selector. These selectors should be in this order. </ins> ```js assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[0]?.selectorText === '.hero-title'); <del> assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[1]?.selectorText === '.hero-subtitle, .author, .quote, .list-header'); </del> <ins> assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[1]?.selectorText === '.hero-subtitle, .author, .quote, .list-title'); </ins> assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[2]?.selectorText === '.social-icons'); assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[3]?.selectorText === '.text'); ```

In [()] step it is written but in the html file there is no selector instead there is selector present. ( In [()] step it is written but in the html file there is no selector instead there is selector present. either change the to or remove the totally from the step to do. No response
Page File: the seed content doesn't have , and the step after it do include it as well. we should swap with This looks something that can be fixed by "first time" code contributors to this repository. Here is the file that you should be looking at to work on a fix: file: 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 would like to work on this issue. Please assign this issue to me .
We don't give assignment unless to an old time contributor to the repo. Edit: sorry should have provided more info. There were times when people assigned an issue and didn't commit to it, because of that the guide mentions we don't assign people and seek quality and fast commits. Sorry if my original answer was uninformative. I hope you have a good day and happy coding.


Question: --- ## Case Studies <del> The Software Engineering Ethics Research Institute of the Department of Computer and Information Sciences at East Tennessee State University published a series of  Case Studies to help sensitize practicing software developers and students to the various types of ethical dilemmas they may face. [The International Standard for Professional Software Development and Ethical Responsibility](http://seeri.etsu.edu/TheSECode.htm) forms the basis for much of the analysis in each case. </del> <ins> The Markkula Center for Applied Ethics at Santa Clara University published a large collection of case studies to help expose practicing software developers and students to the various types of ethical dilemmas they may face. </ins> Cases: <del> * [**Big Brother Spyware**](http://seeri.etsu.edu/SECodeCases/ethicsC/BigBrother.htm) – Raises the issues of the tension between privacy, security, and whistleblowing in a post 11 September environment. </del> <ins> * [**Privacy, Technology, and School Shootings**](https://www.scu.edu/ethics/privacy/case-study-on-online-privacy/) - Schools are increasingly monitoring students' online activity. </ins> <del> * [**Computerized Patient Records**](http://seeri.etsu.edu/SECodeCases/ethicsC/Computerized%20Patient%20Records.htm) – The case uses patient records to examine the developer’s responsibility for information security. It evaluates a series of alternatives. </del> <ins> * [**Disclosing Software Vulnerabilities**](https://www.scu.edu/ethics/focus-areas/business-ethics/resources/the-vulnerability-disclosure-debate/) </ins> <del> * [**Death By Wire**](http://seeri.etsu.edu/SECodeCases/ethicsC/DeathByWire.htm) – The case address issues that arise from the shift of control from mechanically based systems to purely electronic/computer systems. It explores a situation where this process has been extended to heavy vehicles. It also looks at what happens when control of safety-critical equipments is turned over to a computer. </del> <ins> * [**Shipping Defective Products to Customers**](https://www.scu.edu/ethics/focus-areas/more/engineering-ethics/engineering-ethics-cases/to-ship-or-not-to-ship/) </ins> <del> * [**Digital Wallets and Whistle Blowing**](http://seeri.etsu.edu/SECodeCases/ethicsC/DigitalWallets.htm) – This is based on a real case involving security and includes an analysis of the decision related to when and how to whistle blow. </del> <ins> * [**Time-Sharing Space**](https://www.scu.edu/ethics/focus-areas/more/engineering-ethics/engineering-ethics-cases/time-sharing-space/) - An intern suspects a fellow intern is being condescending due to her gender. </ins> <del> * [**For Girls Only**](http://seeri.etsu.edu/SECodeCases/ethicsC/ForGirlsOnly.htm) – This case looks at a real case of gender bias in the development of software. </del> <ins> * [**Copyright Concerns**](https://www.scu.edu/ethics/focus-areas/more/engineering-ethics/engineering-ethics-cases/copyright-concerns/) - An employee develops software with some code that they had previously written while employed at another company. </ins> <del> * [**Nano-Technology: Swallow That Chip**](http://seeri.etsu.edu/SECodeCases/ethicsC/NanoTechnology.htm) – This case uses the vehicle of nano-technology to explore ways to address privacy and security issues that face software developers... </del> <ins> * [**Unintended Effects**](https://www.scu.edu/ethics/focus-areas/more/engineering-ethics/engineering-ethics-cases/unintended-effects/) - A manager believes his company is providing the wrong form of technology to an in-need community. </ins> <del> * [**Patriot Missile Case**](http://seeri.etsu.edu/SECodeCases/ethicsC/PatriotMissile.htm) – This piece examines the importance of configuration management and effective design as they relate to the Patriot Missile Disaster. * [**Therac-25**](http://users.csc.calpoly.edu/~jdalbey/SWE/Papers/THERAC25.html) – This case highlights the danger of software-based controls on life-threatening systems. </del> <ins> * [**Insurmountable Differences**](https://www.scu.edu/ethics/focus-areas/more/engineering-ethics/engineering-ethics-cases/insurmountable-differences/) - Responding to racially motivated remarks in the workplace. </ins> #### More Information <del> Additional information is available through the [Software Engineering Ethics Research Institute](http://seeri.etsu.edu) </del> <ins> * [The Markkula Center's homepage.](https://www.scu.edu/ethics/) </ins>

Describe your problem and how to reproduce it: Clicking on any of the case study links under the developer ethics guide in ~any language~ will all lead to the Software Engineering Ethics Research Institute (SEERI) homepage. Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Chrome Browser Version: Operating System: Mac OS If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box): ! It seems as if the Ethical Cases tab on their website is the was probably where the case studies used to live but has since been replaced by an empty template. I can hop onto this issue if y'all have ideas on how to proceed - find new case studies or get rid of these links?
I'd say google the links, maybe they've moved to a new place. If you cannot find anything, I think we would need new links but also some discussion on the issue before we change links to new studies. Go ahead and take this up if you want
i am a first timer contributor i would like to fix this if you can just show where to begin
We'd absolutely welcome you help on this issue but we're waiting for a reply from . In the meantime, have a look and check for issues which do not already have a PR made. Also make sure you read out contributor's documents properly in the /docs directory.
Okay, I will look into this!
It seems that the case studies are no longer on the site, but I've found a list of similar case studies at another . Also, the first link on the page also seems as if it's supposed to lead to an ethics code, but that has
If the new links look fine to you, go ahead and make different PRs for each language and replace the links
English links are in the pull request below, but if approved, translations will be needed!
We are no longer excepting translations for the existing curriculum, so don't worry about creating PRs for the other languages.


Question: # --description-- <del> Two or more strings can be concatenated by using the `+` operator. For example: `'Hello' + ' there!'` results in `'Hello there!`. </del> <ins> Two or more strings can be concatenated by using the `+` operator. For example: `'Hello' + ' there!'` results in `'Hello there!'`. </ins> Call the `print()` function and use the `+` operator to concatenate the `text` variable to the string `'Encrypted text: '`. Pay attention to the spacing.

There is a typo in step 87 of Building a Cipher: Fix the typo in the following file:
This issue is open to first-time code contributors to this repository. The file that you should be updating is linked in the original post. 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. 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.
Is someone working on this issue? If not, I want to work on it.
We typically do not assign issues. Instead, we accept the first pull request that comprehensively solves the issue. Issues labelled with or are open for contributions. Please make sure you read . We prioritize contributors following the instructions in our guide. Join us in or if you need help contributing - our community will be happy to assist you.


Question: bindActionCreators({ submitProfileUI }, dispatch); const propTypes = { <del> isLocked: PropTypes.bool, showAbout: PropTypes.bool, showCerts: PropTypes.bool, showDonation: PropTypes.bool, showHeatMap: PropTypes.bool, showLocation: PropTypes.bool, showName: PropTypes.bool, showPoints: PropTypes.bool, showPortfolio: PropTypes.bool, showTimeLine: PropTypes.bool, </del> submitProfileUI: PropTypes.func.isRequired, <del> user: PropTypes.object </del> <ins> user: PropTypes.shape({ profileUI: PropTypes.shape({ isLocked: PropTypes.bool, showAbout: PropTypes.bool, showCerts: PropTypes.bool, showDonation: PropTypes.bool, showHeatMap: PropTypes.bool, showLocation: PropTypes.bool, showName: PropTypes.bool, showPoints: PropTypes.bool, showPortfolio: PropTypes.bool, showTimeLine: PropTypes.bool }), username: PropTypes.String }) </ins> }; class PrivacySettings extends Component { <del> constructor(props) { super(props); const originalProfileUI = { ...props.user.profileUI }; this.state = { privacyValues: { ...originalProfileUI }, originalProfileUI: { ...originalProfileUI } }; } componentDidUpdate() { const { profileUI: currentPropsProfileUI } = this.props.user; const { originalProfileUI } = this.state; if (!isEqual(originalProfileUI, currentPropsProfileUI)) { /* eslint-disable-next-line react/no-did-update-set-state */ return this.setState(state => ({ ...state, originalProfileUI: { ...currentPropsProfileUI }, privacyValues: { ...currentPropsProfileUI } })); } return null; } </del> handleSubmit = e => e.preventDefault(); <del> toggleFlag = flag => () => this.setState( state => ({ privacyValues: { ...state.privacyValues, [flag]: !state.privacyValues[flag] } }), () => this.props.submitProfileUI(this.state.privacyValues) ); </del> <ins> toggleFlag = flag => () => { const privacyValues = { ...this.props.user.profileUI }; privacyValues[flag] = !privacyValues[flag]; this.props.submitProfileUI(privacyValues); }; </ins> render() { <del> const { privacyValues: { isLocked = true, showAbout = false, showCerts = false, showDonation = false, showHeatMap = false, showLocation = false, showName = false, showPoints = false, showPortfolio = false, showTimeLine = false } } = this.state; </del> const { user } = this.props; <ins> const { isLocked = true, showAbout = false, showCerts = false, showDonation = false, showHeatMap = false, showLocation = false, showName = false, showPoints = false, showPortfolio = false, showTimeLine = false } = user.profileUI; </ins> return ( <div className='privacy-settings'>

to your profile settings page the privacy setting to the top and click The privacy setting you changed will not have taken effect. From there, you can go back to the settings using the settings button, and the privacy setting will still show it as it was before you changed it. I believe this is due to using to navigate to the portfolio. The setting will have actually changed in the DB, but the effects won't show until you do a hard reload.
I can fix this if it's decided to change it.
As far as I can see, the problem is that the user is only pulled from the server once. The server is getting updated correctly, but the redux store isn't being asked to mirror these changes.
as there seems to be an issue with a redux reducer.
I was speaking to earlier and he says:
Is someone looking into this ( Otherwise I can take a crack at it tomorrow.
Go for it - let me know if you want to team up on it.


Question: git cherry-pick <commit-hash> ``` <del> 4. Resolve any conflicts, and cleanup, install run tests </del> <ins> 4. Resolve any conflicts, cleanup, install dependencies and run tests </ins> ```console npm run clean

in the document, the instruction header says this: because how the following instruction looks I agree with the camper suggestion, in the original issue Can we clear the empty line in the code block, it's annoying me here is the file here is the original issue
hiii, Please accept the pull request
Hello Please is this still open? And how can I work on it?


Question: } ``` <del> However, this should be used with care as using multiple conditional operators without proper indentation may make your code hard to read. For example: </del> <ins> It is considered best practice to format multiple conditional operators such that each condition is on a separate line, as shown above. Using multiple conditional operators without proper indentation may make your code hard to read. For example: </ins> ```js function findGreaterOrEqual(a, b) {

<!-- 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: Bug - Test for below code fails with error: checkSign should use multiple conditional operators. Screenshot -1: ! Screenshot - 2: ! How to reproduce It. Instead of Error: “checkSign should use multiple conditional operators.” Error should be: Using multiple ternary operators in statement-if-true part of ternary operator is not best practice. (Increasing clarity of error message) Add a Link to the page with the problem: Link to ; Link to reporting bug on forum:
I agree that some tweaking makes sense. I'd would help if we can capture the fact that the test fails if a) you aren't using a multiple ternary or b) the ternary isn't in the expected format.
I do not think this is what the challenge asks for: This is the code from the docs: What you have constructed is: I agree, you have accomplished_ the task. However, the expected implemented logic is of the form: So, perhaps we should change the challenge instructions to be more specific as to the format...
Sir, please note: this repository is of . Thank You for your reply.
, haha. Yes, I am well aware. I linked to the Mozilla documentation to retrieve an example of Multiple Conditional Ternary Operators. My point is still entirely valid.
` Please try the above code in this . Please check what is required to pass the challenge.
, I have, and I understand exactly why this issue was created. I am pointing out that the format of your solution is not what is expected, which is clearly seen in the example given in the lesson: I agree, you have accomplished the task. However, the expected implemented logic is of the form: Your solution does not contain logic.
Sir the condition to win the challenge is: Use multiple conditional operators in the checkSign function to check if a number is positive, negative or zero. The function should return "positive", "negative" or "zero". We should Use Multiple Conditional (Ternary) Operators.
Perhaps the error message should be "... multiple conditional operators in the recommended format."


Question: } ``` <del> However, this should be used with care as using multiple conditional operators without proper indentation may make your code hard to read. For example: </del> <ins> It is considered best practice to format multiple conditional operators such that each condition is on a separate line, as shown above. Using multiple conditional operators without proper indentation may make your code hard to read. For example: </ins> ```js function findGreaterOrEqual(a, b) {

And perhaps adding a note along the lines of "It's is a best practice to format the multiple conditional operators so that each condition is on a separate line, as shown in the example, for readability."
"It's is a best practice to format the multiple conditional operators so that each condition is on a separate line, as shown in the example, for readability." I would be for adding a note similar.
Closed? Was an update to the description merged?
It is not possible to implement if/else if/else logic using ternary Operator. But the task can be accomplished. No, the expected implemented logic is of the form:
Expected solution (one of 6, very similar to your final answer): If-else version A ternary, or multiple ternary, always can be written with if-else. The challenge and the description is accurate. We just want to add a clarifying comment or two to emphasize the best practice formatting for readability.
Nevermind.
It looks to me like adding clarifying comments is the best solution. So, let's leave this open until a PR gets merged.
I'd like to jump on this, if possible. I'm a first-timer but really excited to learn!
Go for it, This should be a good issue for a first-timer. I recommend taking a look at the , and if you get stuck ask away in the


Question:
Is Chuck Norris a Cat Person?

Is Chuck Norris a Cat Person?

Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...

Clicking on link in the code preview (for example on "The Garfield Files") opens up web page with all three modules again (Coding Challenge, Code field, Code preview). ! ! I don't know, if this is challenge specific.  Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Firefox Browser Version: Firefox for Linux Mint 1.0 Operating System: Linux Mint 18.3
This is due to how the rendering engine for our curriculum works. If you try this on a stand alone webpage, it won't happen.
Thank you for the explanation May I ask, how I could open it on a stand alone web page? Could we maybe improve the issue, by inserting a dead link instead of leaving it empty?
When I say stand alone web page I mean the you copy the html part out from the FCC paste it in another new file on you PC and run. What we can do is make a PR so that the href contains and not , that fixes it
That is a valuable piece of information, thank you! I will create the PR immediately.


Question: # --instructions-- <del> Add your name as the `author` of the project in the package.json file. </del> <ins> Add your name as the `author` of the project in the `package.json` file. </ins> **Note:** Remember that you’re writing JSON, so all field names must use double-quotes (") and be separated with a comma (,). # --hints-- <del> package.json should have a valid "author" key </del> <ins> `package.json` should have a valid "author" key </ins> ```js (getUserInput) =>

In RTL, these texts will be broken, because they are a mix of special character, numbers, which follow different direction in RTL than LTR. ~1.2.13 1.2.x 1.x.x To fix these, add code elements around the version number. File: change to there are multiple instances in these files All of them should be wrapped in code elements Speaking of weird interactions. Using special characters that relay on direction will break in RTL, because it will be reverted, in example. will be we can wrap in
I want to contribute towards this issue. Can you assign this issue to me.
The first comprehensive PR created will be reviewed and merged. We typically do not assign issues to anyone other than long-time contributors. If you would like to contribute, and have not read the contributors docs, please do so here: If you have any issues with contributing, be sure to join us on the , or on the


Question:
"id": "56533eb9ac21ba0edf2244d5", "title": "Comparison with the Greater Than Or Equal To Operator", "description": [  "The greater than or equal to operator (>=) compares the values of two numbers. If the number to the left is greater than or equal to the number to the right, it returns true. Otherwise, it returns false.
Like the equality operator, greater than or equal to operator will convert data types while comparing.",   "The greater than or equal to operator (>=) compares the values of two numbers. If the number to the left is greater than or equal to the number to the right, it returns true. Otherwise, it returns false.", "Like the equality operator, greater than or equal to operator will convert data types while comparing.",  "Examples", "
 6  >=  6  // true
 7  >= '3' // true
 2  >=  3  // false
'7' >=  9  // false
", "
Instructions
",

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Macintosh; Intel Mac OS X ) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. My code: Usually, paragraphs are separated with an empty line but here it is not. Currently, both paragraphs are in one string with a separating the two paragraphs. For this challenge in the file, the second paragraph should be on its own string so the spacing is consistent with all the other challenges. !
Same goes for this challenge as well:
Humm, don't know why I did that. Yes, these need a proper line break.
Is this how you fork? This is my first time.
I would consult the . It's got a lot of helpful information. The things I can see that need to be changed are: the branch name (it needs to be in the form of so like would be good) and also the issue number should not be in the commit title. It should be in the commit body and say something like . Here's more information about .


Question: {certPath ? ( <Link className='timeline-cert-link' <del> external={true} to={`certification/${username}/${certPath}`} </del> <ins> to={`/certification/${username}/${certPath}`} </ins> > {challengeTitle} <CertificationIcon />

If I click on a link to a certificate from my settings page, it opens in the same tab. If I click on one from the timeline on my portfolio, it opens in a new tab. We could probably make this consistent. I believe I made the timeline links open in a new tab because there's no nav on the cert pages, so the only way to get back to the site is with the browsers back button. I believe I have also heard an argument that they should open in the same tab so I'm not sure what the better way to go is.
sir.. i would like to solve this i contribute??
please go ahead . No assignment is necessary as described in our . The first comprehensive PR will be considered for review.
So should it open in a new tab or in the same tab? what should happen?
same question as shold happen??
I will double check with the dev team and get back to you.
My vote was to open them in a new tab - like I said, there's no nav on the certs so you have to use the browsers back button to get back to the website.
I agree
I was told, "If the user donates on the certificate, the redux store will not be updated on the other tab and would need a refresh". So, I think that for now, we should open them in the current tab - unless someone has a better solution to that.
Could you clarify this? If the user donates on the certificate opened on a new tab, the redux store will not be opened on the original (settings) tab? This does not sound much like a problem. In fact, I would have said that is expected behaviour, from past experience.
So If a user donates on their certificate the store on that tab gets updated (isDonating: true). When the user goes back to the previous tab to work on the challenges, she will see the donation modal. (unless refresh). Solutions: 1) keep a navigation on the certs and keep them in the same tab 2) open certs in new tab but sync state across tabs, Might find this one helpful.
What is the chosen path to solve this issue? Or am I missing something?
We have not come to an agreement regarding the way to move forward yet. The options are listed . Once we reach an agreement, we should make the experience consistent across the app.


Question: 'invalid-protocol': 'URL must start with http or https', 'url-not-image': 'URL must link directly to an image file', 'use-valid-url': 'Please use a valid URL' <ins> }, certification: { certifies: 'This certifies that', completed: 'has successfully completed the freeCodeCamp.org', developer: 'Developer Certification, representing approximately', executive: 'Executive Director, freeCodeCamp.org', verify: 'Verify this certification at {{certURL}}', issued: 'Issued' </ins> } };

The certification files () have been uploaded to Crowdin for translation. However, the React Component itself does not use the translation helper for the text within the certification (such as ). The component and files should be updated to allow this.


Question: # --hints-- <del> Your code should use the `hsl()` function to declare the color `green`. </del> <ins> Your code should use the `hsl()` function to declare the color green. </ins> ```js assert(code.match(/.greens*?{s*?background-colors*:s*?hsl/gi)); ``` <del> Your code should use the `hsl()` function to declare the color `cyan`. </del> <ins> Your code should use the `hsl()` function to declare the color cyan. </ins> ```js assert(code.match(/.cyans*?{s*?background-colors*:s*?hsl/gi)); ``` <del> Your code should use the `hsl()` function to declare the color `blue`. </del> <ins> Your code should use the `hsl()` function to declare the color blue. </ins> ```js assert(code.match(/.blues*?{s*?background-colors*:s*?hsl/gi));

In the Responsive Web Design challenge there are these sentences As I don't think these colors are keywords, I propose to remove the backticks for translation purposes
Bit of a weird one, tbh. Those all are html color codes, but they're really just being used as names for colors. Anyways, it seems reasonable to stop using them as keywords, honestly.
I mean in this specific use case, considering also the table in the description with the hsl codes does not have the colors in backticks. And ok there are the name of the classes, but better needing to do something like " (ciano)" than keeping the colors untranslatable everywhere else imo
Sure, I agree that they shouldn't be keywords. I was just speculating as to why they're currently keywords.


Question: <Col className='certifications' sm={10} smPush={1}> <Link className='btn btn-lg btn-primary btn-block' <del> external={true} </del> to={`/certification/${username}/${cert.certSlug}`} > View {cert.title}


Question: takeEvery(types.updateUserFlag, updateUserFlagSaga), takeLatest(types.submitNewAbout, submitNewAboutSaga), takeLatest(types.submitNewUsername, submitNewUsernameSaga), <del> takeLatest(types.validateUsername, validateUsernameSaga), </del> <ins> debounce(2000, types.validateUsername, validateUsernameSaga), </ins> takeLatest(types.submitProfileUI, submitProfileUISaga), takeEvery(types.verifyCert, verifyCertificationSaga) ];

On the settings page, you can change your username. Any time you stop typing, it reads from the database to see if the username is available - we could change it so that it only makes a query when the user is ready. So instead of when they stop typing, we just let them choose the name they want, then when they click save we check if it's available. Not sure how big of a deal this is, I'm guessing users don't change their username often. Every little bit helps?
I've always wondered about this one. Definitely agree that we shouldn't hit the DB until the camper tries to submit.
I think we can go with the current implementation but wait for a meaningful pause to make sure the user is intending to submit the new username for validity check.


Question: challengeFile.fileKey === fileKey ? { ...challengeFile, ...updates } : { ...challengeFile } <del> ) </del> <ins> ), isBuildEnabled: true </ins> }; }, [actionTypes.storedCodeFound]: (state, { payload }) => ({

Some users are encountering the error in the linked video. See the forum for more discussion. All Console error messages should clear so users can run code No response various No response
If I revert the change from it seems to fix it.
I am also facing this issue while doing javascript datastructures and algorithms course. The console errors are stuck and the solution is to refresh the page everysingle time.
I also face this issue while doing a JavaScript data structures and algorithms course. The console errors are stuck and the solution is to refresh the page every single time.
Thanks for tracking that down, it was defintiely the culprit.


Question: return [ takeLatest(types.executeChallenge, executeCancellableChallengeSaga), takeLatest( <del> [ types.updateFile, types.previewMounted, types.challengeMounted, types.resetChallenge ], </del> <ins> [types.updateFile, types.challengeMounted, types.resetChallenge], </ins> previewChallengeSaga ), <ins> takeLatest(types.previewMounted, previewChallengeSaga, { flushLogs: false }), </ins> takeLatest(types.projectPreviewMounted, previewProjectSolutionSaga) ]; }

In the multi-file editor, if the preview pane is toggled off and then on again, any output in the console will be cleared. Granted, the user can always check their code again to get the console output back. But I'm assuming this is not intended behavior? Any page using the multi-file editor the Survey Form in the new RWD the Console button so it is showing below the preview. the tests. the Preview button to hide the preview. the Preview button again to show the preview. that the console output resets. Console output should not reset if the preview pane is toggled off/on. No response N/A No response
Here is what I tried, so anyone in the future save time: Changing lowerJaw to JSX didn't help. TabPane change display to , but React doesn't care and preserve the state. if you turn to JSX, so react preserve the state, it won't render at all. monaco wants it to be an element. I don't know if this helps, but I personally think if become JSX, then React can do its thing and preserve the state. I have no idea how to make monaco accept JSX instead of Element, so I am going to stop there, maybe someone else the same issue. Here is the file with the issue Here is the react-wrapper for the monaco, maybe it does have a way to do it
I have looked it more up And I don't think, it is possible to inject JSX element inside the editor. I am maybe wrong, but the easiest solution, is to have the editor in instruction and lowerjaw in different tab, is that possible?
I think the console output is not related to the editor per say. We just need to investigate output, consoleOutputSelector, and consoleOut state in redux store and see at what point it gets reset.


Question: # --hints-- <ins> You should have four `article` elements in your second `section`. ```js const secondSection = document.querySelectorAll('section')[1] const articles = secondSection.querySelectorAll('article') assert(articles.length === 4) ``` </ins> You should have four `.dessert` elements. ```js

In step 53 of the Building a Cafe Menu project: Adding by mistake three p elements inside a single article element (instead of three different article elements), I received an unhelpful hint message. Code: Hint: I think that the hint should say something like: You should add three new article elements.
I don't think this hint is necessary wrong or needs to change - there's a test that makes sure there's no spaces between the elements. It fails and gives that message. It just gives the message for the first test that fails. The idea then would be to use the hint to try and solve the step. If you remove the spaces, as the hint suggests, you will pass the step. Although, because I did not add the three new elements, it should not have passed. I think we should just add another hint and test, probably near the top of the tests - maybe the first test, that checks that three new article elements were and we can use the suggestion as the hint. Then, that would be the first test to fail, and you would get the hint about the number of article elements.
<section<h2Desserts</h2<article class="item"<p class="dessert"Donut</p<p class="price"1.50</p<p class="dessert"Cherry Pie</p<p class="price"2.75</p<p class="dessert"Cheesecake</p<p class="price"3.00</p<p class="dessert"Cinnamon Roll</p<p class="price"2.50</p</article</section


Question: # --instructions-- <del> Add version "1.1.0" of the `@freecodecamp/example` package to the `dependencies` field of your `package.json` file. </del> <ins> Add version `1.1.0` of the `@freecodecamp/example` package to the `dependencies` field of your `package.json` file. </ins> **Note:** `@freecodecamp/example` is a faux package used as a learning tool.


Question: "Return the provided string with the first letter of each word capitalized.", "For the purpose of this exercise, you should also capitalize connecting words like 'the' and 'of'." ], <del> "challengeEntryPoint": "titleCase("I'm a little tea pot")", </del> <ins> "challengeEntryPoint": "titleCase("I'm a little tea pot");", </ins> "challengeSeed": "function titleCase(str) {n  return str;rn}", "tests": [ "expect(titleCase("I'm a little tea pot")).to.be.a('String');",

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. content: ""; // when you addany extra space outside the empty string will not pass this challenge. Can't you add any whitespace?
I believe this is by intention, rather than being a bug. You can, but you would do so using a few different means such as margin, padding, or positioning depending on the situation and what you are trying to accomplish. The content attribute of the :before and :after attributes would not interpret arbitrary white space in the way I believe you are asking.
I see what you mean, the tests are too strict. I could fix this if a moderator approves that the tests need to be changed.
We just launched the new curriculum and learning platform. Please take a look at it: Do you still think this challenge is confusing or overly hard? If so, we would welcome improvements to this challenge.
I will look into the tests tomorrow.
You're the man. Thanks! Please keep us posted
I will prepared this and a couple of others for first timers. If the issue is not taken in a couple of days, I will come back and fix them. Let me know if you want me to fix them immediately The location of the test that needs to be changed: the new line should be: "testString": "assert((/.heart:befores?{[sS]content:s?""s?;/gi), 'The <codecontent</codeof the <codeheart:before</codeselector should be an empty string.');"
FYI on the issues page it encourages fist timers to search for the "good first issue" label which does not exist. It should say "first timers welcome" !
Does the issue still exist if not then I would like to work on it?
sorry for the late response. Yes it is open.
could you link me to the page where you're seeing this?  Then I can update it.
It is on the issues page when I sign in with my moderator account.
please review my PR regarding this issue.


Question: "Return the provided string with the first letter of each word capitalized.", "For the purpose of this exercise, you should also capitalize connecting words like 'the' and 'of'." ], <del> "challengeEntryPoint": "titleCase("I'm a little tea pot")", </del> <ins> "challengeEntryPoint": "titleCase("I'm a little tea pot");", </ins> "challengeSeed": "function titleCase(str) {n  return str;rn}", "tests": [ "expect(titleCase("I'm a little tea pot")).to.be.a('String');",

OK - thanks for letting me know - I still can't see it for some reason so you would be a better person to QA this.


Question: "Return the provided string with the first letter of each word capitalized.", "For the purpose of this exercise, you should also capitalize connecting words like 'the' and 'of'." ], <del> "challengeEntryPoint": "titleCase("I'm a little tea pot")", </del> <ins> "challengeEntryPoint": "titleCase("I'm a little tea pot");", </ins> "challengeSeed": "function titleCase(str) {n  return str;rn}", "tests": [ "expect(titleCase("I'm a little tea pot")).to.be.a('String');",

Challenge has an issue. User Agent is: <codeMozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. My code:
you need a closing brace after the quoted class.
thanx


Question: "Return the provided string with the first letter of each word capitalized.", "For the purpose of this exercise, you should also capitalize connecting words like 'the' and 'of'." ], <del> "challengeEntryPoint": "titleCase("I'm a little tea pot")", </del> <ins> "challengeEntryPoint": "titleCase("I'm a little tea pot");", </ins> "challengeSeed": "function titleCase(str) {n  return str;rn}", "tests": [ "expect(titleCase("I'm a little tea pot")).to.be.a('String');",

for step 38 here: the new user needs to set up an SSH key to push to github. the key is given by C9, but it's not clear to me how to add it to github, a simple copy /paste to my SSH keys in my account isn't working. This should be clarified for new users of c9. Not sure if it's needed for every c9 workspace or just once, but I guess github is seeing c9 as a new computer?
Here is a set of instructions that worked for me: In the bottom left of your C9 dashboard is a section called “Add-on Services”. Click “activate” next to the “GitHub” icon (if you haven’t already). When the pop up appears, tell it to allow access to your account. This should complete the link between GitHub account and your C9 account. While still on the dashboard, look to the right under “Account Settings” for the link “Show your SSH key”. Click on it, and copy the value which appears. Go to the GitHub SSH settings page, and click “Add SSH Key” Enter the title “C9″, paste the SSH Key into the “Key” box, and click “Add Key”.
Excellent. Thank you for pointing this out. I'll add this.


Question: "Return the provided string with the first letter of each word capitalized.", "For the purpose of this exercise, you should also capitalize connecting words like 'the' and 'of'." ], <del> "challengeEntryPoint": "titleCase("I'm a little tea pot")", </del> <ins> "challengeEntryPoint": "titleCase("I'm a little tea pot");", </ins> "challengeSeed": "function titleCase(str) {n  return str;rn}", "tests": [ "expect(titleCase("I'm a little tea pot")).to.be.a('String');",

The description does not specify to preserve the title case of the word replaced. Although the tests somehow expect the title case to be preserved if the word is getting replaced. We should either: A. change the test B. Add a note in the description about this quirk.


Question: "Return the provided string with the first letter of each word capitalized.", "For the purpose of this exercise, you should also capitalize connecting words like 'the' and 'of'." ], <del> "challengeEntryPoint": "titleCase("I'm a little tea pot")", </del> <ins> "challengeEntryPoint": "titleCase("I'm a little tea pot");", </ins> "challengeSeed": "function titleCase(str) {n  return str;rn}", "tests": [ "expect(titleCase("I'm a little tea pot")).to.be.a('String');",

It would be really helpful for each bonfire solution on a user's profile to include a link to the original exercise, esp. for non-FCC users.
Great point. I'm doing so. Thanks!


Question: "Return the provided string with the first letter of each word capitalized.", "For the purpose of this exercise, you should also capitalize connecting words like 'the' and 'of'." ], <del> "challengeEntryPoint": "titleCase("I'm a little tea pot")", </del> <ins> "challengeEntryPoint": "titleCase("I'm a little tea pot");", </ins> "challengeSeed": "function titleCase(str) {n  return str;rn}", "tests": [ "expect(titleCase("I'm a little tea pot")).to.be.a('String');",

In the ux-improvements branch: Looks like this is an issue with the seed data here:
Thanks! I've fixed the copy for all of these waypoints.
No problem. You may already know this, but it's still showing the Mongo video...


Question: }); ``` <ins> The `draw` method should behave correctly when the number of balls to extract is bigger than the number of balls in the hat. ```js ({ test: () => { pyodide.FS.writeFile("/home/pyodide/probability_calculator.py", code); pyodide.FS.writeFile( "/home/pyodide/test_module.py", ` import unittest import probability_calculator from importlib import reload reload(probability_calculator) probability_calculator.random.seed(95) class UnitTests(unittest.TestCase): maxDiff = None def test_hat_draw_2(self): hat = probability_calculator.Hat(yellow=5,red=1,green=3,blue=9,test=1) actual = hat.draw(20) expected = ['yellow', 'yellow', 'yellow', 'yellow', 'yellow', 'red', 'green', 'green', 'green', 'blue', 'blue', 'blue', 'blue', 'blue', 'blue', 'blue', 'blue', 'blue', 'test'] self.assertEqual(actual, expected, 'Expected hat draw to return all items from hat contents.') actual = len(hat.contents) expected = 0 self.assertEqual(actual, expected, 'Expected hat draw to leave no items in contents.') ` ); const testCode = ` from unittest import main import test_module from importlib import reload reload(test_module) t = main(module='test_module', exit=False) t.result.wasSuccessful() `; const out = __pyodide.runPython(testCode); assert(out); }, }); ``` </ins> The `experiment` method should return a different probability.

Faulty method of the class can expose itself only during function tests. Case when number of balls to draw is higher than number of balls in hat is not tested explicitly, but it can fail function test, as it includes such experiment. - - Depending on the number of balls to draw and number of balls in Hat: Remove the required number of balls randomly selected, from the Hat. If number of balls to draw is higher than the number of balls, return all the balls. Test for the method checks only the first case: The second behavior is not checked explicitly, but it's a part of the second sub-case in the function test. This creates situation where passing method test and failing function test, can suggest to camper that issue lies in the function. Example with faulty method: Error: Adding test to check second behavior of the method would make debugging easier for campers, as it would show more clearly where is the issue. No response n/a No response


Question:
</Col> <Col md={7} sm={12}>
  Issued    {t('certification.issued')}   {format(certDate, 'MMMM d, y')}
 </Col>


Question: Puedes optar por contribuir a cualquier área de tu interés: <del> 1. [Contribuir a esta base de código fuente abierto.](#contribute-to-this-open-source-codebase) </del> <ins> 1. [Contribuir a esta base de código fuente abierto.](#contribuye-a-esta-base-de-código-abierto) </ins> Ayúdanos a crear o editar [artículos de guía](https://www.freecodecamp.org/guide), [desafíos de codificación](https://www.freecodecamp.org/learn) o a corregir errores en la plataforma de aprendizaje.

Describe your problem and how to reproduce it: Anchor links such is not working properly in several languages. For sure is not working in: Russian, Spanish, Chinese languages. Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Chrome Browser Version: Version 74.0.3729.169 (Official Build) (64-bit) Operating System: Windows 10 Pro 1809 If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box): !
These 3/4 PRs (exlude one - which I PR'd to my own forked-repo) may close this issue. Please review them.


Question: Your `#video` should have a `src` attribute ```js <del> const el = document.getElementById('video') assert(!!el && !!el.src) </del> <ins> let el = document.getElementById('video') const sourceNode = el.children; let sourceElement = null; if (sourceNode.length) { sourceElement = [...video.children].filter(el => el.localName === 'source')[0]; } if (sourceElement) { el = sourceElement; } assert(el.hasAttribute('src')); </ins> ``` You should have a `form` element with an `id` of `form`

The following test (user story) prevents my previously passing project from passing: Important: Notice I use instead of just I never claimed to be a UI expert Do we want to keep such a test? No response Unrelated No response
Maybe you should update your project Honestly I think small tweaks are going to be okay - my tribute page fails because the image needs a height now.
I am also happy with small tweaks, but we did (largely) want to keep the requirements exactly the same. The only change we agreed upon is to add requirements for tags.
Looks like they accommodated for the tag in that test. Maybe we can just add it here too.
although, I think it's good, that we moved on from the old test. tag is extremely useful in html, it has attribute that help developers use less needed css, which lead to better experience, . it should be accepted to use Edit: if you paste this code in it won't pass although there is a media query but in the html Edit: I changed the for easier testing


Question:
"challengeType": 3, "nameEs": "Crea un juego de Tic Tac Toe", "descriptionEs": [  "Objetivo: Crea una aplicación con CodePen.io que reproduzca efectivamente mediante ingeniería inversa este app: http://codepen.io/FreeCodeCamp/full/adBpvw.",   "Objetivo: Construye una aplicación en CodePen.io cuya funcionalidad sea similar a la de esta: http://codepen.io/FreeCodeCamp/full/adBpvw.",  "Regla #1: No veas el código del proyecto de ejemplo en CodePen. Encuentra la forma de hacerlo por tu cuenta.",  "Regla #2: Puedes usar cualquier librería o APIs que necesites.", "Regla #3: Usa ingeniería inversa para reproducir la funcionalidad del proyecto de ejemplo, pero también siéntete en la libertad de personalizarlo.", "Las siguientes son las historias de usuario que debes satisfacer, incluyendo las historias opcionales:", "Historia de usuario: Como usuario, puedo iniciar un juego de Tic Tac Toe con la computadora.", "Historia de usuario opcional: Como usuario, nunca puedo ganar contra la computadora - en el mejor de los casos puedo empatar.", "Historia de usuario opcional: Como usuario, mi juego se reiniciará tan pronto como se termine, de tal forma que pueda jugar de nuevo.", "Historia de usuario opcional: Como usuario, puedo elegir si quiero jugar como X o como O.", "Recuerda utilizar Read-Search-Ask si te sientes atascado.", "Cuando hayas terminado, pulsa el botón de "I've completed this challenge" e incluye un link a tu CodePen. Si programaste en pareja, debes incluir también el nombre de usuario de Free Code Camp de tu compañero.", "Si quieres retroalimentación inmediata de parte de tus compañeros campistas, pulsa este botón y pega el link de tu proyecto en CodePen.

Pulsa aquí y agrega tu link en el texto del tweet"   "Regla #2: Satisface las siguientes historias de usuario. Usa cualquier librería o APIs que necesites. Dale tu estilo personal.", "Historia de usuario: Puedo jugar un juego de Tic Tac Toe contra el computador.", "Historia de usuario: Mi juego se reiniciará tan pronto como termine para poder jugar de nuevo.", "Historia de usuario: Puedo elegir si quiero jugar como X o como O.", "Recuerda utilizar Leer-Buscar-Preguntar si te sientes atascado.", "Cuando hayas terminado, pulsa el botón de "I've completed this challenge" e incluye un enlace a tu CodePen.", "Puedes obtener retroalimentación sobre tu proyecto por parte de otros campistas, compartiéndolo en nuestra Sala de chat para revisión de código. También puedes compartirlo en Twitter y en el campamento de tu ciudad (en Facebook)."  ], "isRequired": true },

[x] Build a JavaScript Calculator [x] Build a Pomodoro Clock [x] Build a Tic Tac Toe Game [x] Build a Simon Game
Working on this one


Question:
], "nameEs": "Crea un reloj pomodoro", "descriptionEs": [  "Objetivo: Crea una aplicación con CodePen.io que reproduzca efectivamente mediante ingeniería inversa este app: http://codepen.io/FreeCodeCamp/full/VemPZX.",   "Objetivo: Crea una aplicación con CodePen.io cuya funcionalidad sea similar a la de esta: http://codepen.io/FreeCodeCamp/full/VemPZX.",  "Regla #1: No veas el código del proyecto de ejemplo en CodePen. Encuentra la forma de hacerlo por tu cuenta.",  "Regla #2: Puedes usar cualquier librería o APIs que necesites.", "Regla #3: Usa ingeniería inversa para reproducir la funcionalidad del proyecto de ejemplo, pero también siéntete en la libertad de personalizarlo.", "Las siguientes son las historias de usuario que debes satisfacer, incluyendo las historias opcionales:", "Historia de usuario: Como usuario, puedo iniciar un pomodoro de 25 minutos, y el cronómetro terminará cuando pasen 25 minutos.",   "Regla #2: Satisface las siguientes historias de usuario. Usa cualquier librería o APIs que necesites. Dale tu estilo personal.", "Historia de usuario: Puedo iniciar un pomodoro de 25 minutos, y el cronómetro terminará cuando pasen 25 minutos.",  "Historia de usuario: Como usuario, puedo reiniciar el reloj para comenzar mi siguiente pomodoro.",  "Historia de usuario opcional: Como usuario, puedo personalizar la longitud de cada pomodoro.", "Recuerda utilizar Read-Search-Ask si te sientes atascado.", "Cuando hayas terminado, pulsa el botón de "I've completed this challenge" e incluye un link a tu CodePen. Si programaste en pareja, debes incluir también el nombre de usuario de Free Code Camp de tu compañero.", "Si quieres retroalimentación inmediata de parte de tus compañeros campistas, pulsa este botón y pega el link de tu proyecto en CodePen.

Pulsa aquí y agrega tu link en el texto del tweet"   "Historia de usuario: Como usuario, puedo personalizar la longitud de cada pomodoro.", "Recuerda utilizar Leer-Buscar-Preguntar si te sientes atascado.", "Cuando hayas terminado, pulsa el botón de "I've completed this challenge" e incluye un enlace a tu CodePen.", "Puedes obtener retroalimentación sobre tu proyecto por parte de otros campistas, compartiéndolo en nuestra Sala de chat para revisión de código. También puedes compartirlo en Twitter y en el campamento de tu ciudad (en Facebook)."  ], "isRequired": true, "challengeType": 3


Question: "&#60h2 class="red-text text-center"&#62your text&#60/h2&#62" ], "tests": [  "assert($("h2").hasClass("text-center"), 'Your h2 element should be centered by applying the class text-center')"   "assert($("h2").hasClass("text-center"), 'Your h2 element should be centered by applying the class text-center')", "assert($("h2").hasClass("red-text"), 'Your h2 element should still have the class red-text')"  ], "challengeSeed": [ "<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">",

<img width="993" alt="screen shot 2015-10-23 at 3 08 25 pm" src=""in this challenge you are supposed to change the first line: h2 class="red-text"CatPhotoApp</h2into.... this next line. h2 class="red-text text-center"CatPhotoApp</h2however if you just put in h2 class="text-center"CatPhotoApp</h2it sends you through and says you're awesome and stuff, however you lose the red text in the process. I'm new to FreeCodeCamp and I know this isn't a huge issue, I just wanted to contribute.


Question:
The Garfield Files: Lasagna as Training Fuel?

The Garfield Files: Lasagna as Training Fuel?

The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...

Clicking on link in the code preview (for example on "The Garfield Files") opens up web page with all three modules again (Coding Challenge, Code field, Code preview). ! ! I don't know, if this is challenge specific.  Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Firefox Browser Version: Firefox for Linux Mint 1.0 Operating System: Linux Mint 18.3
This is due to how the rendering engine for our curriculum works. If you try this on a stand alone webpage, it won't happen.
Thank you for the explanation May I ask, how I could open it on a stand alone web page? Could we maybe improve the issue, by inserting a dead link instead of leaving it empty?
When I say stand alone web page I mean the you copy the html part out from the FCC paste it in another new file on you PC and run. What we can do is make a PR so that the href contains and not , that fixes it
That is a valuable piece of information, thank you! I will create the PR immediately.


Question: # --description-- <del> Inside the template literal, create a `div` element with the `id` set to the `index` from the `.forEach()` array method. Remember to use template interpolation to do this. </del> <ins> Inside the template literal, create a `div` element with the `id` set to the `index` from the `.forEach()` array method. Remember to use string interpolation to do this. </ins> Also, add a `class` of `"user-card"` to the `div`.

I suggest changing the phrase 'template interpolation' to 'template literals,' because are correctly referred to as template literals, which support string interpolation. ! 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_
it should be "string interpolation". Template literals are already mentioned a few words before, it would be extremely redundant. I'm opening this issue for first timers to make the change "template interpolation" -"string interpolation". This change needs to be done twice in this file: 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.
Sorry for the misunderstanding. I need to change the text from 'template interpolation' -'string interpolation'
Hi, I guess has raised his PR with the needed change. I haven't contributed before to any open source project. I thought this was an easy one to do to get started. Please tell any easy code or non-code contributions to be made. Happy to help.
I am able to make the required change and happy to start open source contribution with hacktoberfest . Kindly assign this issue to me.
We typically do not assign issues. Instead, we accept the first pull request that comprehensively solves the issue. Issues labeled with or are open for contributions. Please make sure you read . We prioritize contributors following the instructions in our guide. Join us in or if you need help contributing - our community will be happy to assist you.
This pull request resolves the issue of incorrect terminology in the JavaScript curriculum where "template interpolation" was used. The correct term is "string interpolation," as template literals support string interpolation. I have made the following changes: Replaced "template interpolation" with "string interpolation" in the two locations within the file. Fix :
After reading the contributing guidelines, I now understand the mistake I made in my PR.


Question: The content of this repository bound by the following licenses: - The computer software is licensed under the [BSD-3-Clause](./LICENSE.md). <ins> - The [curricular content](https://www.npmjs.com/package/@freecodecamp/curriculum) in the [`/seed`](/seed) and subdirectories are licensed under the [CC-BY-SA-4.0](https://github.com/freeCodeCamp/curriculum/blob/master/LICENSE.md). </ins>

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --Link in the readme does not link to a valid url. ! Browser Name: Browser Version: Operating System:
This link needs to be updated with the correct & valid URL.


Question: "video": "114591799", "challengeNumber": 13, "steps": [  "Now that we've built a foundation in jQuery, let's go back to Dash and do it's last challenge.",   "Now that we've built a foundation in jQuery, let's go back to Dash and do its last challenge.",  "If you aren't familiar with Mad Libs, they basically involve inserting random nouns, adjectives and verbs in to stories. The stories that result are often hilarious.", "Go to https://dash.generalassemb.ly/projects/mad-libs-1 and complete the fifth project." ]

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


Question: "video": "114591799", "challengeNumber": 13, "steps": [  "Now that we've built a foundation in jQuery, let's go back to Dash and do it's last challenge.",   "Now that we've built a foundation in jQuery, let's go back to Dash and do its last challenge.",  "If you aren't familiar with Mad Libs, they basically involve inserting random nouns, adjectives and verbs in to stories. The stories that result are often hilarious.", "Go to https://dash.generalassemb.ly/projects/mad-libs-1 and complete the fifth project." ]

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


Question: "video": "114591799", "challengeNumber": 13, "steps": [  "Now that we've built a foundation in jQuery, let's go back to Dash and do it's last challenge.",   "Now that we've built a foundation in jQuery, let's go back to Dash and do its last challenge.",  "If you aren't familiar with Mad Libs, they basically involve inserting random nouns, adjectives and verbs in to stories. The stories that result are often hilarious.", "Go to https://dash.generalassemb.ly/projects/mad-libs-1 and complete the fifth project." ]

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


Question: "video": "114591799", "challengeNumber": 13, "steps": [  "Now that we've built a foundation in jQuery, let's go back to Dash and do it's last challenge.",   "Now that we've built a foundation in jQuery, let's go back to Dash and do its last challenge.",  "If you aren't familiar with Mad Libs, they basically involve inserting random nouns, adjectives and verbs in to stories. The stories that result are often hilarious.", "Go to https://dash.generalassemb.ly/projects/mad-libs-1 and complete the fifth project." ]

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


Question: "video": "114591799", "challengeNumber": 13, "steps": [  "Now that we've built a foundation in jQuery, let's go back to Dash and do it's last challenge.",   "Now that we've built a foundation in jQuery, let's go back to Dash and do its last challenge.",  "If you aren't familiar with Mad Libs, they basically involve inserting random nouns, adjectives and verbs in to stories. The stories that result are often hilarious.", "Go to https://dash.generalassemb.ly/projects/mad-libs-1 and complete the fifth project." ]

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