[
  {
    "id": "bd7158d9c436eddfaeb5bd3f",
    "name": "Can I jump around in this guide?",
    "dashedName": "can-i-jump-around-in-this-guide",
    "category": "FYI",
    "description": [
      "<div class=\"col-xs-12 col-sm-10 col-sm-offset-1\">",
      "  <h3>This guide was designed as a reference for you. You shouldn't try to read it all today.</h3>",
      "  <p class='large-p'>Feel free to come back any time and jump around, reading any articles that seem interesting to you at the time.</p>",
      "  <p class='large-p'>If you're currently doing our \"Browse our Field Guide\" Waypoint, go ahead and mark that challenge complete and move on to your next Waypoint.</p>",
      "</div>"
    ]
  },
  {
    "id": "bd7159d9c436eddfaeb5bdef",
    "name": "Can I Calculate the True Cost of a Bootcamp with a Coding Bootcamp Cost Calculator?",
    "dashedName": "can-i-calculate-the-true-cost-of-a-bootcamp-with-a-coding-bootcamp-cost-calculator",
    "category": "FYI",
    "description": [
      "<script src=\"/js/calculator.js\"></script>",
      "<div class=\"row\">",
      "  <div class=\"col-xs-12 col-sm-10 col-sm-offset-1\">",
      "    <h3 id=\"chosen\" class=\"text-center text-primary\">Coming from _______, and making $_______, your true costs will be:</h3>",
      "    <div id=\"city-buttons\">",
      "      <div class=\"spacer\"></div>",
      "      <h2 class=\"text-center\">Where do you live?</h2>",
      "      <div class=\"spacer\"></div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"atlanta\" class=\"btn btn-primary btn-block btn-lg\">Atlanta</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"austin\" class=\"btn btn-primary btn-block btn-lg\">Austin</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"brisbane\" class=\"btn btn-primary btn-block btn-lg\">Brisbane</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"boulder\" class=\"btn btn-primary btn-block btn-lg\">Boulder</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"chicago\" class=\"btn btn-primary btn-block btn-lg\">Chicago</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"denver\" class=\"btn btn-primary btn-block btn-lg\">Denver</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"hong-kong\" class=\"btn btn-primary btn-block btn-lg\">Hong Kong</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"london\" class=\"btn btn-primary btn-block btn-lg\">London</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"los-angeles\" class=\"btn btn-primary btn-block btn-lg\">Los Angeles</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"manchester\" class=\"btn btn-primary btn-block btn-lg\">Manchester</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"melbourne\" class=\"btn btn-primary btn-block btn-lg\">Melbourne</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"new-york-city\" class=\"btn btn-primary btn-block btn-lg\">New York City</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"portland\" class=\"btn btn-primary btn-block btn-lg\">Portland</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"raleigh-durham\" class=\"btn btn-primary btn-block btn-lg\">Raleigh-Durham</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"san-francisco\" class=\"btn btn-primary btn-block btn-lg\">San Fransisco</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"seattle\" class=\"btn btn-primary btn-block btn-lg\">Seattle</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"singapore\" class=\"btn btn-primary btn-block btn-lg\">Singapore</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"toronto\" class=\"btn btn-primary btn-block btn-lg\">Toronto</button>",
      "      </div>",
      "      <div class=\"col-xs-12 btn-nav\">",
      "        <button id=\"other\" class=\"btn btn-primary btn-block btn-lg\">Other</button>",
      "        <div class=\"spacer\"></div>",
      "      </div>",
      "    </div>",
      "    <div id=\"income\" class=\"initially-hidden\">",
      "      <div class=\"spacer\"></div>",
      "      <h2 class=\"text-center\">How much money did you make last year (in USD)?</h2>",
      "      <div class=\"spacer\"></div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"0\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$0</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"20000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$20,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"30000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$30,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"40000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$40,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"50000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$50,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"60000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$60,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"70000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$70,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"80000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$80,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"90000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$90,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"100000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$100,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"120000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$120,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"140000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$140,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"160000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$160,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"180000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$180,000</button>",
      "      </div>",
      "      <div class=\"col-xs-12 col-sm-12 col-md-4 btn-nav\">",
      "        <button id=\"200000\" href=\"#\" class=\"btn btn-primary btn-block btn-lg\">$200,000</button>",
      "        <div class=\"spacer\"></div>",
      "      </div>",
      "    </div>",
      "    <div id=\"chart\" class=\"initially-hidden\">",
      "      <div class=\"d3-centered\">",
      "        <svg class=\"chart\"></svg>",
      "      </div>",
      "    </div>",
      "    <div id=\"explanation\" class=\"initially-hidden\">",
      "      <div class=\"col-xs-12 col-sm-10 col-sm-offset-1\">",
      "        <div class=\"text-center\">",
      "          <button id=\"transform\" class=\"btn btn-primary btn-lg\">Transform</button>",
      "          <div class=\"button-spacer\"></div><a href=\"/json/bootcamps.json\">View Data Source JSON</a><span>&nbsp; &bullet; &nbsp;</span><a href=\"/coding-bootcamp-cost-calculator\">Recalculate</a>",
      "        </div>",
      "        <h3>Notes:</h3>",
      "        <ol>",
      "          <li class=\"large-li\">For cash-up-front bootcamps, we assumed an APR of 6% and a term of 3 years.</li>",
      "          <li class=\"large-li\">For wage-garnishing bootcamps, we assume 18% of first year wages at their advertised starting annual salary of around $100,000.</li>",
      "          <li class=\"large-li\">We assume a cost of living of $500 for cities like San Francisco and New York City, and $400 per week for everywhere else.</li>",
      "          <li class=\"large-li\">The most substantial cost for most people is lost wages. A 40-hour-per-week job at the US Federal minimum wage would pay at least $15,000 per year. You can read more about economic cost<a href=\"https://en.wikipedia.org/wiki/Economic_cost\" target=\"_blank\"> here</a>.</li>",
      "          <li class=\"large-li\">Free Code Camp. We don't charge tuition or garnish wages. We're fully online so you don't have to move. We're self-paced so you don't have to quit your job. Thus, your true cost of attending Free Code Camp will be $0.</li>",
      "        </ol>",
      "        <div class=\"spacer\"></div>",
      "        <div class=\"row\">",
      "          <div class=\"col-xs-12 col-sm-4 col-md-3\"><img src=\"https://www.evernote.com/l/AHRIBndcq-5GwZVnSy1_D7lskpH4OcJcUKUB/image.png\" class=\"img-responsive testimonial-image\"/></div>",
      "          <div class=\"col-xs-12 col-sm-8 col-md-9\">",
      "            <h3>Built by Suzanne Atkinson</h3>",
      "            <p class=\"large-p\">Suzanne is an emergency medicine physician, triathlon coach and web developer from Pittsburgh. You should &thinsp;<a href=\"https://twitter.com/intent/user?screen_name=SteelCityCoach\" target=\"_blank\">follow her on Twitter</a>.</p>",
      "          </div>",
      "        </div>",
      "        <div class=\"spacer\"></div>",
      "      </div>",
      "    </div>",
      "  </div>",
      "</div>"
    ]
  },
  {
    "id": "bd7158d9c442eddfaeb5bdef",
    "name": "How do I best use the Global Control Shortcuts for Mac?",
    "dashedName": "how-do-i-best-use-the-global-control-shortcuts-for-mac",
    "category": "FYI",
    "description": [
      "<div class=\"col-xs-12 col-sm-10 col-sm-offset-1\">",
      "  <h3>These Global Control Shortcuts for Mac will save you hours by speeding up your typing.</h3><br>",
      "  <div class=\"embed-responsive embed-responsive-16by9\"><iframe src=\"//player.vimeo.com/video/107073108\" class=\"embed-responsive-item\"></iframe></div>",
      "  <p class='large-p'>These global shortcuts work everywhere on a Mac:</p>",
      "  <p class='large-p'>",
      "    <ul>",
      "      <li class='large-li'>Control + F = Forward</li>",
      "      <li class='large-li'>Control + B = Backward</li>",
      "      <li class='large-li'>Control + N = Next Line</li>",
      "      <li class='large-li'>Control + P = Previous Line</li>",
      "      <li class='large-li'>Control + H = Backspace</li>",
      "      <li class='large-li'>Control + D = Delete</li>",
      "      <li class='large-li'>Control + A = Beginning of Line</li>",
      "      <li class='large-li'>Control + E = End of Line</li>",
      "      <li class='large-li'>Control + K = Kill line</li>",
      "    </ul>",
      "  </p>",
      "</div>"
    ]
  },
  {
    "id": "bd7158d9c445eddfaeb5bdef",
    "name": "How can I get to Inbox Zero with Gmail shortcuts?",
    "dashedName": "how-can-i-get-to-inbox-zero-with-gmail-shortcuts",
    "category": "FYI",
    "description": [
      "<div class=\"col-xs-12 col-sm-10 col-sm-offset-1\">",
      "  <h3>These Gmail Shortcuts will save you hours and help you get to Inbox Zero.</h3><br/>",
      "  <div class=\"embed-responsive embed-responsive-16by9\">",
      "    <iframe src=\"//player.vimeo.com/video/115194016\" class=\"embed-responsive-item\"></iframe>",
      "  </div>",
      "  <p class='large-p'>The shortcuts:</p>",
      "  <p class='large-p'>",
      "    <ul>",
      "      <li class='large-li'>j - move down</li>",
      "      <li class='large-li'>k - move up</li>",
      "      <li class='large-li'>o - open</li>",
      "      <li class='large-li'>r - reply</li>",
      "      <li class='large-li'>a - reply all</li>",
      "      <li class='large-li'>f - forward</li>",
      "      <li class='large-li'>c - compose</li>",
      "      <li class='large-li'>x - select</li>",
      "      <li class='large-li'>e - archive</li>",
      "      <li class='large-li'>! - mark spam</li>",
      "      <li class='large-li'>z - undo</li>",
      "    </ul>",
      "  </p>",
      "</div>"
    ]
  },
  {
    "id": "bd7158d9c445eddfaeb5bdff",
    "name": "How can I deploy a website without writing any code at all?",
    "dashedName": "how-can-i-deploy-a-website-without-writing-any-code-at-all",
    "category": "FYI",
    "description": [
      "<div class=\"col-xs-12 col-sm-10 col-sm-offset-1\">",
      "  <h3>It's possible to build dynamic, mobile-responsive websites without writing any code at all, in just a few minutes.</h3><br/>",
      "  <div class=\"embed-responsive embed-responsive-16by9\">",
      "    <iframe src=\"//player.vimeo.com/video/115194017\" class=\"embed-responsive-item\"></iframe>",
      "  </div>",
      "  <p class='large-p'>Here are the technologies we used here:</p>",
      "  <p class='large-p'>",
      "    <ul>",
      "      <li class='large-li'><a href='http://www.atom.io/'>atom.io</a> - a free code editor</li>",
      "      <li class='large-li'><a href='http://www.startbootstrap.com/'>startbootstrap.com</a> - a collection of free responsive (Bootstrap) templates</li>",
      "      <li class='large-li'><a href='http://www.powr.io/'>powr.io</a> - a collection of free JavaScript plugins</li>",
      "      <li class='large-li'><a href='http://www.bitballoon.com/'>bitballoon.com</a> - a tool for drag and drop website deployment</li>",
      "    </ul>",
      "  </p>",
      "  <p class='large-p'>You will quickly reach the limits of what you can do without actually coding, but it's nice to be able to rapidly build working prototype websites like this.</p>",
      "</div>"
    ]
  },
  {
    "id": "bd7158d9c447eddfaeb5bdef",
    "name": "How do I install Screenhero?",
    "dashedName": "how-do-i-install-screenhero",
    "category": "FYI",
    "description": [
      "<div class='col-xs-12 col-sm-10 col-sm-offset-1'>",
      "  <h3><a href=\"http://links.screenhero.com/e/c/eyJlbWFpbF9pZCI6Ik1qQTNNem9XQkNJQ1pBQUNjd0FYQVZrVEdnRkxNamtfX0JWZEdGVEpSZkVCWlRwbFpXRTBNamM0WVMxaE56SmlMVEV4WlRRdE9HUXpZUzFpWXpVNE1HRTJNalkxTldNNk1UUTJNVEEyQUE9PSIsInBvc2l0aW9uIjowLCJocmVmIjoiaHR0cDovL2RsLnNjcmVlbmhlcm8uY29tL3NtYXJ0ZG93bmxvYWQvZklYQU1UUUJBTEtQQkhQTC9TY3JlZW5oZXJvLnppcD9zb3VyY2U9d2ViIn0=\">Download for Mac</a></h3>",
      "  <h3><a href=\"http://links.screenhero.com/e/c/eyJlbWFpbF9pZCI6Ik1qQTNNem9XQkNJQ1pBQUNjd0FYQVZrVEdnRkxNamtfX0JWZEdGVEpSZkVCWlRwbFpXRTBNamM0WVMxaE56SmlMVEV4WlRRdE9HUXpZUzFpWXpVNE1HRTJNalkxTldNNk1UUTJNVEEyQUE9PSIsInBvc2l0aW9uIjoxLCJocmVmIjoiaHR0cDovL2RsLnNjcmVlbmhlcm8uY29tL3NtYXJ0ZG93bmxvYWQvZklYQU1UUUJBTEtQQkhQTC9TY3JlZW5oZXJvLXNldHVwLmV4ZSJ9\"> Download for Windows</a></h3>",
      "  <p class='large-p'>You'll use Screenhero to pair program starting with <a href='/challenges/pair-program-on-bonfires'>http://freecodecamp.com/challenges/pair-program-on-bonfires</a></p>",
      "</div>"
    ]
  },
  {
    "id": "bd7158d9c436eddfaeb5dd3b",
    "name": "What other resources does Free Code Camp recommend to nonprofits?",
    "dashedName": "what-other-resources-does-free-code-camp-recommend-to-nonprofits",
    "category": "FYI",
    "description": [
      "<div class=\"col-xs-12 col-sm-10 col-sm-offset-1\">",
      "  <h2>Here are some excellent resources for nonprofits.</h2>",
      "  <h3>Please note that Free Code Camp is not partnered with, nor do we receive a referral fee from, any of the following providers. We simply want to help guide you towards a solution for your organization.</h3>",
      "  <h3>Skills-based Volunteer Organizations:</h3>",
      "  <p class='large-p'><a href='http://www.volunteermatch.com'>http://www.volunteermatch.com</a></p>",
      "  <p class='large-p'><a href='http://www.catchafire.org'>http://www.catchafire.org</a></p>",
      "  <h3>Building a website:</h3>",
      "  <p class='large-p'><a href='http://www.wix.com/'>http://www.wix.com/</p>",
      "  <p class='large-p'><a href='https://wordpress.com/'>https://wordpress.com/</p>",
      "  <p class='large-p'><a href='http://www.freecodecamp.com/field-guide/how-can-i-deploy-a-website-without-writing-any-code-at-all'>Build it yourself for free with no code</a></p>",
      "  <h3>Donor and Volunteer Management Systems</h3>",
      "  <p class='large-p'><a href='https://www.thedatabank.com/'>https://www.thedatabank.com/</a></p>",
      "  <p class='large-p'><a href='http://www.donorsnap.com/'>http://www.donorsnap.com/</a></p>",
      "  <p class='large-p'><a href='http://www.donorperfect.com/'>http://www.donorperfect.com/</a></p>",
      "  <p class='large-p'><a href='https://www.blackbaud.com/fundraising-crm/etapestry-donor-management'>https://www.blackbaud.com/fundraising-crm/etapestry-donor-management</a></p>",
      "  <p class='large-p'><a href='http://www.z2systems.com/'>http://www.z2systems.com</a></p>",
      "  <p class='large-p'><a href='http://www.regpacks.com/volunteer-management/'</a>http://www.regpacks.com/volunteer-management</a></p>",
      "  <p class='large-p'><a href='http://sumac.com/'>http://sumac.com</a></p>",
      "  <p class='large-p'><a href='http://www.volgistics.com'>http://www.volgistics.com</a></p>",
      "  <h3>Inventory Management Systems</h3>",
      "  <p class='large-p'><a href='https://www.ezofficeinventory.com/industries/non-profits'>https://www.ezofficeinventory.com/industries/non-profits</a></p>",
      "  <p class='large-p'><a href='https://www.ordoro.com'>https://www.ordoro.com</a></p>",
      "  <p class='large-p'><a href='http://www.unleashedsoftware.com'>http://www.unleashedsoftware.com</a></p>",
      "  <h3>E-Learning platforms</h3>",
      "  <p class='large-p'><a href='http://www.dokeos.com/'>http://www.dokeos.com</a></p>",
      "  <p class='large-p'><a href='http://www.efrontlearning.net/'>http://www.efrontlearning.net/</a></p>",
      "  <p class='large-p'><a href='https://moodle.org/'>https://moodle.org/</a></p>",
      "  <p class='large-p'><a href='https://sakaiproject.org/'>https://sakaiproject.org/</a></p>",
      "  <h3>Community Management</h3>",
      "  <p class='large-p'><a href='https://civicrm.org/'>https://civicrm.org/</a></p>",
      "  <p class='large-p'><a href='http://tcmgr.com/'>http://tcmgr.com/</a></p>",
      "  <h3>Electronic Forms</h3>",
      "  <p class='large-p'><a href='http://www.google.com/forms'>http://www.google.com/forms</a></p>",
      "  <p class='large-p'><a href='http://www.typeform.com'>http://www.typeform.com</a></p>",
      "</div>"
    ]
  }
]