Instruction
First, please create an entry/home page to give an overview of the entire individual project, with the following content at least:
- Title, name, site description, affiliation, etc.
- Course information (description and objectives from syllabus)
- Project information with a table of contents listing four milestones. Create a link on each milestone name linking to the milestone page in the future once your milestone page is ready.
A number of JSON files about books are provided in this milestone (Table 1). First, use any relevant tools to validate/beautify the content so you can study the content structure. Then, use JavaScript/jQuery to read the data and display it nicely in a webpage. You will design your own page style but keep them clean and organized.
JSON File/Content* Source Description Example real world webpage display
it-ebooks-search.json http://it-ebooksapi.info/v1/search/modern%20web This returns a list of books as a search result in the JSON format. http://it-ebooks.org/search/?q=modern+web
google-books-book.json https://www.googleapis.com/books/v1/volumes/Wfan6L9RGgYC This returns a single book's data in the JSON format. https://books.google.com/books?id=Wfan6L9RGgYC
google-books-search.json https://www.googleapis.com/books/v1/volumes?q=modern%20web This returns a list of books in the JSON format. http://cse.google.com/cse?cx=013493258683483688568:xhfa6ctm1ki&q=web#gsc.tab=0&gsc.q=modern%20web
Generally, there are two types of data. One type is for a list of books (as a result of a search), which contains data for multiple books. Please use a loop structure in the code to display all books. The other type is just for one book, which contains all information about one book. You need to design the page to display them properly.