Topics > 8. JavaScript: HTTP requests and the Fetch API

The Fetch API is a modern JavaScript interface for making HTTP requests to servers and handling responses. It simplifies fetching resources like JSON data, files, or text from external APIs or web services using promises for asynchronous operations. Understanding how to use the Fetch API, handle response statuses, and work with data formats like JSON is key to building dynamic, data-driven web applications.

Readings & Activities

Week		Slides / Activities	Readings
Week 8	Mon, 3/3	Lecture 14 : Tutorial 6 Wrap; Intro to HTTP	Required: An introduction to HTTP: everything you need to know. Free Code Camp Sign for and download Postman.
	Wed, 3/5	Lecture 15 : Asynchronous Functions and the JavaScript Fetch API Activity : Fetch Examples	Required: Hughes, Noah (2023). Async Await vs Fetch.Then(). fetch GET examples. Note: this example (and subsequent ones) demonstrate both "then" "async/await" techniques. fetch POST examples fetch PUT examples. Note: PATCH works the same way as PUT. Recall that PATCH only updates specific attributes of a resource while PUT replaces the entire resource with a new version. fetch DELETE examples.
Week 10	Mon, 3/17	Tutorial 7 : Get Started on HW3: GET, POST, and DELETE (due Mon, 3/24)

CSCI 344: Spring 2025

Advanced Web Technology

CSCI 344: Spring 2025

Topics > 8. JavaScript: HTTP requests and the Fetch API

Readings & Activities