add coursewares and note to zipline basejump views
parent
57948768bb
commit
8077d37f11
|
@ -3065,6 +3065,101 @@
|
||||||
"completionMessage": ""
|
"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": [
|
||||||
|
"<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
|
||||||
|
"<style>",
|
||||||
|
" h2 {",
|
||||||
|
" font-family: Lobster, Monospace;",
|
||||||
|
" }",
|
||||||
|
"",
|
||||||
|
" .thick-green-border {",
|
||||||
|
" border-color: green;",
|
||||||
|
" border-width: 10px;",
|
||||||
|
" border-style: solid;",
|
||||||
|
" border-radius: 50%;",
|
||||||
|
" }",
|
||||||
|
"",
|
||||||
|
"</style>",
|
||||||
|
"",
|
||||||
|
"<div class='row'>",
|
||||||
|
" <div class='col-xs-8'>",
|
||||||
|
" <h2 class='text-primary text-center'>CatPhotoApp</h2>",
|
||||||
|
" </div>",
|
||||||
|
" <div class='col-xs-4'>",
|
||||||
|
" <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
|
||||||
|
" </div>",
|
||||||
|
"</div>",
|
||||||
|
"<br>",
|
||||||
|
"<img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
|
||||||
|
"<br>",
|
||||||
|
"<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>",
|
||||||
|
"<p>Things cats love:</p>",
|
||||||
|
"<ul>",
|
||||||
|
" <li>cat nip</li>",
|
||||||
|
" <li>laser pointers</li>",
|
||||||
|
" <li>lasagna</li>",
|
||||||
|
"</ul>",
|
||||||
|
"<p>Top 3 things cats hate:</p>",
|
||||||
|
"<ol>",
|
||||||
|
" <li>flea treatment</li>",
|
||||||
|
" <li>thunder</li>",
|
||||||
|
" <li>other cats</li>",
|
||||||
|
"</ol>",
|
||||||
|
"<form action=\"/submit-cat-photo\">",
|
||||||
|
" <br>",
|
||||||
|
" <div class='row'>",
|
||||||
|
" <div class='col-xs-6'>",
|
||||||
|
" <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
|
||||||
|
" </div>",
|
||||||
|
" <div class='col-xs-6'>",
|
||||||
|
" <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
|
||||||
|
" </div>",
|
||||||
|
" </div>",
|
||||||
|
" <br>",
|
||||||
|
" <div class='row'>",
|
||||||
|
" <div class='col-xs-4'>",
|
||||||
|
" <label><input type='checkbox' name='personality'> Loving</label>",
|
||||||
|
" </div>",
|
||||||
|
" <div class='col-xs-4'>",
|
||||||
|
" <label><input type='checkbox' name='personality'> Lazy</label>",
|
||||||
|
" </div>",
|
||||||
|
" <div class='col-xs-4'>",
|
||||||
|
" <label><input type='checkbox' name='personality'> Crazy</label>",
|
||||||
|
" </div>",
|
||||||
|
" </div>",
|
||||||
|
" <br>",
|
||||||
|
" <input type='text' class='form-control' placeholder='cat photo URL' required>",
|
||||||
|
" <button type='submit' class='btn btn-primary'><i class='fa fa-paper-plane'></i> Submit</button>",
|
||||||
|
"</form>"
|
||||||
|
],
|
||||||
|
"challengeType": 0,
|
||||||
|
"completionMessage": ""
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{
|
{
|
||||||
"_id": "bad88fee1348bd9aedf08825",
|
"_id": "bad88fee1348bd9aedf08825",
|
||||||
"name": "Adjusting the Padding of an Element",
|
"name": "Adjusting the Padding of an Element",
|
||||||
|
@ -3776,6 +3871,9 @@
|
||||||
"challengeSeed": "125658022",
|
"challengeSeed": "125658022",
|
||||||
"description": [
|
"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.",
|
"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: <a href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse'>JSON.parse()</a> and <a href='http://api.jquery.com/jquery.each/'>jQuery $.each()</a>.",
|
||||||
|
"Whatever you do, don't get discouraged! Remember to use <a href='/field-guide/how-do-i-get-help-when-I-get-stuck'>RSAP</a> if you get stuck.",
|
||||||
"We'll build these challenges using CodePen, a popular tool for creating, sharing, and discovering static web applications.",
|
"We'll build these challenges using CodePen, a popular tool for creating, sharing, and discovering static web applications.",
|
||||||
"Go to <a href='http://codepen.io' target='_blank'>http://codepen.io</a> and create an account.",
|
"Go to <a href='http://codepen.io' target='_blank'>http://codepen.io</a> and create an account.",
|
||||||
"Click your user image in the top right corner, then click the \"New pen\" button that drops down.",
|
"Click your user image in the top right corner, then click the \"New pen\" button that drops down.",
|
||||||
|
|
|
@ -3,6 +3,13 @@ block content
|
||||||
.row
|
.row
|
||||||
.col-xs-12.col-sm-12.col-md-4.bonfire-top
|
.col-xs-12.col-sm-12.col-md-4.bonfire-top
|
||||||
h1.text-center= name
|
h1.text-center= name
|
||||||
|
p.text-center Tips: Use 
|
||||||
|
a(href='/field-guide/how-do-i-get-help-when-I-get-stuck') RSAP
|
||||||
|
| . Try using 
|
||||||
|
a(href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse') JSON.parse()
|
||||||
|
|  and 
|
||||||
|
a(href='http://api.jquery.com/jquery.each/') $.each()
|
||||||
|
|  with APIs.
|
||||||
.well
|
.well
|
||||||
h4
|
h4
|
||||||
ol
|
ol
|
||||||
|
|
Loading…
Reference in New Issue