JavaScript: Ajax and Fetch (2019)

Focused View

Sasha Vodnik

2:21:38

0 View

01 - Introduction

01 - Your essential guide.mp4

00:24

02 - What you should know.mp4

00:30

03 - Setting up your environment.mp4

02:55

02 - 1. Getting Started with AJAX

01 - What is AJAX.mp4

02:19

02 - Understand asynchronous program flow.mp4

02:44

03 - Get an API key.mp4

03:48

04 - Research and create an AJAX request URL.mp4

04:14

05 - Challenge Research an API and create a request URL.mp4

00:46

06 - Solution Research an API and create a request URL.mp4

04:45

03 - 2. Working with the Fetch API

01 - Understand the Fetch API.mp4

04:02

02 - Create and test a Fetch request.mp4

07:09

03 - Handle basic Fetch errors.mp4

05:44

04 - Challenge Build a Fetch request.mp4

00:56

05 - Solution Build a Fetch request.mp4

03:23

04 - 3. Modifying the DOM

01 - What is the DOM.mp4

02:45

02 - Select elements with vanilla JavaScript.mp4

03:00

03 - Request data in response to an event.mp4

05:08

04 - Add an event listener.mp4

02:13

05 - Work with JSON data.mp4

04:31

06 - Modify form values with vanilla JavaScript.mp4

04:39

07 - Modify element content with vanilla JavaScript.mp4

04:14

08 - Challenge Modify the DOM.mp4

00:52

09 - Solution Modify the DOM.mp4

06:29

05 - 4. Working with the Axios Library

01 - Understand Axios.mp4

01:43

02 - Create an Axios request.mp4

03:32

03 - Handle errors with Axios.mp4

03:13

04 - Refactor parameters with Axios.mp4

05:11

05 - Implement interceptors with Axios.mp4

07:00

06 - Challenge Build an Axios request.mp4

01:20

07 - Solution Build an Axios request.mp4

10:05

06 - 5. Optimizing and Troubleshooting AJAX Requests

01 - Structure AJAX requests for performance.mp4

02:38

02 - View requests and responses in the browser.mp4

03:52

03 - Work with authorization errors.mp4

03:28

04 - Work with malformed requests.mp4

05:08

05 - Work with errors in Fetch.mp4

04:44

06 - Provide error fallbacks.mp4

06:23

07 - Challenge Fix an AJAX request.mp4

00:38

08 - Solution Fix an AJAX request.mp4

04:31

07 - Conclusion

01 - Keep learning.mp4

00:42

Description

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Sasha Vodnik

Instructor's Courses

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.