Merge pull request #9597 from FreeCodeCamp/staging

release staging

client/commonFramework/end.js

@@ -66,13 +66,14 @@ $(document).ready(function() {
         .catch(err => Observable.just({ err }));
     })
     .subscribe(
-      ({ err, output, originalCode }) => {
+      ({ err, output, originalCode, tests }) => {
         if (err) {
           console.error(err);
           return common.updateOutputDisplay('' + err);
         }
         common.codeStorage.updateStorage(challengeName, originalCode);
         common.codeUri.querify(originalCode);
+        common.displayTestResults(tests, true);
         common.updateOutputDisplay(output);
         return null;
       },

client/less/main.less

@@ -1155,6 +1155,15 @@ code {
   }
 }
 
+//make about page contact table reponsive on small screens
+@media only screen
+and (max-width : 400px)  {
+  table.response-table td {
+      width: 100%;
+      display: block;
+  }
+}
+
 // make btn-default hover more visible
 .btn-default:active,
 .btn-default:hover {

seed/challenges/00-getting-started/getting-started.json

@@ -335,7 +335,7 @@
         [
           "//i.imgur.com/pYk0wOk.gif",
           "この gif は GitHub のレポジトリへのスターをつける方法です。",
-          "オープンソースの Free Code Camp のレポジトリを開いてください。これは私たちボランティアチームの協力者が Free Code Camp で作っているものです。あなたは \"star\" を私たちのリポジトリに付けることができます。\"star を付けること\"は GitHub での \"いいね\" と一緒です。",
+          "オープンソースの Free Code Camp のレポジトリを開いてください。これは私たちボランティアチームの協力者が Free Code Camp で作っているものです。",
           "https://github.com/freecodecamp/freecodecamp"
         ],
         [
@@ -391,8 +391,8 @@
         ],
         [
           "//i.imgur.com/pYk0wOk.gif",
-          "A gif showing how you can star a GitHub repo.",
+          "A gif showing how you Free Code Camp's GitHub repo.",
-          "Open Free Code Camp's open-source repository. This is where our volunteer team collaborates on building Free Code Camp. You can \"star\" our repository. \"Starring\" is the GitHub equivalent of \"liking\" something.",
+          "Open Free Code Camp's open-source repository. This is where our volunteer team collaborates on building Free Code Camp.",
           "https://github.com/freecodecamp/freecodecamp"
         ],
         [
@@ -452,7 +452,7 @@
         [
           "//i.imgur.com/pYk0wOk.gif",
           "Un gif montrant comment vous pouvez activer un repo GitHub.",
-          "Ouvrez open-source du dépôt central de Camp Code Free . Ceci est où notre équipe de bénévoles collabore à la construction de Camp Code Free. Vous pouvez \"star\" notre référentiel. Mettant en \"vedette\" est la GitHub équivalent de \"goût\" quelque chose.",
+          "Ouvrez open-source du dépôt central de Camp Code Free . Ceci est où notre équipe de bénévoles collabore à la construction de Camp Code Free.",
           "https://github.com/freecodecamp/freecodecamp"
         ],
         [
@@ -510,7 +510,7 @@
           "//i.imgur.com/pYk0wOk.gif",
           "Un gif mostrándote como puedes dar una estrella a un repositorio de GitHub.",
           "Ve al repositorio de código libre de Free Code Camp y dale una \"estrella\". Las \"estrellas\" son el equivalente en GitHub de los \"me gusta\".",
-          "Si quieres, ve al repositorio de código libre de Free Code Camp y dale una \"estrella\". Las \"estrellas\" son el equivalente en GitHub de los \"me gusta\".",
+          "Si quieres, ve al repositorio de código libre de Free Code Camp.",
           "https://github.com/freecodecamp/freecodecamp"
         ],
         [

seed/challenges/01-front-end-development-certification/basic-javascript.json

@@ -920,7 +920,6 @@
         "",
         "// Only change code below this line",
         "",
-        "",
         ""
       ],
       "tail": [
@@ -1351,6 +1350,7 @@
         "",
         "// Only change code below this line",
         "firstLetterOfLastName = lastName;",
+        "",
         ""
       ],
       "tail": [
@@ -1610,7 +1610,7 @@
       ],
       "challengeSeed": [
         "// Example",
-        "var array = [\"John\", 23];",
+        "var ourArray = [\"John\", 23];",
         "",
         "// Only change code below this line.",
         "var myArray = [];",
@@ -2076,14 +2076,13 @@
       ],
       "challengeSeed": [
         "// Example",
-        "function reusableFunction() {",
+        "function ourReusableFunction() {",
         "  console.log(\"Heyya, World\");",
         "}",
         "",
-        "reusableFunction();",
+        "ourReusableFunction();",
         "",
         "// Only change code below this line",
-        "",
         ""
       ],
       "tail": [
@@ -2156,10 +2155,10 @@
       ],
       "challengeSeed": [
         "// Example",
-        "function functionWithArgs(a, b) {",
+        "function ourFunctionWithArgs(a, b) {",
         "  console.log(a - b);",
         "}",
-        "functionWithArgs(10, 5); // Outputs 5",
+        "ourFunctionWithArgs(10, 5); // Outputs 5",
         "",
         "// Only change code below this line.",
         "",
@@ -2621,7 +2620,7 @@
       ],
       "challengeSeed": [
         "// Example",
-        "function ourFunction(isItTrue) {",
+        "function ourTrueOrFalse(isItTrue) {",
         "  if (isItTrue) { ",
         "    return \"Yes, it's true\";",
         "  }",
@@ -4331,20 +4330,16 @@
       "id": "56533eb9ac21ba0edf2244cb",
       "title": "Manipulating Complex Objects",
       "description": [
-        "JavaScript objects are flexible because they allow for <dfn>Data Structures</dfn> with arbitrary combinations of <dfn>strings</dfn>, <dfn>numbers</dfn>, <dfn>booleans</dfn>, <dfn>arrays</dfn>, <dfn>functions</dfn>, and <dfn>objects</dfn>.",
+        "Sometimes you may want to store data in a flexible <dfn>Data Structure</dfn>. A JavaScript object is one way to handle flexible data. They allow for arbitrary combinations of <dfn>strings</dfn>, <dfn>numbers</dfn>, <dfn>booleans</dfn>, <dfn>arrays</dfn>, <dfn>functions</dfn>, and <dfn>objects</dfn>.",
-        "Here is an example of a complex data structure:",
+        "Here's an example of a complex data structure:",
         "<blockquote>var ourMusic = [<br>  {<br>    \"artist\": \"Daft Punk\",<br>    \"title\": \"Homework\",<br>    \"release_year\": 1997,<br>    \"formats\": [ <br>      \"CD\", <br>      \"Cassette\", <br>      \"LP\" ],<br>    \"gold\": true<br>  }<br>];</blockquote>",
-        "This is an array of objects and the object has various pieces of <dfn>metadata</dfn> about an album. It also has a nested <code>formats</code> array. Additional album records could be added to the top level array.",
+        "This is an array which contains one object inside. The object has various pieces of <dfn>metadata</dfn> about an album. It also has a nested <code>\"formats\"</code> array. If you want to add more album records, you can do this by adding records to the top level array.",
-        "<strong>Note</strong><br>You will need a comma in between objects with more than one object in the array.",
+        "Objects hold data in a property, which has a key-value format. In the example above, <code>\"artist\": \"Daft Punk\"</code> is a property that has a key of <code>\"artist\"</code> and a value of <code>\"Daft Punk\"</code>.",
-        "JavaScript Object Notation or <code>JSON</code> is a data interchange format used to store data (source: <a href=\"http://json.org/\">json.org</a>).",
+        "<a href='//json.org/' target=_blank>JavaScript Object Notation</a> or <code>JSON</code> is a related data interchange format used to store data.",
-        "A property is the part of an object that associates a key (either a String value or a Symbol value) and a value (source: <a href=\"http://www.ecma-international.org/ecma-262/6.0/#sec-property\">ecma-international.org/ecma-262/6.0/#sec-property</a>). So, a property consists of a key - value pair. (source: <a href=\"http://spacetelescope.github.io/understanding-json-schema/reference/object.html#properties\">spacetelescope.github.io/understanding-json-schema/reference/object.html#properties</a>). Property keys (also known as names) should be in quotation marks.",
+        "<blockquote>{<br>  \"artist\": \"Daft Punk\",<br>  \"title\": \"Homework\",<br>  \"release_year\": 1997,<br>  \"formats\": [ <br>    \"CD\",<br>    \"Cassette\",<br>    \"LP\"<br>  ],<br>  \"gold\": true<br>}</blockquote>",
-        "Like JavaScript Objects, JSON is flexible because it is heterogeneous, meaning it permits <dfn>Data Structures</dfn> with arbitrary combinations of <dfn>strings</dfn>, <dfn>booleans</dfn>, <dfn>numbers</dfn>, <dfn>arrays</dfn>, and <dfn>objects</dfn>.",
+        "<strong>Note</strong><br>You will need to place a comma in between every object in the array, unless it is the last object in the array.",
-        "Here is an example of a JSON object:",
-        "<blockquote>var ourMusic = [<br>  {<br>    \"artist\": \"Daft Punk\",<br>    \"title\": \"Homework\",<br>    \"release_year\": 1997,<br>    \"formats\": [ <br>      \"CD\", <br>      \"Cassette\", <br>      \"LP\" ],<br>    \"gold\": true<br>  }<br>];</blockquote>",
-        "This is an array of objects and the object has various pieces of <dfn>metadata</dfn> about an album. It also has a nested <code>formats</code> array. Additional album records could be added to the top level array.",
-        "<strong>Note</strong><br>You will need to place a comma in between objects in JSON unless there is only one object in the array or containing object.",
         "<h4>Instructions</h4>",
-        "Add a new album to the <code>myMusic</code> object. Add <code>artist</code> and <code>title</code> strings, <code>release_year</code> number, and a <code>formats</code> array of strings."
+        "Add a new album to the <code>myMusic</code> array. Add <code>artist</code> and <code>title</code> strings, <code>release_year</code> number, and a <code>formats</code> array of strings."
       ],
       "releasedOn": "January 1, 2016",
       "challengeSeed": [
@@ -4401,7 +4396,7 @@
         "Here is a nested object:",
         "<blockquote>var ourStorage = {<br>  \"desk\": {<br>    \"drawer\": \"stapler\"<br>  },<br>  \"cabinet\": {<br>    \"top drawer\": { <br>      \"folder1\": \"a file\",<br>      \"folder2\": \"secrets\"<br>    },<br>    \"bottom drawer\": \"soda\"<br>  }<br>}<br>ourStorage.cabinet[\"top drawer\"].folder2;  // \"secrets\"<br>ourStorage.desk.drawer; // \"stapler\"</blockquote>",
         "<h4>Instructions</h4>",
-        "Access the <code>myStorage</code> object to retrieve the contents of the <code>glove box</code>. Use bracket notation for properties with a space in their name."
+        "Access the <code>myStorage</code> object and assign the contents of the <code>glove box</code> property to the <code>gloveBoxContents<code> variable. Use bracket notation for properties with a space in their name."
       ],
       "releasedOn": "January 1, 2016",
       "challengeSeed": [
@@ -4739,6 +4734,7 @@
         "var myArray = [];",
         "",
         "// Only change code below this line.",
+        "",
         ""
       ],
       "tail": [
@@ -5091,12 +5087,12 @@
       ],
       "challengeSeed": [
         "// Example",
-        "function ourFunction(ourMin, ourMax) {",
+        "function ourRandomRange(ourMin, ourMax) {",
         "",
         "  return Math.floor(Math.random() * (ourMax - ourMin + 1)) + ourMin;",
         "}",
         "",
-        "ourFunction(1, 9);",
+        "ourRandomRange(1, 9);",
         "",
         "// Only change code below this line.",
         "",

seed/challenges/01-front-end-development-certification/html5-and-css.json

@@ -265,7 +265,7 @@
         "assert($(\"h1\").length > 0, 'message: Make your <code>h1</code> element visible on your page by uncommenting it.');",
         "assert($(\"h2\").length > 0, 'message: Make your <code>h2</code> element visible on your page by uncommenting it.');",
         "assert($(\"p\").length > 0, 'message: Make your <code>p</code> element visible on your page by uncommenting it.');",
-        "assert(!/-->/gi.test(code), 'message: Be sure to delete all trailing comment tags&#44; i.e. <code>--&#62;</code>.');"
+        "assert(!/-->/gi.test(code.replace(/ *<!--.*\\n/g,'')), 'message: Be sure to delete all trailing comment tags&#44; i.e. <code>--&#62;</code>.');"
       ],
       "type": "waypoint",
       "titleEs": "Quita comentarios HTML",
@@ -1170,9 +1170,7 @@
         "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "tests": [
-        "assert($(\"img\").length === 1, 'message: Your code should only have 1 <code>img</code> tag.');",
+        "assert($(\"img[src='https://bit.ly/fcc-relaxing-cat']\").attr('class') === \"smaller-image\", 'message: Your <code>img</code> element should have the class <code>smaller-image</code>.');",
-        "assert($(\"img\").attr(\"src\") && $(\"img\").attr(\"src\") === \"https://bit.ly/fcc-relaxing-cat\", 'message: Your <code>img</code> should have a <code>src</code> attribute with a value of <code>https://bit.ly/fcc-relaxing-cat</code>.');",
-        "assert($('img').attr(\"class\") && $(\"img\").attr(\"class\").match(/(^|\\s)smaller-image($|\\s)/), 'message: Your <code>img</code> element should have the class <code>smaller-image</code>.');",
         "assert($(\"img\").width() === 100, 'message: Your image should be 100 pixels wide. Browser zoom should be at 100%.');"
       ],
       "type": "waypoint",
@@ -2977,14 +2975,14 @@
         "You can set an element's background color with the <code>background-color</code> property.",
         "For example, if you wanted an element's background color to be <code>green</code>, you'd put this within your <code>style</code> element:",
         "<blockquote>.green-background {<br>&nbsp;&nbsp;background-color: green;<br>}</blockquote>",
-        "Create a class called <code>gray-background</code> with the <code>background-color</code> of gray. Assign this class to your <code>div</code> element."
+        "Create a class called <code>silver-background</code> with the <code>background-color</code> of silver. Assign this class to your <code>div</code> element."
       ],
       "titleRU": "Присвойте цвет фона элементу div",
       "descriptionRU": [
         "Вы можете установить цвет фона элемента с помощью свойства <code>background-color</code>.",
         "Например, если бы вы хотели установить цвет фона элемента <code>зелёным</code>, вы бы использовали следующий стиль внутри вашего элемента <code>style</code>:",
         "<blockquote>.green-background {<br>&nbsp;&nbsp;background-color: green;<br>}</blockquote>",
-        "Создайте класс <code>gray-background</code> со значением свойства <code>background-color</code> равным <code>gray</code>. Назначьте этот класс вашему элементу <code>div</code>."
+        "Создайте класс <code>silver-background</code> со значением свойства <code>background-color</code> равным <code>silver</code>. Назначьте этот класс вашему элементу <code>div</code>."
       ],
       "challengeSeed": [
         "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
@@ -3046,8 +3044,8 @@
         "</form>"
       ],
       "tests": [
-        "assert($(\"div\").hasClass(\"gray-background\"), 'message: Give your <code>div</code> element the class <code>gray-background</code>.');",
+        "assert($(\"div\").hasClass(\"silver-background\"), 'message: Give your <code>div</code> element the class <code>silver-background</code>.');",
-        "assert($(\".gray-background\").css(\"background-color\") === \"rgb(128, 128, 128)\", 'message: Your <code>div</code> element should have a gray background.');"
+        "assert($(\".silver-background\").css(\"background-color\") === \"rgb(192, 192, 192)\", 'message: Your <code>div</code> element should have a silver background.');"
       ],
       "descriptionPtBR": [
         "Você pode acrescentar uma cor de fundo de um elemento com a propriedade <code>background-color</code>.",
@@ -3055,7 +3053,7 @@
         "<code>.green-background {</code>",
         "<code>&nbsp;&nbsp;background-color: green;</code>",
         "<code>}</code>",
-        "Crie uma classe chamada <code>gray-background</code> com a propriedade <code>background-color</code> em cinza (<code>gray</code>). Depois, adicione essa classe ao seu elemento <code>div</code>."
+        "Crie uma classe chamada <code>silver-background</code> com a propriedade <code>background-color</code> em cinza (<code>silver</code>). Depois, adicione essa classe ao seu elemento <code>div</code>."
       ],
       "namePtBR": "Dê uma Cor de Fundo a um Elemento Div",
       "type": "waypoint",
@@ -3065,14 +3063,14 @@
         "Puedes fijar el color de fondo de un elemento con la propiedad <code>background-color</code>.",
         "Por ejemplo, si quieres que el color de fondo de un elemento sea verde (<code>green</code>), dentro de tu elemento <code>style</code> pondrías:",
         "<blockquote>.green-background {<br>&nbsp;&nbsp;background-color: green;<br>}</blockquote>",
-        "Crea una clase llamada <code>gray-background</code> con la propiedad <code>background-color</code> en gris (<code>gray</code>). Asigna esta clase a tu elemento <code>div</code> ."
+        "Crea una clase llamada <code>silver-background</code> con la propiedad <code>background-color</code> en gris (<code>silver</code>). Asigna esta clase a tu elemento <code>div</code> ."
       ],
       "titleDe": "Gib einem Div Element eine Hintergrundfarbe",
       "descriptionDe": [
         "Du kannst die Hintergrundfarbe von einem Element mit dem <code>background-color</code> Attribut setzen",
         "Wenn du zum Beispiel die Hintergrundfarbe von einem Element <code>green</code> machen willst, schreibe dies in dein <code>style</code> Element:",
         "<blockquote>.green-background {<br>&nbsp;&nbsp;background-color: green;<br>}</blockquote>",
-        "Erstelle eine Klasse namens <code>gray-background</code> mit der <code>background-color</code> grau (gray). Füge diese Klasse deinem <code>div</code> Element hinzu"
+        "Erstelle eine Klasse namens <code>silver-background</code> mit der <code>background-color</code> grau (silver). Füge diese Klasse deinem <code>div</code> Element hinzu"
       ]
     },
     {
@@ -3121,8 +3119,8 @@
         "  .smaller-image {",
         "    width: 100px;",
         "  }",
-        "  .gray-background {",
+        "  .silver-background {",
-        "    background-color: gray;",
+        "    background-color: silver;",
         "  }",
         "</style>",
         "",
@@ -3132,7 +3130,7 @@
         "",
         "<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"https://bit.ly/fcc-relaxing-cat\"></a>",
         "",
-        "<div class=\"gray-background\">",
+        "<div class=\"silver-background\">",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -3235,8 +3233,8 @@
         "    width: 100px;",
         "  }",
         "",
-        "  .gray-background {",
+        "  .silver-background {",
-        "    background-color: gray;",
+        "    background-color: silver;",
         "  }",
         "</style>",
         "",
@@ -3246,7 +3244,7 @@
         "",
         "<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"https://bit.ly/fcc-relaxing-cat\"></a>",
         "",
-        "<div class=\"gray-background\">",
+        "<div class=\"silver-background\">",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",

seed/challenges/01-front-end-development-certification/intermediate-bonfires.json

@@ -614,9 +614,9 @@
       "id": "a5229172f011153519423690",
       "title": "Sum All Odd Fibonacci Numbers",
       "description": [
-        "Return the sum of all odd Fibonacci numbers up to and including the passed number if it is a Fibonacci number.",
+        "Given a positive integer <code>num</code>, return the sum of all odd Fibonacci numbers that are less than or equal to <code>num</code>.",
-        "The first few numbers of the Fibonacci sequence are 1, 1, 2, 3, 5 and 8, and each subsequent number is the sum of the previous two numbers.",
+        "The first two numbers in the Fibonacci sequence are 1 and 1. Every additional number in the sequence is the sum of the two previous numbers. The first six numbers of the Fibonacci sequence are 1, 1, 2, 3, 5 and 8.",
-        "As an example, passing 4 to the function should return 5 because all the odd Fibonacci numbers under 4 are 1, 1, and 3.",
+        "For example, <code>sumFibs(10)</code> should return <code>10</code> because all odd Fibonacci numbers less than <code>10</code> are 1, 1, 3, and 5.",
         "Remember to use <a href='//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help' target='_blank'>Read-Search-Ask</a> if you get stuck. Try to pair program. Write your own code."
       ],
       "challengeSeed": [

seed/challenges/01-front-end-development-certification/object-oriented-and-functional-programming.json

@@ -59,7 +59,7 @@
         "We are also able to create objects using <code>constructor</code> functions.",
         "A <code>constructor</code> function is given a capitalized name to make it clear that it is a <code>constructor</code>.",
         "Here's an example of a <code>constructor</code> function:",
-        "<blockquote>var Car = function() {<br>&nbsp;&nbsp;this.wheels = 4;<br>&nbsp;&nbsp;this.engines = 1;<br>&nbsp;&nbsp;this.seats = 1;<br>};</blockquote>",
+        "<blockquote>var Car = function() {<br>&nbsp;&nbsp;this.wheels = 4;<br>&nbsp;&nbsp;this.engines = 1;<br>&nbsp;&nbsp;this.seats = 5;<br>};</blockquote>",
         "In a <code>constructor</code> the <code>this</code> variable refers to the new object being created by the constructor. So when we write,",
         "<code>&nbsp;&nbsp;this.wheels = 4;</code>",
         "inside of the <code>constructor</code> we are giving the new object it creates a property called <code>wheels</code> with a value of <code>4</code>.",
@@ -70,7 +70,7 @@
         "var Car = function() {",
         "  this.wheels = 4;",
         "  this.engines = 1;",
-        "  this.seats = 1;",
+        "  this.seats = 5;",
         "};",
         "",
         "// Only change code below this line.",
@@ -83,7 +83,7 @@
         "(function() {return JSON.stringify(new MotorBike());})();"
       ],
       "solutions": [
-        "var Car = function() {\n  this.wheels = 4;\n  this.engines = 1;\n  this.seats = 1;\n};\n\nvar myCar = new Car();\n\nvar MotorBike = function() {\n  this.engines = 1;\n  this.seats = 1;\n  this.wheels = 4;\n};\n\nvar myMotorBike = new MotorBike();"
+        "var Car = function() {\n  this.wheels = 4;\n  this.engines = 1;\n  this.seats = 5;\n};\n\nvar myCar = new Car();\n\nvar MotorBike = function() {\n  this.engines = 1;\n  this.seats = 1;\n  this.wheels = 4;\n};\n\nvar myMotorBike = new MotorBike();"
       ],
       "tests": [
         "assert(typeof (new MotorBike()).engines === 'number', 'message: <code>MotorBike</code> should have a <code>engines</code> attribute set to a number.');",
@@ -305,8 +305,7 @@
       "title": "Iterate over Arrays with .map",
       "description": [
         "The <code>map</code> method is a convenient way to iterate through arrays. Here's an example usage:",
-        "<blockquote>var timesFour = oldArray.map(function(val){<br>&nbsp;&nbsp;return val * 4;<br>});</blockquote>",
+        "<blockquote>var oldArray = [1, 2, 3];<br>var timesFour = oldArray.map(function(val){<br>&nbsp;&nbsp;return val * 4;<br>});<br>console.log(timesFour); // returns [4, 8, 12]<br>console.log(oldArray);  // returns [1, 2, 3]</blockquote>",
-        "",
         "The <code>map</code> method will iterate through every element of the array, creating a new array with values that have been modified by the callback function, and return it.  Note that it does not modify the original array.",
         "In our example the callback only uses the value of the array element (the <code>val</code> argument) but your callback can also include arguments for the <code>index</code> and <code>array</code> being acted on.",
         "Use the map function to add 3 to every value in the variable <code>oldArray</code>, and save the results into variable <code>newArray</code>. oldArray should not change."
@@ -338,7 +337,6 @@
         "<code>var porCuatro = vectorAntiguo.map(function(val){</code>",
         "<code>&nbsp;&nbsp;return val * 4;</code>",
         "<code>});</code>",
-        "",
         "El método <code>map</code> iterará sobre cada elemento del vector, creando un nuevo vector con los valores modificados por la función de devolución de llamada (<em>callback</em>) y retornará ese nuevo arreglo.",
         "En nuestro ejemplo, la función de devolución de llamada sólo usa el valor del elemento del vector sobre el que está iterando (parámetro <code>val</code>), pero tu función de devolución de llamada también puede incluir parámetros para el <code>índice</code> y el <code>vector</code> completo. ",
         "Usa la función <code>map</code> para añadir 3 a cada valor de la variable <code>oldArray</code>."
@@ -444,7 +442,8 @@
         "If no compare (callback) function is passed in, it will convert the values to strings and sort alphabetically.",
         "Here is an example of using sort with a compare function that will sort the elements from smallest to largest number:",
         "<blockquote>var array = [1, 12, 21, 2];<br>array.sort(function(a, b) {<br>&nbsp;&nbsp;return a - b;<br>});</blockquote>",
-        "Use <code>sort</code> to sort <code>array</code> from largest to smallest."
+        "Use <code>sort</code> to sort <code>array</code> from largest to smallest.",
+        "Further explanation on the <code>.sort()</code> method can be found <a href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort' target='_blank'>here</a>."
       ],
       "challengeSeed": [
         "var array = [1, 12, 21, 2];",

seed/challenges/03-back-end-development-certification/api-projects.json

@@ -5,91 +5,85 @@
   "helpRoom": "HelpBackEnd",
   "challenges": [
     {
-      "id": "bd7158d8c443eddfaeb5bcef",
+      "id": "576d6e1b12fd92c4207a9cbd",
-      "title": "Get Set for our Back End Development Projects",
+      "title": "Get Set for our API Development Projects",
       "description": [
         [
           "//i.imgur.com/4IZjWZ3.gif",
           "A gif showing how to create a c9.io account.",
-          "We recommend building our full stack Basejump challenges on c9.io, a powerful browser-based development environment. This will save you hours of time that you would spend configuring your local computer to run Node.js and MongoDB - time you could instead spend coding.<br><br>Create a c9.io account by clicking the GitHub symbol in the upper right hand corner of the c9.io page. Click the big plus symbol to create a new workspace. Enter your email address when prompted.",
+          "We recommend building our backend challenges on c9.io, a powerful browser-based development environment. This will save you hours of time that you would spend configuring your local computer to run Node.js and MongoDB - time you could instead spend coding.<br><br>Create a c9.io account by clicking the GitHub symbol in the upper right hand corner of the c9.io page. Click the big plus symbol to create a new workspace. Enter your email address when prompted.",
           "https://c9.io"
         ],
         [
-          "//i.imgur.com/F7i5Hhi.gif",
+          "//i.imgur.com/XPSVVdS.gif",
-          "A gif showing how to fill out the new workspace form",
+          "A gif showing you how to create a node.js workspace template.",
-          "Instead of starting from scratch, we recommend using <a href='http://www.clementinejs.com/' target='_blank'>Clementine.js</a>, a full stack JavaScript \"boilerplate\" that already has some basic code written for you. Clementine.js has a detailed tutorial you can go through to build it yourself, but for now let's just clone its code.<br><br>On c9.io, give your workspace a name, then leave \"Template\" as custom and create your workspace from this GitHub url: <code>https://github.com/johnstonbl01/clementinejs-fcc.git</code>",
+          "Click the + button to create a new c9 workspace.<br><br>Give your workspace a name then scroll down and choose the node.js template.  Then click the \"Create Workspace\" button.",
           ""
         ],
         [
-          "//i.imgur.com/42m1vyr.gif",
+          "//i.imgur.com/ZKN2G9y.gif",
-          "A gif showing you how to show hidden files.",
+          "A gif showing you how to create a directory for your project and navigating to it in the console.",
-          "Click the gear in the upper right corner of c9.io's file structure. Select \"Show Hidden Files\".",
+          "Create a new directory for the project you'll be working on by right-clicking on the top level folder and selecting \"Add Folder\".<br><br>Name the folder then navigate to that directory in your console window.",
           ""
         ],
         [
-          "//i.imgur.com/qrE8xaK.gif",
+          "//i.imgur.com/GbUOniA.gif",
-          "A gif showing you how to create a new file.",
+          "A gif showing you how to initialize your package.json",
-          "Right click and create a new file called <code>.env</code>.",
+          "In the console, type <code>npm init</code> to create your package.json file.<br><br>Follow the prompts and press enter to continue for each prompt (you may leave all of the defaults if you wish to do so).",
           ""
         ],
         [
-          "//i.imgur.com/jkQX9SQ.gif",
+          "//i.imgur.com/4ZW6es1.gif",
-          "A gif showing you how to prep your environmental variables in your .env file.",
+          "A gif showing you how to initialize a git repository",
-          "Open your .env file and paste this into it, then save it:<br><br><code>GITHUB_KEY=<br>GITHUB_SECRET=<br>MONGO_URI=mongodb://localhost:27017/clementinejs<br>PORT=8080<br>APP_URL=http://localhost:8080/</code>",
+          "You'll want to use git for version control.  First, add a new file titled <code>.gitignore</code><br><br>Open this file and add <code>node_modules</code> on the first line, then save the file<br><br>Next, in your console run the command <code>git init</code> to initialize this directory as a git repository.",
           ""
         ],
         [
-          "//i.imgur.com/f3DE7zB.gif",
+          "//i.imgur.com/tZscE6c.gif",
+          "A gif showing you how to install express",
+          "Install express and save it as a project dependency by running <code>npm install express --save</code> in the console.",
+          ""
+        ],
+        [
+          "//i.imgur.com/ZAjiRLZ.gif",
+          "A gif showing you how to create a server.js file and require express",
+          "Create a new file titled <code>server.js</code> in your project directory.<br><br>Require the express module in this file then save the file.",
+          ""
+        ],
+        [
+          "//i.imgur.com/POEq6n6.gif",
+          "A gif showing you how to set up a hello world example application",
+          "At this point you are ready to begin creating your API project in the server.js file.<br><br>To quickly test your set up you can create a \"hello world\" application and preview it.<br><br>Copy the code from <a href='http://expressjs.com/en/starter/hello-world.html'>the express hello world example</a> into your server.js file with the exception of the port.<br><br>In c9, you'll always want to use port 8080.<br><br>Save the file.",
+          ""
+        ],
+        [
+          "//i.imgur.com/HcKj0MW.gif",
+          "A gif showing you how to run the application",
+          "To run your application run the command <code>node server.js</code> in your console.",
+          ""
+        ],
+        [
+          "//i.imgur.com/uSVY5GX.gif",
           "A gif showing you how to open c9.io's preview window.",
           "Open up your application in a preview tab by clicking Window > Share > Application > Open.",
           ""
         ],
         [
-          "//i.imgur.com/Ip0qUdQ.gif",
+          "//i.imgur.com/zoK7lh6.gif",
-          "A gif showing you how to create a GitHub app using c9.io's preview URL.",
+          "A gif showing you how to commit your changes.",
-          "Create a GitHub app for authentication and choose an \"Application name\". For the homepage URL, paste the URL from your preview tab. You'll also paste the URL from your preview tab into \"Authorization callback URL\", then add to it: <code>auth/github/callback</code>",
+          "Commit your changes to the git repository.<br><br>Check your git status by entering the command <code>git status</code> into the console.<br><br>Add your files with the command <code>git add .</code>.<br><br>Commit your changes with <code>git commit -m \"initial commit\"</code>.",
-          "https://github.com/settings/applications/new"
-        ],
-        [
-          "//i.imgur.com/qCUVRFb.gif",
-          "A gif showing you how to transfer GitHub's key and secret over to your .env file, as well as your c9.io URL.",
-          "GitHub will create an app and present you with a Client ID and a Client Secret. Set your <code>.env</code> file's <code>GITHUB_KEY</code> equal to the Client ID, and set your <code>.env</code> file's <code>GITHUB_SECRET</code> equal to the Client Secret. Copy the URL from your preview tab and paste it into your <code>.env</code> file as your <code>APP_URL</code>.",
           ""
         ],
         [
-          "//i.imgur.com/2a20Vah.gif",
+          "//imgur.com/idbXyjD.gif",
-          "A gif showing you how to install MongoDB and start it in c9.io's terminal.",
+          "A gif showing you how to create a new GitHub repository and push your code to it.",
-          "In your terminal, install MongoDB by entering: <br><br><code>sudo apt-get install mongodb-org</code><br><br> then start MongoDB by entering:<br><br><code>mongod --smallfiles</code>",
+          "Create a new GitHub repository. Then copy its .git URL.<br><br>Return to c9.io's terminal and set your GitHub remote URL: <code>git remote add origin</code> followed by the URL you copied from GitHub.<br><br>Run <code>git push origin master</code>.<br><br>Now tab back to GitHub and refresh, and you'll see that your code is now on GitHub.<br><br>You can now delete the hello world example code and begin your API project!",
-          ""
-        ],
-        [
-          "//i.imgur.com/dC55pWk.gif",
-          "A gif showing you how to open a new tab in c9.io's terminal.",
-          "Open a new terminal tab with the <code>+</code> button above your terminal, then run <code>npm install</code>",
-          ""
-        ],
-        [
-          "//i.imgur.com/54OC2Ro.gif",
-          "A gif showing you how to navigate to your preview tab and sign in to your new Clementine.js app.",
-          "Run <code>node server.js</code> to start the server. Refresh your preview tab. You should see the Clementine.js logo. Click \"sign in\" and accept GitHub's prompt to authorize the application.",
-          ""
-        ],
-        [
-          "//i.imgur.com/2IJfyvN.gif",
-          "A gif showing you how to click the button to trigger an AJAX action with Clementine.js and how to look at your user profile from the GitHub authentication data.",
-          "Click the \"Click Me\" button and you'll see that it increments the number clicks. Click the profile button and you'll see that it has your GitHub information.",
-          ""
-        ],
-        [
-          "//i.imgur.com/bjO5pnq.gif",
-          "A gif showing you how to create a new GitHub repository and push your code up to it.",
-          "Create a new GitHub repository. Then copy its .git URL.<br><br>Return to c9.io's terminal and set your GitHub remote URL: <code>git remote set-url origin</code> followed by the URL you copied from GitHub.<br><br>Run <code>git push origin master</code>.<br><br>Now tab back to GitHub and refresh, and you'll see that your code is now on GitHub.",
           "https://github.com/new"
         ],
         [
           "//i.imgur.com/Qn0K65B.gif",
           "A gif showing you how to add add-ons to Heroku.",
-          "We will soon add instructions for getting Clementine running on Heroku. For now, develop your Basejumps right on c9.io.",
+          "We will soon add instructions for getting your API projects deployed to Heroku. For now, develop your projects right on c9.io.",
           ""
         ]
       ],
@@ -97,94 +91,7 @@
       "tests": [],
       "type": "Waypoint",
       "challengeType": 7,
-      "isRequired": false,
+      "isRequired": false
-      "titleEs": "Prepárate para nuestros Proyectos de Desarrollo en el lado del servidor",
-      "descriptionEs": [
-        [
-          "//i.imgur.com/4IZjWZ3.gif",
-          "Una imagen gif que te muestra cómo crear una cuenta en c9.io.",
-          "Te recomendamos resolver nuestros desafíos de pila completa (full stack) en c9.io, un poderoso ambiente de desarrollo basado en tu navegador. Esto te ahorrará muchas horas que utilizarías configurando tu computadora para correr Node.js y MongoDB - tiempo que podrías utilizar escribiendo código. <br>Crea una cuenta en c9.io pulsando el símbolo de GitHub en la esquina superior derecha de la página de c9.io. Pulsa el botón con el símbolo de suma para crear una área de trabajo nueva. Introduce tu dirección de correo electrónico cuando se te solicite.",
-          "https://c9.io"
-        ],
-        [
-          "//i.imgur.com/F7i5Hhi.gif",
-          "Una imagen gif que te muestra cómo llenar el formulario para crear un área de trabajo nueva",
-          "En vez de iniciar desde cero, recomendamos utilizar Clementine.js, un modelo (<em>bolierplate</em>) de JavaScript pila completa (full stack) que viene con código básico ya escrito para ti. Clementine.js tiene un tutorial detallado que puedes seguir para construirlo por ti mismo, pero por ahora simplemente vamos a clonarlo. En c9.io, dale un nombre a tu área de trabajo, luego deja \"Plantilla\" (\"Template\") como personalizado y crea tu espacio de trabajo usando el siguiente url de GitHub: <code>https://github.com/johnstonbl01/clementinejs-fcc.git</code>",
-          ""
-        ],
-        [
-          "//i.imgur.com/42m1vyr.gif",
-          "Una imagen gif que te muestra cómo mostrar los archivos ocultos.",
-          "Pulsa el engrane en la esquina superior derecha del árbol de archivos de c9.io. Selecciona \"show hidden files\".",
-          ""
-        ],
-        [
-          "//i.imgur.com/qrE8xaK.gif",
-          "Una imagen gif que te muestra cómo crear un archivo nuevo.",
-          "Haciendo clic derecho, crea un nuevo archivo llamado <code>.env</code>.",
-          ""
-        ],
-        [
-          "//i.imgur.com/jkQX9SQ.gif",
-          "Una imagen gif que te muestra cómo preparar tus variables de ambiente en tu archivo .env.",
-          "Abre tu archivo .env pega el siguiente código, y luego guárdalo: <br><code>GITHUB_KEY=<br>GITHUB_SECRET=<br>MONGO_URI=mongodb://localhost:27017/clementinejs<br>PORT=8080<br>APP_URL=http://localhost:8080/</code>",
-          ""
-        ],
-        [
-          "//i.imgur.com/f3DE7zB.gif",
-          "Una imagen gif que te muestra cómo abir la vista previa de la ventana de c9.io.",
-          "Abre tu aplicación en una pestaña de vista previa pulsando window > share > application > open.",
-          ""
-        ],
-        [
-          "//i.imgur.com/Ip0qUdQ.gif",
-          "Una imagen gif que te muestra cómo crear una aplicación de GitHub usando la URL de vista previa de c9.io.",
-          "Crea una aplicación de GitHub para autenticación y elige un \"Nombre de aplicación\". Para la URL de inicio (homepage), pega la URL de tu pestaña de vista previa. También debes pegar la URL de tu pestaña de vista previa en <code>Authorization callback URL</code>, agrégale: <code>auth/github/callback</code>",
-          "https://github.com/settings/applications/new"
-        ],
-        [
-          "//i.imgur.com/qCUVRFb.gif",
-          "Una imagen gif que te muestra cómo transferir tu llave (key) y tu código secreto (secret) de GitHub a tu archivo .env, así como tu URL de c9.io.",
-          "GitHub creará una aplicación y te entregará un ID de cliente (Client ID) y un Código secreto de cliente (Client Secret). Haz que el GITHUB_KEY en tu archivo .env sea igual al ID de cliente, y haz que tu GITHUB_SECRET en el archivo .env sea igual al Código secreto de cliente. Copia la URL de tu pestaña de vista previa y pégala en tu archivo .env como tu APP_URL.",
-          ""
-        ],
-        [
-          "//i.imgur.com/2a20Vah.gif",
-          "Una imagen gif que te muestra cómo iniciar mongoDB en la terminal de c9.io.",
-          "En tu terminal, instala MongoDB usando el siguiente comando: <br><br><code>sudo apt-get install mongodb-org</code><br><br>. Inicia MongoDB con el siguiente comando: <code>mongod --smallfiles</code>",
-          ""
-        ],
-        [
-          "//i.imgur.com/dC55pWk.gif",
-          "Una imagen gif que te muestra cómo abrir una nueva pestaña en la terminal de c9.io.",
-          "Abre una nueva pestaña de terminal pulsando el botón de + sobre tu terminal, luego ejecuta <code>npm install</code>",
-          ""
-        ],
-        [
-          "//i.imgur.com/54OC2Ro.gif",
-          "Una imagen gif que te muestra cómo navegar a tu pestaña de vista previa e ingresar a tu nueva aplicación Clementine.js.",
-          "Ejecuta <code>node server.js</code> para iniciar el servidor. Actualiza tu pestaña de vista previa. Deberías poder ver el logo de Clementine.js. Pulsa \"sign in\"  y acepta la solicitud de GitHub para autorizar la aplicación.",
-          ""
-        ],
-        [
-          "//i.imgur.com/2IJfyvN.gif",
-          "Una imagen gif que te muestra cómo pulsar un botón para desencadenar una acción AJAX con Clementine.js y cómo ver tu perfil de usuario en los datos de autenticación provistos por GitHub.",
-          "Pulsa el botón que dice \"click me\" y verás que se incrementa el número de clics. Pulsa el botón de perfil (profile) y verás la información de tu perfil de GitHub.",
-          ""
-        ],
-        [
-          "//i.imgur.com/bjO5pnq.gif",
-          "Una imagen gif que te muestra cómo crear un nuevo repositorio de GitHub GitHub y empujar allí tu código.",
-          "Crea un nuevo repositorio en GitHub. Luego copia su ULR .git. <br>Regresa a tu terminal de c9.io y establece tu URL remota de GitHub: <code>git remote set-url origin</code> seguido de la URL que copiaste de GitHub. <br>Ejecuta <code>git push origin master</code>. <br>Ahora ve de regreso a la página de GitHub y actualízala. Verás que tu código ahora está ahora en GitHub.",
-          "https://github.com/new"
-        ],
-        [
-          "//i.imgur.com/Qn0K65B.gif",
-          "Una imagen gif que te muestra cómo agregar complementos a Heroku.",
-          "Pronto agregaremos instrucciones para hacer que Clementine corra en Heroku. Por ahora, desarrolla tus Basejumps en c9.io.",
-          ""
-        ]
-      ]
     },
     {
       "id": "bd7158d8c443edefaeb5bdef",

seed/challenges/03-back-end-development-certification/dynamic-web-applications.json

@@ -4,6 +4,188 @@
   "time": "250 hours",
   "helpRoom": "HelpBackEnd",
   "challenges": [
+    {
+      "id": "bd7158d8c443eddfaeb5bcef",
+      "title": "Get Set for our Dynamic Web Application Projects",
+      "description": [
+        [
+          "//i.imgur.com/4IZjWZ3.gif",
+          "A gif showing how to create a c9.io account.",
+          "We recommend building our full stack Basejump challenges on c9.io, a powerful browser-based development environment. This will save you hours of time that you would spend configuring your local computer to run Node.js and MongoDB - time you could instead spend coding.<br><br>Create a c9.io account by clicking the GitHub symbol in the upper right hand corner of the c9.io page. Click the big plus symbol to create a new workspace. Enter your email address when prompted.",
+          "https://c9.io"
+        ],
+        [
+          "//i.imgur.com/F7i5Hhi.gif",
+          "A gif showing how to fill out the new workspace form",
+          "Instead of starting from scratch, we recommend using <a href='http://www.clementinejs.com/' target='_blank'>Clementine.js</a>, a full stack JavaScript \"boilerplate\" that already has some basic code written for you. Clementine.js has a detailed tutorial you can go through to build it yourself, but for now let's just clone its code.<br><br>On c9.io, give your workspace a name, then leave \"Template\" as custom and create your workspace from this GitHub url: <code>https://github.com/johnstonbl01/clementinejs-fcc.git</code>",
+          ""
+        ],
+        [
+          "//i.imgur.com/42m1vyr.gif",
+          "A gif showing you how to show hidden files.",
+          "Click the gear in the upper right corner of c9.io's file structure. Select \"Show Hidden Files\".",
+          ""
+        ],
+        [
+          "//i.imgur.com/qrE8xaK.gif",
+          "A gif showing you how to create a new file.",
+          "Right click and create a new file called <code>.env</code>.",
+          ""
+        ],
+        [
+          "//i.imgur.com/jkQX9SQ.gif",
+          "A gif showing you how to prep your environmental variables in your .env file.",
+          "Open your .env file and paste this into it, then save it:<br><br><code>GITHUB_KEY=<br>GITHUB_SECRET=<br>MONGO_URI=mongodb://localhost:27017/clementinejs<br>PORT=8080<br>APP_URL=http://localhost:8080/</code>",
+          ""
+        ],
+        [
+          "//i.imgur.com/f3DE7zB.gif",
+          "A gif showing you how to open c9.io's preview window.",
+          "Open up your application in a preview tab by clicking Window > Share > Application > Open.",
+          ""
+        ],
+        [
+          "//i.imgur.com/Ip0qUdQ.gif",
+          "A gif showing you how to create a GitHub app using c9.io's preview URL.",
+          "Create a GitHub app for authentication and choose an \"Application name\". For the homepage URL, paste the URL from your preview tab. You'll also paste the URL from your preview tab into \"Authorization callback URL\", then add to it: <code>auth/github/callback</code>",
+          "https://github.com/settings/applications/new"
+        ],
+        [
+          "//i.imgur.com/qCUVRFb.gif",
+          "A gif showing you how to transfer GitHub's key and secret over to your .env file, as well as your c9.io URL.",
+          "GitHub will create an app and present you with a Client ID and a Client Secret. Set your <code>.env</code> file's <code>GITHUB_KEY</code> equal to the Client ID, and set your <code>.env</code> file's <code>GITHUB_SECRET</code> equal to the Client Secret. Copy the URL from your preview tab and paste it into your <code>.env</code> file as your <code>APP_URL</code>.",
+          ""
+        ],
+        [
+          "//i.imgur.com/2a20Vah.gif",
+          "A gif showing you how to install MongoDB and start it in c9.io's terminal.",
+          "In your terminal, install MongoDB by entering: <br><br><code>sudo apt-get install mongodb-org</code><br><br> then start MongoDB by entering:<br><br><code>mongod --smallfiles</code>",
+          ""
+        ],
+        [
+          "//i.imgur.com/dC55pWk.gif",
+          "A gif showing you how to open a new tab in c9.io's terminal.",
+          "Open a new terminal tab with the <code>+</code> button above your terminal, then run <code>npm install</code>",
+          ""
+        ],
+        [
+          "//i.imgur.com/54OC2Ro.gif",
+          "A gif showing you how to navigate to your preview tab and sign in to your new Clementine.js app.",
+          "Run <code>node server.js</code> to start the server. Refresh your preview tab. You should see the Clementine.js logo. Click \"sign in\" and accept GitHub's prompt to authorize the application.",
+          ""
+        ],
+        [
+          "//i.imgur.com/2IJfyvN.gif",
+          "A gif showing you how to click the button to trigger an AJAX action with Clementine.js and how to look at your user profile from the GitHub authentication data.",
+          "Click the \"Click Me\" button and you'll see that it increments the number clicks. Click the profile button and you'll see that it has your GitHub information.",
+          ""
+        ],
+        [
+          "//i.imgur.com/bjO5pnq.gif",
+          "A gif showing you how to create a new GitHub repository and push your code up to it.",
+          "Create a new GitHub repository. Then copy its .git URL.<br><br>Return to c9.io's terminal and set your GitHub remote URL: <code>git remote set-url origin</code> followed by the URL you copied from GitHub.<br><br>Run <code>git push origin master</code>.<br><br>Now tab back to GitHub and refresh, and you'll see that your code is now on GitHub.",
+          "https://github.com/new"
+        ],
+        [
+          "//i.imgur.com/Qn0K65B.gif",
+          "A gif showing you how to add add-ons to Heroku.",
+          "We will soon add instructions for getting Clementine running on Heroku. For now, develop your Basejumps right on c9.io.",
+          ""
+        ]
+      ],
+      "challengeSeed": [],
+      "tests": [],
+      "type": "Waypoint",
+      "challengeType": 7,
+      "isRequired": false,
+      "titleEs": "Prepárate para nuestros Proyectos de Desarrollo en el lado del servidor",
+      "descriptionEs": [
+        [
+          "//i.imgur.com/4IZjWZ3.gif",
+          "Una imagen gif que te muestra cómo crear una cuenta en c9.io.",
+          "Te recomendamos resolver nuestros desafíos de pila completa (full stack) en c9.io, un poderoso ambiente de desarrollo basado en tu navegador. Esto te ahorrará muchas horas que utilizarías configurando tu computadora para correr Node.js y MongoDB - tiempo que podrías utilizar escribiendo código. <br>Crea una cuenta en c9.io pulsando el símbolo de GitHub en la esquina superior derecha de la página de c9.io. Pulsa el botón con el símbolo de suma para crear una área de trabajo nueva. Introduce tu dirección de correo electrónico cuando se te solicite.",
+          "https://c9.io"
+        ],
+        [
+          "//i.imgur.com/F7i5Hhi.gif",
+          "Una imagen gif que te muestra cómo llenar el formulario para crear un área de trabajo nueva",
+          "En vez de iniciar desde cero, recomendamos utilizar Clementine.js, un modelo (<em>bolierplate</em>) de JavaScript pila completa (full stack) que viene con código básico ya escrito para ti. Clementine.js tiene un tutorial detallado que puedes seguir para construirlo por ti mismo, pero por ahora simplemente vamos a clonarlo. En c9.io, dale un nombre a tu área de trabajo, luego deja \"Plantilla\" (\"Template\") como personalizado y crea tu espacio de trabajo usando el siguiente url de GitHub: <code>https://github.com/johnstonbl01/clementinejs-fcc.git</code>",
+          ""
+        ],
+        [
+          "//i.imgur.com/42m1vyr.gif",
+          "Una imagen gif que te muestra cómo mostrar los archivos ocultos.",
+          "Pulsa el engrane en la esquina superior derecha del árbol de archivos de c9.io. Selecciona \"show hidden files\".",
+          ""
+        ],
+        [
+          "//i.imgur.com/qrE8xaK.gif",
+          "Una imagen gif que te muestra cómo crear un archivo nuevo.",
+          "Haciendo clic derecho, crea un nuevo archivo llamado <code>.env</code>.",
+          ""
+        ],
+        [
+          "//i.imgur.com/jkQX9SQ.gif",
+          "Una imagen gif que te muestra cómo preparar tus variables de ambiente en tu archivo .env.",
+          "Abre tu archivo .env pega el siguiente código, y luego guárdalo: <br><code>GITHUB_KEY=<br>GITHUB_SECRET=<br>MONGO_URI=mongodb://localhost:27017/clementinejs<br>PORT=8080<br>APP_URL=http://localhost:8080/</code>",
+          ""
+        ],
+        [
+          "//i.imgur.com/f3DE7zB.gif",
+          "Una imagen gif que te muestra cómo abir la vista previa de la ventana de c9.io.",
+          "Abre tu aplicación en una pestaña de vista previa pulsando window > share > application > open.",
+          ""
+        ],
+        [
+          "//i.imgur.com/Ip0qUdQ.gif",
+          "Una imagen gif que te muestra cómo crear una aplicación de GitHub usando la URL de vista previa de c9.io.",
+          "Crea una aplicación de GitHub para autenticación y elige un \"Nombre de aplicación\". Para la URL de inicio (homepage), pega la URL de tu pestaña de vista previa. También debes pegar la URL de tu pestaña de vista previa en <code>Authorization callback URL</code>, agrégale: <code>auth/github/callback</code>",
+          "https://github.com/settings/applications/new"
+        ],
+        [
+          "//i.imgur.com/qCUVRFb.gif",
+          "Una imagen gif que te muestra cómo transferir tu llave (key) y tu código secreto (secret) de GitHub a tu archivo .env, así como tu URL de c9.io.",
+          "GitHub creará una aplicación y te entregará un ID de cliente (Client ID) y un Código secreto de cliente (Client Secret). Haz que el GITHUB_KEY en tu archivo .env sea igual al ID de cliente, y haz que tu GITHUB_SECRET en el archivo .env sea igual al Código secreto de cliente. Copia la URL de tu pestaña de vista previa y pégala en tu archivo .env como tu APP_URL.",
+          ""
+        ],
+        [
+          "//i.imgur.com/2a20Vah.gif",
+          "Una imagen gif que te muestra cómo iniciar mongoDB en la terminal de c9.io.",
+          "En tu terminal, instala MongoDB usando el siguiente comando: <br><br><code>sudo apt-get install mongodb-org</code><br><br>. Inicia MongoDB con el siguiente comando: <code>mongod --smallfiles</code>",
+          ""
+        ],
+        [
+          "//i.imgur.com/dC55pWk.gif",
+          "Una imagen gif que te muestra cómo abrir una nueva pestaña en la terminal de c9.io.",
+          "Abre una nueva pestaña de terminal pulsando el botón de + sobre tu terminal, luego ejecuta <code>npm install</code>",
+          ""
+        ],
+        [
+          "//i.imgur.com/54OC2Ro.gif",
+          "Una imagen gif que te muestra cómo navegar a tu pestaña de vista previa e ingresar a tu nueva aplicación Clementine.js.",
+          "Ejecuta <code>node server.js</code> para iniciar el servidor. Actualiza tu pestaña de vista previa. Deberías poder ver el logo de Clementine.js. Pulsa \"sign in\"  y acepta la solicitud de GitHub para autorizar la aplicación.",
+          ""
+        ],
+        [
+          "//i.imgur.com/2IJfyvN.gif",
+          "Una imagen gif que te muestra cómo pulsar un botón para desencadenar una acción AJAX con Clementine.js y cómo ver tu perfil de usuario en los datos de autenticación provistos por GitHub.",
+          "Pulsa el botón que dice \"click me\" y verás que se incrementa el número de clics. Pulsa el botón de perfil (profile) y verás la información de tu perfil de GitHub.",
+          ""
+        ],
+        [
+          "//i.imgur.com/bjO5pnq.gif",
+          "Una imagen gif que te muestra cómo crear un nuevo repositorio de GitHub GitHub y empujar allí tu código.",
+          "Crea un nuevo repositorio en GitHub. Luego copia su ULR .git. <br>Regresa a tu terminal de c9.io y establece tu URL remota de GitHub: <code>git remote set-url origin</code> seguido de la URL que copiaste de GitHub. <br>Ejecuta <code>git push origin master</code>. <br>Ahora ve de regreso a la página de GitHub y actualízala. Verás que tu código ahora está ahora en GitHub.",
+          "https://github.com/new"
+        ],
+        [
+          "//i.imgur.com/Qn0K65B.gif",
+          "Una imagen gif que te muestra cómo agregar complementos a Heroku.",
+          "Pronto agregaremos instrucciones para hacer que Clementine corra en Heroku. Por ahora, desarrolla tus Basejumps en c9.io.",
+          ""
+        ]
+      ]
+    },
     {
       "id": "bd7158d8c443eddfaeb5bdef",
       "title": "Build a Voting App",

seed/challenges/04-video-challenges/computer-basics.json

@@ -905,9 +905,9 @@
           true
         ],
         [
-          "Javascript is a compiler language.",
+          "JavaScript is a compiled language.",
           false,
-          "Javascript is an interpreter language"
+          "JavaScript is an interpreted language."
         ],
         [
           "Free Code Camp is open source.",

server/component-passport.js

@@ -38,9 +38,7 @@ const passportOptions = {
         getSocialProvider(provider),
         profile
       );
-    }
+    } else {
-
-    if (/github/.test(provider)) {
       userObj = setProfileFromGithub(userObj, profile, profile._json);
     }
     return userObj;

server/views/resources/about.jade

@@ -169,7 +169,7 @@ block content
         .row
             .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
                 h2.text-center Whom to contact for what
-                table.table.table-stripe
+                table.table.table-stripe.response-table
                     tr
                         td Support (
                             a(href='mailto:team@freecodecamp.com') team@freecodecamp.com
@@ -217,7 +217,7 @@ block content
                         td
                             a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie
                     tr
-                        td Youtube channel
+                        td YouTube channel
                         td
                             a(href='https://gitter.im/Septimus' target='_blank') @Septimus
                     tr