Ajax is a building block of the modern web. Ajax helps you communicate between your app and the server, and incorporate new content without reloading webpages-resulting in more interactive and high-performance apps. This course introduces both modern and legacy approaches for requesting and handling data and modifying webpage content with Ajax and vanilla javascript. JS expert Sasha Vodnik shows how to work with the Fetch and XMLHttpRequest (XHR) APIs, so you can see how Ajax is implemented in different codebases. He also shows how to optimize Ajax requests and responses within the browser, modify webpage content through the DOM, and handle any errors that result. Plus, learn how to move your API keys out of front end code and onto a proxy server to keep them secure.

Topics include:

Building an XHR request
Selecting elements with vanilla javascript
Requesting data with Ajax
Adding event listeners
Working with JSON data
Modifying webpage values and content
Creating Fetch requests
Handling Ajax errors
Deploying an Ajax proxy server
Hiding API keys with an Ajax proxy

More Info