",
- "
",
- " CatPhotoApp
", - "",
- " 
",
- "
",
- "<i class=\"fa fa-paper-plane\"><i> within your submit button element.')",
"assert($('.form-control').length > 0, 'Give your form's text input field in a class of \"form-control\".')"
],
"challengeSeed": [
@@ -3065,105 +3066,10 @@
"completionMessage": ""
},
- {
- "_id" : "bad87fee1348bd9aeb908845",
- "name": "Line up Form Elements Responsively with Bootstrap",
- "difficulty" : 0.063,
- "description": [
- "."
- ],
- "tests": [
- "assert($('.row').length > 4, 'Wrap your all of your checkboxes inside one div with the class \"row\".')",
- "assert($('.col-xs-5').length > 0, 'Wrap each of your checkboxes inside its own div with the class \"col-xs-4\".')",
- "assert($('.col-xs-7').length > 0, 'Wrap each of your checkboxes inside its own div with the class \"col-xs-4\".')"
- ],
- "challengeSeed": [
- "",
- "",
- "",
- "Things cats love:
", - "Top 3 things cats hate:
", - "padding of the green box to match that of the red box.",
"An element's padding controls the amount of space between an element and its border.",
@@ -3214,7 +3120,7 @@
{
"_id": "bad87fee1348bd9aedf08822",
"name": "Adjust the Margin of an Element",
- "difficulty": 0.064,
+ "difficulty": 0.065,
"description": [
"Change the margin of the green box to match that of the red box.",
"An element's margin controls the amount of space between an element's border and surrounding elements.",
@@ -3267,7 +3173,7 @@
{
"_id": "bad87fee1348bd9aedf08823",
"name": "Add a Negative Margin to an Element",
- "difficulty": 0.065,
+ "difficulty": 0.066,
"description": [
"Change the margin of the green box to a negative value, so it fills the entire horizontal width of the blue box.",
"An element's margin controls the amount of space between an element's border and surrounding elements.",
@@ -3319,7 +3225,7 @@
{
"_id": "bad87fee1348bd9aedf08824",
"name": "Add Different Padding to Each Side of an Element TEST",
- "difficulty": 0.066,
+ "difficulty": 0.067,
"description": [
"Give the green box a padding of 40 pixels on its top and left side, but only 20 pixels on its bottom and right side.",
"Sometimes you will want to customize an element so that it has different padding on each of its sides.",
@@ -3372,7 +3278,7 @@
{
"_id": "bad87fee1248bd9aedf08824",
"name": "Add Different a Margin to Each Side of an Element TEST",
- "difficulty": 0.067,
+ "difficulty": 0.068,
"description": [
"Give the green box a margin of 40 pixels on its top and left side, but only 20 pixels on its bottom and right side.",
"Sometimes you will want to customize an element so that it has a different margin on each of its sides.",
@@ -3425,7 +3331,7 @@
{
"_id": "bad87fee1348bd9aedf08826",
"name": "Use Clockwise Notation to Specify an Element's Padding",
- "difficulty": 0.068,
+ "difficulty": 0.069,
"description": [
"Use Clockwise Notation to give an element padding of 40 pixels on its top and left side, but only 20 pixels on its bottom and right side.",
"Instead of specifying an element's padding-top, padding-right, padding-bottom, and padding-left attributes, you can specify them all in one line, like this: padding: 10px 20px 10px 20px;.",
@@ -3473,11 +3379,337 @@
"challengeType": 0
},
+ {
+ "_id": "bad87fee1348bd9aede08826",
+ "name": "Use Hex Codes for Precise Colors",
+ "difficulty": 0.070,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aedd08826",
+ "name": "Use Shortened Hex Codes for Colors",
+ "difficulty": 0.071,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9acdd08826",
+ "name": "Learn how Script Tags and Document Ready Work",
+ "difficulty": 0.072,
+ "description": [
+ "Test"
+ ],
+ "tests": [
+ "assert($('#target').hasClass('disabled'), 'The button with the ID of \"target\" should continue to have the \"disabled\" class.')",
+ "assert($('#target').attr('disabled', true), 'Enable the button with the ID of \"target\" by using jQuery.')"
+ ],
+ "challengeSeed": [
+ "",
+ ""
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aedc08826",
+ "name": "Target Elements by Selectors Using jQuery",
+ "difficulty": 0.073,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aedb08826",
+ "name": "Target Elements by Class Using jQuery",
+ "difficulty": 0.074,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aeda08826",
+ "name": "Target an element by ID Using jQuery",
+ "difficulty": 0.075,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aed908826",
+ "name": "Change the CSS of an Element Using jQuery",
+ "difficulty": 0.076,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aed808826",
+ "name": "Disable an Element Using jQuery",
+ "difficulty": 0.077,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aed708826",
+ "name": "Remove an Element Using jQuery",
+ "difficulty": 0.078,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aed608826",
+ "name": "Move an Element Using jQuery",
+ "difficulty": 0.079,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aed508826",
+ "name": "Clone an Element Using jQuery",
+ "difficulty": 0.080,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aed408826",
+ "name": "Animate an Element Using jQuery",
+ "difficulty": 0.081,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aed308826",
+ "name": "Target the Parent of an Element Using jQuery",
+ "difficulty": 0.082,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aed208826",
+ "name": "Target the Children of an Element Using jQuery",
+ "difficulty": 0.083,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+
+ {
+ "_id": "bad87fee1348bd9aed108826",
+ "name": "Target a Specific Child of an Element Using jQuery",
+ "difficulty": 0.084,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aed008826",
+ "name": "Target Even Numbered Elements Using jQuery",
+ "difficulty": 0.085,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aecc08826",
+ "name": "Read Data from an Element Using jQuery",
+ "difficulty": 0.086,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9aebc08826",
+ "name": "Get Data from an URL Using jQuery",
+ "difficulty": 0.087,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9ae9c08826",
+ "name": "Loop through JSON Data Using jQuery",
+ "difficulty": 0.089,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
+
+ {
+ "_id": "bad87fee1348bd9ae8c08826",
+ "name": "Setup Click Events Using jQuery",
+ "difficulty": 0.089,
+ "description": [
+
+ ],
+ "tests": [
+
+ ],
+ "challengeSeed": [
+
+ ],
+ "challengeType": 0
+ },
{
"_id": "bd7123d8c441eddfaeb5bdef",
"name": "Learn Basic Computer Science",
- "difficulty": 0.18,
+ "difficulty": 0.90,
"challengeSeed": "114628241",
"description": [
"Stanford has an excellent free online Computer Science curriculum. This interactive course uses a modified version of JavaScript. It will cover a lot of concepts quickly.",
@@ -3871,8 +4103,8 @@
"challengeSeed": "125658022",
"description": [
"Now you're ready to start our Zipline challenges. These front-end development challenges will give you many opportunities to apply the HTML, CSS, jQuery and JavaScript you've learned to build static (database-less) applications.",
- "For many of these challenges, you will be using JSON data from API endpoints. This takes some getting used to.",
- "You will use the following two functions in many Ziplines: JSON.parse() and jQuery $.each().",
+ "For many of these challenges, you will be using JSON data from external API endpoints, such as Twitch.tv and Twitter. Note that you don't need to have a database to use these data.",
+ "The easiest way to manipulate these data is with jQuery $.getJSON().",
"Whatever you do, don't get discouraged! Remember to use RSAP if you get stuck.",
"We'll build these challenges using CodePen, a popular tool for creating, sharing, and discovering static web applications.",
"Go to http://codepen.io and create an account.",
@@ -3904,7 +4136,7 @@
"Bonus User Story: As a user, I can search through the streams listed.",
"Hint: Here's an example call to Twitch.tv's JSON API: https://api.twitch.tv/kraken/streams/freecodecamp.",
"Hint: The relevant documentation about this API call is here: https://github.com/justintv/Twitch-API/blob/master/v3_resources/streams.md#get-streamschannel.",
- "Hint: Here's an array of the Twitch.tv usernames of people who regularly stream coding: [\"freecodecamp\", \"storbeck\", \"terakilobyte\", \"habathcx\",\"notmichaelmcdonald\",\"RobotCaleb\",\"comster404\",\"brunofin\",\"thomasballinger\",\"joe_at_underflow\",\"noobs2ninjas\",\"mdwasp\",\"beohoff\",\"xenocomagain\"]",
+ "Hint: Here's an array of the Twitch.tv usernames of people who regularly stream coding: [\"freecodecamp\", \"storbeck\", \"terakilobyte\", \"habathcx\",\"RobotCaleb\",\"comster404\",\"brunofin\",\"thomasballinger\",\"noobs2ninjas\",\"beohoff\"]",
"When you are finished, click the \"I've completed this challenge\" button and include a link to your CodePen. If you pair programmed, you should also include the Free Code Camp username of your pair.",
"If you'd like immediate feedback on your project, click this button and paste in a link to your CodePen project. Otherwise, we'll review it before you start your nonprofit projects.