Making Web Requests and the Fetch API ๐
When we think of single page apps, one of their defining characteristics is their really cool ability to update parts of their page either automatically or through some interaction by you:
What you wonโt see are the traditional page navigations where your entire screen is torn down and redrawn in a very jolting and non-continuous way. Core to pulling all of this off is this idea of web requests and us getting data (and UI) asynchronously and updating our DOM with it.
In the Making HTTP/Web Requests article, we take a glance at what web requests are and how to make them ourselves in JavaScript using the fetch API:
The fetch API was one of the first APIs introduced in the more recent versions of JavaScript (aka ES6) that were fully asynchronous and promises based. Donโt worry if this last sentence isnโt fully clear. Weโll dive deeper into almost every word there in the future. The important detail is that they help our fetch API work really well in getting us data from any supported external location.
Video Version
If you would like to learn about web requests and the fetch API in a video form, check out the following:
There are a bunch of other videos on web development topics that you can find on this siteโs Youtube channel, so head on over and subscribe if you havenโt.
Arrays: The Book
If you are looking for a fun and easy-to-follow guide to learn about Arrays in JavaScript, look no further!
Till Next Time
All right! This marks another installment of our informative newsletter that highlights some interesting web development topic. If you ever have ideas for topics youโd like me to consider writing about or just want to chat about anything web development related, drop by the forumsโฆwe have pixelated emojis again!
Oh, and follow me on Twitter as well. Youโll thank me one day.
View this email in your browser
Copyright (C) *|CURRENT_YEAR|* *|LIST:COMPANY|*. All rights reserved.
*|IFNOT:ARCHIVE_PAGE|**|LIST:DESCRIPTION|**|END:IF|*
*|IFNOT:ARCHIVE_PAGE|**|HTML:LIST_ADDRESS_HTML|**|END:IF|*
Update Preferences | Unsubscribe
*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*