Introductory Slides

• Tutorial 8 Slides

Overview

In this tutorial, we will be getting started on some concepts that should help you in Homework 3. Specifically, we will:

1. Set up the HW3 starter files.
2. Learn how to authenticate to the Photo App REST API.
3. Fetch data from the API to display on a web page.
4. Create a bookmark using the API (see 2. Create / Delete Data with Event Handlers).
5. Delete data using the API.

What to Submit

To submit this tutorial, please create a link from your homepage to your Homework 3 web page (see Sarah’s homepage for an example). Then, commit and push all of your edits to GitHub and, paste a link to your GitHub Repository and to your GitHub pages in the Moodle submission for Tutorial 8.

To get full credit for this assignment, you should have at least the following completed:

	Description of Task	HW3 Link
	The Posts Panel is mostly rendered from API data (image, caption, username, likes, etc.), even if comments and likes are not finished yet.	1.4
	Clicking the bookmark icon of an unbookmarked post issues a POST request to /api/bookmarks/.	2.3
	After bookmarking a post, refreshing the page shows the filled bookmark icon.	1.4.4
	Clicking the bookmark icon of a bookmarked post issues a DELETE request to /api/bookmarks/<id>.	2.4
	After unbookmarking a post, refreshing the page shows the hollow bookmark icon.	1.4.4

If you collaborated with someone, please list your partner’s name in the comments section.