Using APIs with JS and Fetch

Today’s topics

• Using JSON for retrieving data
• Basics of HTTP requests
• Make requests with Insomnia client to GET data
• Make GET requests using the Fetch API and display response data on a page

Project

Create a GitHub Profile

Link to assignment invitation

Links and resources

• Illustrated Dev: Meet the Robowaiter APIs Serving Us Data
• AJAX explained by analogy
• MDN AJAX
• Insomnia client
• GitHub API Docs
• MDN Fetch API
• MDN fetch() method
• CSS-Tricks article on using Fetch
• MDN JS Promise

A Short History of the Web, in links

• Tim Berners-Lee
• original proposal for HTTP
• The First Web Page
• HTTP Working Group
• Mosaic Browser
• Netscape Navigator
• IE 1.0 showing baby wikipedia
• Firefox 1.0
• Google 1.0
• Amazon 1.0
• (The) Facebook 1.0
• CNN 1996 Year in Review – This page doesn’t work for me in Chrome, but it does in Firefox. YMMV.
• National Archives: Offical White House websites through the years

Code, slides, and video from class

• There are no slides for this topic today
• using fetch to get github data demo
• morning class video Access Password: 5n^84@W6
• afternoon class video Access Password: 7q.tgdA9