We take a look at the Web Fetch API in Javascript together. This is a web-standard API that we can use in most Javascript environments that lets us fetch resources from across networks and other mediums. We go through some concepts and examples on how we can fetch a webpage from a server across the internet through NodeJS and print out the HTML to our screen.

Digging deeper in to the Fetch API, we take a look at the Request, Response and Header Objects. We also take a look at how this relates to what the Browser does for us behind the scenes.

This is part of a series where we go over Javascript in depth to learn programming concepts as well as web development: https://youtube.com/playlist?list=PLovN13bqAx7D_MFjL0PHnCkYAHMSO8-kU

Chapters:
00:00 Introduction
00:49 What is the Fetch API?
05:10 Other Web APIs
07:00 Visualizing Fetching Resources
13:27 Fetch Interfaces
14:00 Fetch Example
17:30 “Fetching” Websites
18:28 Fetch Code Example
24:59 Fetch Methods and Properties
32:16 HTML Text Responses
38:22 Async Await with Fetch
41:00 Other Response Data Types
41:59 Request and Response Headers
42:50 Fetch API Alternatives
45:29 Next Steps

📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/javascript-in-depth
💬 Come join us on Discord to chat with a like-minded community about tech and learning: https://discord.gg/K4nkugP7Gd