Master Modern AJAX: XHR to Fetch & Async/Await (2025)
Focused View
11:43:16
001 Section introduction.mp4
00:51
002 History of AJAX.mp4
04:41
003 A little more about Java (a tangent).html
004 The first time AJAX was coined.mp4
04:00
005 Is AJAX still relevant today.html
006 Summary.mp4
03:19
007 AJAX History Quiz.html
001 Section introduction.mp4
00:43
002 Dynamic vs Static Sites.mp4
03:16
003 HTTP Protocol.mp4
07:09
004 HTTP protocol in layman terms.html
005 URI and Protocols.mp4
12:33
006 What are the use of ports.html
007 How to place data into an HTTP request - Part 1.mp4
11:31
008 How to place data into an HTTP request - Part 2.mp4
05:52
009 How to place data into an HTTP request - Part 3.mp4
06:14
010 Correction.html
011 How to place data into an HTTP request - Part 4.mp4
01:58
012 HTTP Protocols and the role of AJAX.html
001 Before you begin.html
002 HTTP1.1 - where it all began.mp4
04:00
003 Where did HTTP2 come from.mp4
03:10
004 What is HTTP2.mp4
02:20
005 Quick comment on HTTP2.html
006 HTTP2 Q&A.mp4
06:47
007 HTTP3.html
001 Section introduction.mp4
01:36
002 1.Synchronous-vs-asynchronous.pdf
002 Synchronous vs Asynchronous code.mp4
07:50
003 Quick word on threads and why AJAX was introduced.html
004 Synchronous examples.mp4
07:34
005 Synchronous code is not all bad.html
006 Asynchronous examples.mp4
06:31
007 Synchronous vs Asynchronous Quiz.html
001 An overview of the GET RESPONSE process.mp4
04:47
002 3.What-is-ajax.pdf
002 What is AJAX.mp4
08:02
003 Typical Request vs AJAX Request.mp4
04:11
004 Summary.mp4
02:24
005 AJAX Basics - Quiz.html
001 What is XML and how does it differ to HTML.mp4
08:48
001 XML-intro.pdf
002 Parsing XML data using the DOMParser method.mp4
13:08
003 Parsing XML data - finishing off our example.mp4
04:42
004 JSON.pdf
004 JSON introduction and similarities to JavaScript.mp4
10:32
005 JSON and XML.html
006 How to use the JSON method.mp4
12:42
007 Example of a JSON object and XML object.mp4
04:05
008 Syntax of JSON.html
009 Json-vs-ajax.pptx
009 Similarities and differences between JSON and XML.mp4
04:08
010 XML is sometimes easier to use than JSON.mp4
08:09
011 Quick word.html
012 Summary.mp4
07:46
013 JSON & XML Quiz.html
001 Section introduction.mp4
01:19
002 First AJAX example.mp4
13:45
003 The XMLHttpRequest() object is a constructor function.mp4
02:55
004 Constructor-Functions-Intro.pdf
004 What is a constructor function.mp4
10:31
005 Constructor Functions vs Object Literals.html
006 What is the NEW keyword.mp4
02:57
007 What happens if you dont use the NEW keyword.mp4
04:54
008 Constructor-new-keyword.pdf
008 Introduction to the new.target property.mp4
09:18
009 Using the new.target property to throw a custom Error.mp4
07:01
010 Constructor functions are a little more complex.mp4
01:18
011 Constructor Functions Quiz.html
001 Section intro.mp4
01:06
002 Why learn about the XHR object.mp4
04:19
003 How to set up an AJAX request.mp4
16:54
004 What is the readyState property.mp4
04:54
005 Using the readyState property.mp4
07:50
006 Onreadystatechange.pdf
006 What is the onreadystatechange event handler.mp4
06:11
007 responseText property, and the danger of not listening for readyState of 4.mp4
03:49
008 Take a step back.html
009 Status codes.mp4
04:15
009 Status-codes.pdf
010 Quick Analogy - readyState vs status.html
011 Checking for status code.mp4
03:51
012 Replacing onreadystatechange with the onload event handler.mp4
01:42
013 ResponseType property.mp4
03:11
014 The onerror event.mp4
04:21
015 The onprogress event (tracking download progress).mp4
06:54
016 Monitoring upload progress.mp4
15:11
016 XHR-upload-and-download-progress.zip
017 Challenge (listening for progress and load events) - intro.mp4
02:19
018 Challenge (listening for progress and load events) - setting up our code.mp4
10:40
019 Challenge (listening for progress and load events) - finishing off our challenge.mp4
13:40
020 Submitting a POST request.mp4
19:20
021 AJAX-POST-request-with-PHP-final-code.zip
021 Creating our PHP server and finishing off our POST request.mp4
09:58
022 Original AJAX - XMLHttpRequest() Quiz.html
001 Section introduction.mp4
00:59
002 Fetch intro.mp4
07:42
002 Intro-to-fetch.pdf
003 Intro-to-Promises.pdf
003 What are promises.mp4
05:20
004 Promises return values.html
005 Fetch is asynchronous.mp4
03:14
006 Promises - and using the then() statements.mp4
07:11
007 Promise states.html
008 Promises - and using the catch() statements.mp4
06:05
009 Quick word on THEN and CATCH.html
010 Fetch uses callback functions.mp4
05:30
011 Fetch - under the hood.mp4
05:29
012 What is the event loop How I view it.mp4
05:25
013 Fetch returns a Promise.mp4
03:08
014 Fetch has similar syntax to jQuery.mp4
04:24
015 Take a step back - Fetch summary.mp4
03:17
016 What is the Response object.mp4
08:28
017 How do you work with Readable Streams.mp4
04:12
018 What is the json() method.mp4
03:21
019 Using the json() method to access our JSON data.mp4
02:40
020 Fetching external data - complete example.mp4
07:22
021 Challenge intro - XHR vs Fetch vs Async.mp4
02:28
022 Challenge - building our XHR request.mp4
10:14
022 index.html
023 Challenge - building our fetch request.mp4
06:55
024 Challenge - a glimpse into AsyncAwait.mp4
06:01
024 Final-Challenge-Code.zip
025 Looping through an array response.html
026 Fetch API - Intro Quiz.html
001 Section introduction.mp4
01:06
002 Streams are advanced.html
003 Streams are an advanced technique.html
004 Streams-intro.pdf
004 What are streams.mp4
04:53
005 Reading a stream (advanced).mp4
12:06
005 Reading-streams.pdf
006 Lets get more advanced by using the pipeThrough() method.html
007 Using the pipeThrough() method to read chunks in real time.mp4
08:19
008 Writing to streams.mp4
04:10
009 Summary.mp4
03:34
010 Data Streams Quiz.html
001 Section introduction.mp4
01:16
002 Fetch recap.mp4
14:48
003 Using the json() and text() method to access our data.mp4
04:23
004 Comparing json() to JSON.parse().mp4
05:51
005 Request Interface and Headers Interface to define our fetch options.mp4
08:19
006 Challenge Intro - building 2 fetch requests.mp4
01:19
007 Challenge - setting up our HTML.mp4
05:48
007 index.html
008 Challenge - using fetch() to retrieve our IP address.mp4
08:04
008 index.html
009 Challenge - using fetch() to retrieve our image.mp4
11:13
009 Challenge-example-fetching-image-code.zip
010 What is the URL Interface object.mp4
05:59
011 Challenge - error handling.mp4
03:49
012 Error handling with fetch.mp4
04:18
013 Using the OK property to throw errors.mp4
03:38
014 Challenge - improving our code to incorporate error handling.mp4
05:21
014 Challenge-example-final.zip
015 POST.zip
015 POST fetch request.mp4
14:50
016 Fetch API - Advanced Quiz.html
001 Event Loop - intro.mp4
09:14
002 Having fun - micro vs macro tasks explained by looking at code.mp4
08:05
003 Creating our own promise to execute code off the main thread.mp4
14:10
004 What is the main thread.html
005 AsyncAwait - intro.mp4
01:46
006 Async example - it returns a promise.mp4
02:54
007 Await - intro.mp4
02:44
008 Why does await has to be used inside of async functions.html
008 Why-does-await-need-to-be-inside-of-async.pdf
009 Async and Await (advanced example).mp4
10:42
010 What is top-level await.html
010 what-is-top-level-await.pdf
011 AsyncAwait - final example.mp4
05:21
012 Challenge intro - improve our code by using AsyncAwait.mp4
01:15
012 starting-code.zip
013 Challenge solution - refactoring our Image fetch call (using asyncawait).mp4
05:47
014 Challenge solution - refactoring our IP fetch call (using asyncawait).mp4
03:43
014 using-async-await.zip
015 Challenge solution - error handling with a TRY and CATCH block.mp4
03:49
016 AsyncAwait Quiz.html
001 Outro.mp4
01:35
002 There are 2 courses I think you should consider.html
003 Next Level AJAX Course.html
004 Want to know more about alternatives to AJAX.html
More details
Course Overview
Go from AJAX fundamentals to advanced techniques in this comprehensive 2025 course covering XHR, Fetch API, Promises, Async/Await, and Streams - all in pure JavaScript.
What You'll Learn
- Master both traditional XHR and modern Fetch API approaches
- Implement Async/Await for cleaner asynchronous code
- Work with JSON, XML and advanced Streams processing
Who This Is For
- Web developers wanting to master modern AJAX techniques
- Full-stack developers needing comprehensive API skills
- JavaScript programmers looking to eliminate callback hell
Key Benefits
- No libraries - learn pure JavaScript implementation
- From beginner to advanced concepts in one course
- Practical projects with error handling best practices
Curriculum Highlights
- AJAX fundamentals & HTTP protocols
- Mastering Fetch API and Promises
- Advanced Async/Await patterns
Focused display
Category
- language english
- Training sessions 116
- duration 11:43:16
- English subtitles has
- Release Date 2025/04/19
