Introducing the basic concepts of fetch and how it works with a browser.

1. Fetch with
Frankie and Bowser

2. Let's learn about
how Fetch works
introducing
Frankie and
Bowser
Frankie is our user
Bowser the dog is our
browser
URL
The website that
Frankie is looking for
The webserver where
the website files are
located

3. Fetch begins when a user
clicks on a link or types in
the website's name.
URL
Frankie
Bowser

4. Bowser "fetches" the URL and takes it to the
Web Server forest
URL

5. Bowser brings back a HTML page to Frankie

6. Bowser sees that the HTML page has images
on it so he goes back to the Web server to
"fetch" the images

7. Bowser brings back the images to go with
the HTML documents.

8. Bowser sees that there's some styling pages
that need to go with the website and goes back
to the web server

9. Bowser "fetches" the CSS pages to
style the HTML pages

10. Frankie now has all the files to see the website!