First, create a folder for this project. The data that you will use is available at this URL: https://raw.githubusercontent.com/emuel/api/master/5110 and it will most likely look familiar.
Caveats about this assignment.
- Don't panic! I am not going to ask you do do anything that you have not already accomplished successfully in the workbook assignments.
- You will use the same (jquery based) $.getJSON function that you used in other assignments to access this data. The basic data call will look exactly like this:
$.getJSON('https://raw.githubusercontent.com/emuel/api/master/5110', function(data) { }); - As part of your assignment, you will be asked to make an image of your classmates appear on a web page. Other than for perhaps a few holdouts, each of your classmate's (and your) pictures are accessible via the domain property, which leads to each of your homepages. Simply add images/me.jpg to the url of any of those homepages and an image will usually appear.
- If you get stumped use Slack to ask questions! Your classmates are a great resource and, who knows, I may even help, but YOU HAVE TO ASK.
The actual assignment
Use https://raw.githubusercontent.com/emuel/api/master/5110 to generate a an html page that displays
- each of your classmate's first and last names,
- their pictures, and
- the fact that they shared about themselves.
- Make it look OK,
- build it within a flex framework.
- Beyond that, I don't care if you use div tags, articles, <h2> or <h3> tags, or any particular combination of html elements. I am most concerned that you know how to extract data from a json file and make it appear in a logically structured format in a web page.