How to convert websites into JSON format for building a blog reader app?

Okay in the build a blog reader app lesson, you are to receive the json data from the blog with an api. How do I make an api from a blog I wish to extract data from?

What site are you trying to access this from? I posted an answer to a similar question here

Basically you have to reverse engineer the site to give you the data you want.

There might be an easier way but this is how I would do it. I'm not sure I recommend it and I would only venture down this path if you have some solid web/javascript experience.

Do you see the gray nav bar at the side of the treehouse page? It contains Home, Tracks, Library etc... This will give you back the list of these items in JSON format. You would basically do this for any site, tweaking as needed to get info you need. Here's the basic structure:

// Note this does actually work on the treehouse page
var pages = document.getElementById("main-pages");   // get all the desired elements by the parent class name 
var myList = new Array();     // make a new array to store all our data in, we'll turn this into JSON at the end 
for(var i=0; i< pages.children.length; i++) {      // iterate over each child element
   var holderVar = pages.children[i];          // get the first child element
   var myPage = {}
   myPage.title = holderVar.getAttribute("id"); 
   myList.push(myPage);
} 
var myJSONlist = JSON.stringify(myList);

Maybe there's an easier way, this route isn't trivial.

This seems like a more proven answer to the same/similar question: https://teamtreehouse.com/forum/how-to-convert-websites-into-json-format-for-building-a-blog-reader-app