Skip to content

Commit

Permalink
add some additional jquery challenges
Browse files Browse the repository at this point in the history
  • Loading branch information
Quincy Larson committed Jun 28, 2015
1 parent 7ee4b22 commit 05cfe86
Showing 1 changed file with 108 additions and 35 deletions.
143 changes: 108 additions & 35 deletions seed/challenges/future-jquery-ajax-json.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,8 @@
"assert(editor.match(/\\n\\s+?\\}\\);/g), 'Close your <code>$(document).ready(function() {</code> function with <code>\\}\\);</code>.')"
],
"challengeSeed": [
"",
"<!-- You shouldn't need to modify code below this line -->",
"<br>",
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
"<br>",
Expand Down Expand Up @@ -65,6 +67,7 @@
"",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<br>",
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
"<br>",
Expand Down Expand Up @@ -112,6 +115,7 @@
" $('img').addClass('animated bounce');",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<br>",
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
"<br>",
Expand Down Expand Up @@ -159,6 +163,7 @@
" $('.btn').addClass('animated shake');",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<br>",
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
"<br>",
Expand Down Expand Up @@ -207,6 +212,7 @@
" $('.btn').addClass('animated shake');",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<br>",
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
"<br>",
Expand Down Expand Up @@ -256,6 +262,7 @@
" $('#cat-photo-form').addClass('animated pulse');",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<br>",
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
"<br>",
Expand Down Expand Up @@ -303,6 +310,7 @@
" $('#cat-photo-form').css('background-color', 'gray');",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<br>",
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
"<br>",
Expand Down Expand Up @@ -351,6 +359,7 @@
" $('#submit-button').prop('disabled', 'true');",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<br>",
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
"<br>",
Expand Down Expand Up @@ -382,48 +391,41 @@

{
"id": "bad87fee1348bd9aed608826",
"name": "Waypoint: Move an Element Using jQuery",
"dashedName": "waypoint-move-an-element-using-jquery",
"name": "Waypoint: Use appendTo to Move Elements with jQuery",
"dashedName": "waypoint-use-appendto-to-move-elements-with-jquery",
"difficulty": 0.079,
"description": [

"$('.btn').appendTo('#right-well')"
],
"tests": [

"assert($('#left-well').children().length === 0, 'Your left well should not have any buttons inside it.')",
"assert($('#right-well').children().length === 6, 'Your right well should have all 6 buttons inside it.')"
],
"challengeSeed": [
"fccss",
" $(document).ready(function() {",
" $('#cat-photo-form').css('background-color', 'gray');",
" $('#submit-button').prop('disabled', 'true');",
" $('img').remove();",
"",
" });",
"fcces",
"<br>",
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
"<br>",
"<!-- You shouldn't need to modify code below this line -->",
"<div class='row'>",
" <div class='col-xs-4'>",
" <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
" </div>",
" <div class='col-xs-4'>",
" <button class='btn btn-block btn-info'><i class='fa fa-info-circle'></i> Info</button>",
" </div>",
" <div class='col-xs-4'>",
" <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
" </div>",
"</div>",
"<br>",
"<form action='submit-cat-photo' id='cat-photo-form'>",
" <div class='row'>",
" <div class='col-xs-7'>",
" <input type='text' class='form-control' placeholder='cat photo URL' required>",
" <div class='col-xs-6'>",
" <h4>#left-well</h4>",
" <div class='well' id='left-well'>",
" <button class='btn btn-default target' id='target1'>#target1</button>",
" <button class='btn btn-default target' id='target2'>#target2</button>",
" <button class='btn btn-default target' id='target3'>#target3</button>",
" </div>",
" <div class='col-xs-5'>",
" <button type='submit' id='submit-button' class='btn btn-primary'><i class='fa fa-paper-plane'></i> Submit</button>",
" </div>",
" <div class='col-xs-6'>",
" <h4>#right-well</h4>",
" <div class='well' id='right-well'>",
" <button class='btn btn-default target' id='target4'>#target4</button>",
" <button class='btn btn-default target' id='target5'>#target5</button>",
" <button class='btn btn-default target' id='target6'>#target6</button>",
" </div>",
" </div>",
"</form>"
"</div>"
],
"challengeType": 0
},
Expand All @@ -434,13 +436,36 @@
"dashedName": "waypoint-clone-an-element-using-jquery",
"difficulty": 0.080,
"description": [

"Clone the #target1 element and append it to the #left-well element. $('#target1').clone().appendTo('#left-well')"
],
"tests": [

"assert($('#left-well').children().length > 3, 'You should have at least 4 button elements in your #left-well element')"
],
"challengeSeed": [

"fccss",
" $(document).ready(function() {",
"",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<div class='row'>",
" <div class='col-xs-6'>",
" <h4>#left-well</h4>",
" <div class='well' id='left-well'>",
" <button class='btn btn-default target' id='target1'>#target1</button>",
" <button class='btn btn-default target' id='target2'>#target2</button>",
" <button class='btn btn-default target' id='target3'>#target3</button>",
" </div>",
" </div>",
" <div class='col-xs-6'>",
" <h4>#right-well</h4>",
" <div class='well' id='right-well'>",
" <button class='btn btn-default target' id='target4'>#target4</button>",
" <button class='btn btn-default target' id='target5'>#target5</button>",
" <button class='btn btn-default target' id='target6'>#target6</button>",
" </div>",
" </div>",
"</div>"
],
"challengeType": 0
},
Expand All @@ -451,13 +476,37 @@
"dashedName": "waypoint-target-the-parent-of-an-element-using-jquery",
"difficulty": 0.082,
"description": [

"Change the parent of the #target1 element to have the background color of red.",
"$('#target1').parent().css('background-color', 'red')"
],
"tests": [

],
"challengeSeed": [

"fccss",
" $(document).ready(function() {",
"",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<div class='row'>",
" <div class='col-xs-6'>",
" <h4>#left-well</h4>",
" <div class='well' id='left-well'>",
" <button class='btn btn-default target' id='target1'>#target1</button>",
" <button class='btn btn-default target' id='target2'>#target2</button>",
" <button class='btn btn-default target' id='target3'>#target3</button>",
" </div>",
" </div>",
" <div class='col-xs-6'>",
" <h4>#right-well</h4>",
" <div class='well' id='right-well'>",
" <button class='btn btn-default target' id='target4'>#target4</button>",
" <button class='btn btn-default target' id='target5'>#target5</button>",
" <button class='btn btn-default target' id='target6'>#target6</button>",
" </div>",
" </div>",
"</div>"
],
"challengeType": 0
},
Expand All @@ -468,13 +517,37 @@
"dashedName": "waypoint-target-the-children-of-an-element-using-jquery",
"difficulty": 0.083,
"description": [

"Change the color of all the #left-well element's children to blue.",
"$('#right-well').children().css('background-color', 'blue')"
],
"tests": [

],
"challengeSeed": [

"fccss",
" $(document).ready(function() {",
"",
" });",
"fcces",
"<!-- You shouldn't need to modify code below this line -->",
"<div class='row'>",
" <div class='col-xs-6'>",
" <h4>#left-well</h4>",
" <div class='well' id='left-well'>",
" <button class='btn btn-default target' id='target1'>#target1</button>",
" <button class='btn btn-default target' id='target2'>#target2</button>",
" <button class='btn btn-default target' id='target3'>#target3</button>",
" </div>",
" </div>",
" <div class='col-xs-6'>",
" <h4>#right-well</h4>",
" <div class='well' id='right-well'>",
" <button class='btn btn-default target' id='target4'>#target4</button>",
" <button class='btn btn-default target' id='target5'>#target5</button>",
" <button class='btn btn-default target' id='target6'>#target6</button>",
" </div>",
" </div>",
"</div>"
],
"challengeType": 0
},
Expand Down

0 comments on commit 05cfe86

Please sign in to comment.