Building the JSON file for the Carousel application

Let us assume that we are an educational institution, and we have a tradition of acknowledging the efforts of our students on a monthly basis. We will pick the top students from each course for that month, and display their names on our notice board rotator application. This notice board rotator application has often served as a motivation for other students, who always aim to get themselves onto that board. This is the way our educational institution is encouraging the students to do well in their courses. The example JSON feed will look like the following screenshot:

For our notice board rotator application, we will need basic student information, such as the first name, last name, current level of education, and the course that they have excelled in.

index-v2.html

In the preceding screenshot, we are using jQuery's getJSON() function to bring the JSON feed into the document. When the index-v2.html file is loaded into the browser, the students...