diff --git a/seed/challenges/basic-javascript.json b/seed/challenges/basic-javascript.json index 9babb7d202..4fd35a7d84 100644 --- a/seed/challenges/basic-javascript.json +++ b/seed/challenges/basic-javascript.json @@ -30,7 +30,7 @@ "title": "Understand Boolean Values", "difficulty": "9.98001", "description": [ - "In computer science, \"data structures\" are variables that hold data. JavaScript has seven of these. For example, the Number data structure holds numbers.", + "In computer science, data structures are things that hold data. JavaScript has seven of these. For example, the Number data structure holds numbers.", "Let's learn about the most basic data structure of all: the Boolean. Booleans can only hold the value of either true or false. They are basically little on-off switches.", "Let's modify our welcomeToBooleansfunction so that it will return trueinstead of falsewhen the run button is clicked." ], @@ -43,7 +43,7 @@ "", "// don't change code above here", "", - "return false;", + " return false;", "", "// don't change code below here", "}", @@ -58,7 +58,7 @@ "title": "Declare JavaScript Variables", "difficulty": "9.9801", "description": [ - "When we store data in a data structure, we call it a variables. These variables are no different from the x and y variables you use in basic math.", + "When we store data in a data structure, we call it a variable. These variables are no different from the x and y variables you use in math.", "Let's create our first variable and call it \"myName\".", "You'll notice that in myName, we didn't use a space, and that the \"N\" is capitalized. JavaScript variables are written in camel case. An example of camel case is: camelCase.", "Now, use the var keyword to create a variable called myName. Set its value to your name, in double quotes.", @@ -93,15 +93,15 @@ "assert((function(){if(typeof(myLastName) !== \"undefined\" && typeof(myLastName) === \"string\" && myLastName.length > 0){return(true);}else{return(false);}})(), 'myLastName should be a string with a least one character in it');" ], "challengeSeed": [ - "// ourName = \"Free Code Camp\";", - "// var ourFirstName = \"Free\";", - "// var ourLastName = \"Code Camp\";", + "// name = \"Alan Turing\";", + "// var firstName = \"Alan\";", + "// var lastName = \"Turing\";", "", "", "// You can ignore everything below this line.", "// We use this function to show you the value of your variable in your output box.", "// You'll learn about functions soon.", - "if(typeof(myFirstName) !== \"undefined\" && typeof(myLastName) !== \"undefined\"){(function(y,z){return(y + ', ' + z);})(myFirstName, myLastName);}" + "if(typeof(myFirstName) !== \"undefined\" && typeof(myLastName) !== \"undefined\"){(function(){return(myFirstName + ', ' + myLastName);})();}" ], "type": "waypoint", "challengeType": 1 @@ -111,8 +111,9 @@ "title": "Check the Length Property of a String Variable", "difficulty": "9.9809", "description": [ - "Use the .length property to count the number of characters in the lastNameLength variable.", - "For example, if we created a variable var firstName = \"Charles\", we could find out how long the string \"Charles\" is by using the firstName.length property." + "data structures have properties. For example, strings have a property called .length that will tell you how many characters are in the string.", + "For example, if we created a variable var firstName = \"Charles\", we could find out how long the string \"Charles\" is by using the firstName.length property.", + "Use the .length property to count the number of characters in the lastNameLength variable." ], "tests": [ "assert((function(){if(typeof(lastNameLength) !== \"undefined\" && typeof(lastNameLength) === \"number\" && lastNameLength === 8){return(true);}else{return(false);}})(), 'lastNameLength should be equal to eight.');", @@ -134,7 +135,7 @@ "// You can ignore everything below this line.", "// We use this function to show you the value of your variable in your output box.", "// You'll learn about functions soon.", - "if(typeof(lastNameLength) !== \"undefined\"){(function(v){return(v);})(lastNameLength);}" + "if(typeof(lastNameLength) !== \"undefined\"){(function(){return(lastNameLength);})();}" ], "type": "waypoint", "challengeType": 1 diff --git a/seed/challenges/bootstrap.json b/seed/challenges/bootstrap.json index 1bf8a55234..0067868795 100644 --- a/seed/challenges/bootstrap.json +++ b/seed/challenges/bootstrap.json @@ -11,10 +11,10 @@ "Bootstrap will figure out how wide your screen is and respond by resizing your HTML elements - hence the name Responsive Design.", "With responsive design, there is no need to design a mobile version of your website. It will look good on devices with screens of any width.", "You can add Bootstrap to any app just by including it with <link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\"/> at the top of your HTML. But we've gone ahead and automatically added it to your Cat Photo App for you.", - "To get started, we should nest all of our HTML in a div element with the class \"container-fluid\"." + "To get started, we should nest all of our HTML in a div element with the class container-fluid." ], "tests": [ - "assert($(\"div\").hasClass(\"container-fluid\"), 'Your div element should have the class \"container-fluid\"')", + "assert($(\"div\").hasClass(\"container-fluid\"), 'Your div element should have the class container-fluid')", "assert(editor.match(/<\\/div>/g) && editor.match(/
/g).length === editor.match(/
div elements has a closing tag.')" ], "challengeSeed": [ @@ -91,13 +91,13 @@ "title": "Make Images Mobile Responsive", "difficulty": 2.02, "description": [ - "First, Add a new image below the existing one. Set it's src attribute to \"http://bit.ly/fcc-running-cats\".", + "First, Add a new image below the existing one. Set it's src attribute to http://bit.ly/fcc-running-cats.", "It would be great if this image could be exactly the width of our phone's screen.", - "Fortunately, with Bootstrap, all we need to do is add the \"img-responsive\" class to your image. Do this, and the image should perfectly fit the width of your page." + "Fortunately, with Bootstrap, all we need to do is add the img-responsive class to your image. Do this, and the image should perfectly fit the width of your page." ], "tests": [ "assert($(\"img\").length > 1, 'You should have a total of two images.')", - "assert($(\"img\").hasClass(\"img-responsive\"), 'Your new image should have the class \"img-responsive\".')", + "assert($(\"img\").hasClass(\"img-responsive\"), 'Your new image should have the class img-responsive.')", "assert(new RegExp(\"http://bit.ly/fcc-running-cats\", \"gi\").test($(\"img.img-responsive\").attr(\"src\")), 'Add a second image with the src of http://bit.ly/fcc-running-cats.')" ], "challengeSeed": [ @@ -180,7 +180,7 @@ "Remember that you can add several classes to the same element by separating each of them with a space, like this: <h2 class=\"text-red text-center\">your text</h2>." ], "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')" ], "challengeSeed": [ "", @@ -260,11 +260,11 @@ "difficulty": 2.04, "description": [ "Bootstrap has its own styles for button elements, which look much better than the plain HTML ones.", - "Create a new button element below your large kitten photo. Give it the class \"btn\" and the text of \"like\"." + "Create a new button element below your large kitten photo. Give it the class btn and the text of \"Like\"." ], "tests": [ "assert(new RegExp(\"like\",\"gi\").test($(\"button\").text()), 'Create a new button element with the text \"Like\".')", - "assert($(\"button\").hasClass(\"btn\"), 'Your new button should have the class \"btn\".')", + "assert($(\"button\").hasClass(\"btn\"), 'Your new button should have the class btn.')", "assert(editor.match(/<\\/button>/g) && editor.match(/