AJAX Expert Course (RESTful APIs | CORS | MORE) 2026
Advanced AJAX course for everyone. HTTP Basic Auth | CORS | Modules | RESTful APIs | xhr | Fetch | Axios | Projects ETC
Lo que serás capaz de hacer
*** THE BEST ADVANCED AJAX COURSE *** Master Asynchronous Requests : Learn how to make seamless HTTP requests with AJAX . Explore Advanced Concepts : Dive into heavy topics such as HTTP Basic Auth, CORS, and RESTful APIs to understand how they integrate with AJAX. RESTful API Project : Work with various tools like XMLHttpRequest , Fetch API , and Axios to implement AJAX in a real-world project. Build Dynamic Applications : Discover how to effectively manage and manipulate data using AJAX for a smoother user experience. Learn Advanced Techniques : Understand modules, error handling, and best practices for optimizing your AJAX calls. This AJAX advanced course will teach you how to use AJAX in different ways, and also teach you how to solve common issues you’ll face when working with AJAX. Real life practical training. What This Advanced AJAX Course Covers In this advanced course, we will cover a wide range of topics that are essential for mastering AJAX: The fundamentals of making asynchronous requests How to implement HTTP Basic Authentication and handle CORS issues A thorough understanding of RESTful APIs and how they work with AJAX Practical coding examples using XMLHttpRequest, Fetch API, and Axios Techniques for error handling and debugging AJAX requests Building projects that utilize AJAX for dynamic content updates Even if you have little knowledge about AJAX, I’ve got you covered. I do have a fundamentals AJAX course that provides a summary of AJAX. But in this advanced course, we start building projects together and from Section 4 we start digging into advanced concepts like Basic Auth, CORS and servers. Knowing advanced AJAX concepts is crucial if you want to become a serious fullstack developer , as it will allow you to make asynchronous HTTP requests and listen for incoming data from servers. AJAX can get tricky at times, and I don’t dispute this, but with correct training which includes explaining difficult concepts in a simple way, you will, like me, learn to master and love AJAX. What is AJAX in one sentence AJAX allows your users to add/delete/view/update content, post comments, submit reviews, submit forms and a ton more, without a page refresh. Learn the (advanced) secrets of AJAX in this course Understanding the fundamentals of AJAX is important. That's why I created the first part AJAX Fundamentals course. I assume that you have either (1) done my AJAX Fundamentals course, or (2) at the very least you've heard of AJAX and know about the XHR object and the Fetch API. This AJAX EXPERT COURSE is important, because it goes beyond the fundamentals of AJAX. It allows you to use AJAX to its fullest to advantage you best. It allows you to master AJAX and take your skills to the next level. It will equip you to become a highly sought-after programmer. Learn how to send authentication information using the XHR object and the Fetch API Learn how to take user inputs, convert it into JSON data, and send that data to a server Learn how to retrieve XML, JSON and text data from a server Learn how to take data from server and update the page dynamically using JavaScript Learn how to write great code using modules, writing middleware and defining RESTful AJAX APIs, and more! Delivering an interactive, asynchronous web experience is challenging. In this AJAX BEYOND FUNDAMENTALS course, we take a deep-dive into AJAX. Together, we will tackle questions like: How can you use Basic HTTP Authentication with AJAX? What do you do if you get a CORS issue using AJAX? What happens when an AJAX request reaches a server? What are RESTful APIs and how do you set them up? Answering these questions with confidence will propel you to being confident in AJAX and able to maximize performance. WHAT THIS AAJX COURSE COVERS? This course is best done if you have at least a little understanding of AJAX. If you have never heard of AJAX, I encourage you to first do my AJAX Fundamentals course. The reason I have done this is that my AJAX Fundamentals course provides everything you need to start using AJAX yourself. It gives you the sound fundamentals and practicals regarding AJAX. It will take you to the point where you will understand where AJAX came from, how to set up an AJAX request using the XHR object and the modern Fetch API. THIS AJAX EXPERTS COURSE picks up on my AJAX Fundamentals course and goes further by digging into topics that are more advanced. My AJAX BEYOND FUNDAMENTALS course will captivate you with real life examples and catapult you to the next level and set you well on your way to achieving everything you want to with AJAX. What you will learn: Understand how to use the XHR, Fetch API and Axios to make an AJAX request How to set up Basic HTTP Auth using Apache, PHP and Node How to solve CORS issues How to define your own AJAX library How to use Modules (ES Modules and CommonJS modules) How to build an entire application that makes RESTful AJAX requests How to use middleware (like cors(), express.urlencoded() and express.json()) on your server How to set up Routes on your server and send responses back to a browser How to become a better frontend programmer And more! In this AJAX EXPERT COURSE you’ll learn, in a simple and fun way, about Basic Auth, CORS, SOP, RESTful services, server routes, middleware, modules, and a ton more! END GOAL OF THIS COURSE You will be confident in AJAX and together we build a fully functional site that performs basic CRUD operations and saves data to a server. This simple application will use the power of RESTful AJAX APIs to speak to a server and perform tasks like adding/deleting/updating and viewing data that is stored on your server. In building this application you will learn the following: Set up a server to store all of your data The server will be set up on a different port number than your frontend code You will have to solve CORS errors Listen for the DOMContentLoaded event to send an AJAX request to populate your table data The users will be able to perform all CRUD operations (create/read/update/delete dog data) All your AJAX code will be written in a module and will be RESTful compliant And a ton more! How amazing is that? By the end of this ADVANCED AJAX COURSE , you'll be able to “speak” and “walk” AJAX by gaining an understanding of how you can use it in meaningful and practical ways. We dig deeper in every lecture, and this course has a lot of additional content that will extend your knowledge base and test your skills. Through practical examples, I help you understand AJAX piece by piece. And together we use the latest and best features of JavaScript and browsers along the way so you can confidently create what you like using AJAX and stay ahead of the pack. *** The most advanced AJAX courses on Udemy *** Successful programmers know more than the basics of AJAX. They also know how to solve CORS issues, how to implement authentication and how to set up servers . If you’re wanting to become a full stack developer, you need to know how to send JSON to a server via AJAX (i.e you need to know how to convert your JS objects to JSON), how to define modules and how to use the response data to update the page dynamically. You need to master CORS, and how to allow cross-domain requests, and more! Side by side I take you through all you need to know. I want you to gain maximum benefit from this AJAX course , and I am here to help I want you to be able to easily apply what I teach you in this course to any webpage or challenge of your choosing. If AJAX is your interest, this course is perfect for you my dear student. How is this course different ? There are lots of great courses that focus on web development. But they never get into the detail about AJAX related issues that will pop up when you start creating more complex sites. In this AJAX BEYOND FUNDAMENTALS course, I focus on the more advanced topics of AJAX. This includes understanding why the XHR object allowed a username and password field, why you will sometimes want your frontend running a port number that is different to the server port, how to set up a server, how to implement Basic Auth, how to utilize the power of Modules, and more! Practice makes perfect Theory is theory … but there’s nothing like the real McCoy and getting behind your computer and typing in good code. That’s why we will be coding, laughing and pulling out our hair together as we code real life websites and exercises during this course. From Section 2 and beyond we start building AJAX projects together. I love doing practical examples with my students, which is why this course has a number of them. My practical examples offer great lasting benefit to students and that is why I advocate them. My final course project that we will build together is a highlight, it is an application giving a user the ability to add, update, delete and fetch data from a server. How much fun isn’t that? Is This Course Right for You? This course is perfect for anyone interested in enhancing their web development skills. If you find yourself in any of these categories, you’ll benefit greatly from this course: You want to deepen your understanding of asynchronous programming. You’re eager to learn how successful developers build dynamic web applications. You wish to explore advanced concepts like CORS and RESTful APIs. You’re looking for hands-on experience with real-world projects. WHY START NOW? The demand for skilled web developers is growing rapidly. By mastering AJAX today, you'll position yourself ahead of the competition. This course offers memorable learning experiences, actionable insights, and practical examples that will empower you in your development journey. What do you get? Lifetime access to all tutorial videos. No fees or monthly subscriptions. Q&A support. Quizzes and challenges to help you learn. I’ve allowed you to download all of my lectures for offline viewing. Let's get excited about becoming a professional web developer, and to be able to confidently apply it to your own websites. See you in the lectures. Let's get crackin'
- Understand advanced AJAX
- Learn the differences between XHR, Fetch and Axios
- Understand what RESTful APIs are, and how to use them
- Learn how to send authentication information using XHR and Fetch
- Understand Single-Origin-Policy vs CORS
- Basic HTTP Authentication using AJAX
Temario
UNIDAD 1 - AJAX recap · 9 leccionesUNIDAD 1 - AJAX recap
UNIDAD 1 - AJAX recap
- Introduction
- Can you skip this section?
- Overview of AJAX
- What is AJAX and where did it come from?
- Is AJAX still relevant today?
- Traditional request vs AJAX request
- How do you write an AJAX request?
- The 2 ways to write an AJAX request
- AJAX recap
UNIDAD 2 - Mini-Recap Project · 12 leccionesUNIDAD 2 - Mini-Recap Project
UNIDAD 2 - Mini-Recap Project
- Introduction - what are we going to build
- Setting up the HTML
- Writing the CSS
- XHR AJAX - fetching text from our server
- XHR AJAX - refactoring code and adding HTML to the DOM
- XHR AJAX - fetching JSON from our server
- The responseType property
- Third party API
- XHR AJAX - fetching JSON from a third party API
- Fetch AJAX - retrieving text from our own server
- Fetch AJAX - retrieving JSON from our server and third party API
- AJAX fundamentals quiz
UNIDAD 3 - Advanced Mini-Recap Project (PHP and Node.js) · 16 leccionesUNIDAD 3 - Advanced Mini-Recap Project (PHP and Node.js)
UNIDAD 3 - Advanced Mini-Recap Project (PHP and Node.js)
- Section intro
- What are we going to build
- Write our HTML
- Setting up our AJAX request
- URL and query parameters
- Quick word
- Writing our PHP server side code
- How to access XML data returned by the server
- Retrieving data from the PHP server, and inserting it into the DOM
- Finishing off our PHP server example
- Setting up Node and sending a response
- Node Modules
- Reading a Node text response
- Difference between xhr.response and xhr.responseText
- Completing our Node example
- Server side AJAX
UNIDAD 4 - HTTP Basic Authentication using AJAX · 45 leccionesUNIDAD 4 - HTTP Basic Authentication using AJAX
UNIDAD 4 - HTTP Basic Authentication using AJAX
- Introduction to authentication
- Authentication
- Basic HTTP Auth in action
- HTTP Basic Auth
- How Basic Authentication works and why are we discussing it in this course
- Base64 encoding vs encryption
- Basic Authentication compared to traditional HTTP requests
- What is Apache
- Strike the right balance
- How to start an Apache server
- Setting up our Apache server and .htaccess file
- Purpose of the .htaccess file
- Adding Basic Authentication in Apache
- The .htaccess file does not have logout functionality
- What is the use of the .htpasswd file?
- What are we going to build?
- Building the HTML
- The preventDefault method
- More on preventDefault
- Using the window.event keyword
- Sending user credentials with AJAX, with custom base64 encoding
- How to prevent the browser popup
- Using XHR for Basic Authentication
- Creating a custom error message in Apache
- Updating our code to the modern Fetch API
- Next example is using Node
- Node example - what are we going to build?
- What is a node server
- How to install Node
- How to install Express
- Setting up our Node server
- How to set up a server in Node.js
- Where does Node look for modules?
- Checking whether the Authorization header exists
- Extract user credentials using Buffer
- No server side language is perfect
- Finishing off our Node example
- Basic Auth as a security measure
- The next() function has a dual purpose
- The next() function stops middleware
- More about the next() function
- Spotted an error
- Basic Authentication - Section Summary
- Section outro
- Authentication Quiz
UNIDAD 5 - Cross-Origin-Resource-Sharing (CORS) and Single-Origin-Policy (SOP) · 25 leccionesUNIDAD 5 - Cross-Origin-Resource-Sharing (CORS) and Single-Origin-Policy (SOP)
UNIDAD 5 - Cross-Origin-Resource-Sharing (CORS) and Single-Origin-Policy (SOP)
- Intro to CORS
- CORS in layman terms
- Intro to Same-Origin-Policy (SOP)
- Why CORS?
- Two types of CORS requests - Simple + Preflight
- What is the HEAD method
- Simple CORS request
- Foreword on the purpose of a preflight request
- Quick word
- CORS preflight request
- CORS in action
- Setting the scene for a CORS example
- Setting up our HTML
- Performing a SIMPLE CORS request
- Missing the Access-Control-Allow-Origin header
- CSRF attacks
- How to enable CORS on a SIMPLE request
- Adding the Access-Control-Allow-Origin on our server
- How to initiate a PREFLIGHT CORS request
- Sending a PREFLIGHT CORS request by setting custom Content-Type header
- Setting the Access-Control-Allow-Headers on the server
- Adding Basic Authentication
- CORS Summary
- Outro
- CORS Quiz
UNIDAD 6 - Course Final Project - Task 1 - Server and Routes · 29 leccionesUNIDAD 6 - Course Final Project - Task 1 - Server and Routes
UNIDAD 6 - Course Final Project - Task 1 - Server and Routes
- Section intro
- Defining RESTful API endpoints
- First we will build server-side code and then only AJAX
- Sneak Peak
- Using NPM to install the Express framework
- What is NPM and Node Modules
- Viewing the Express source code inside the node_modules folder
- Setting up our Node server
- Difference between res.send() vs res.end()
- Defining routes on our server
- Defining our routes in a separate file
- Exporting our routes via the module.exports command
- JavaScript Modules (ES Modules) vs Node Modules (CommonJS)
- Testing our Router object
- Creating the GET route
- Installing Nodemon
- Postman introduction
- Creating a POST route
- Express.json() vs Express.urlencoded()
- Creating a unique ID function
- Creating a PUT route - Part 1 (using the find method)
- What is the Array.find() method
- Creating a PUT route - Part 2 (using the splice method)
- What is the Array.splice() method
- Testing our routes in Postman
- Creating a DELETE route
- Well done
- Server outro
- Server quiz
UNIDAD 7 - Course Final Project - Task 2 - XMLHttpRequest (AJAX API) · 21 leccionesUNIDAD 7 - Course Final Project - Task 2 - XMLHttpRequest (AJAX API)
UNIDAD 7 - Course Final Project - Task 2 - XMLHttpRequest (AJAX API)
- Section intro
- What are we going to build together?
- Remember, this is not going to be our final frontend
- HTML and file overview
- XHR AJAX GET request
- Fixing CORS by writing a custom middleware function
- Fixing CORS by installing the "cors" module with NPM
- Adding dynamic text to the GET request
- Creating an AJAX library / module
- Converting our GET request into a module
- Overview of our GET request
- XHR AJAX POST request
- Improving our GET request (turning our AJAX call into a synchronous one)
- Completing the POST request by initiating the request in the app.js file
- Updating the POST paragraph text dynamically
- Adding some error handling
- Completing the PUT XHR request
- Completing the DELETE XHR request
- Summary
- XHR outro
- Modules and XHR
UNIDAD 8 - Course Final Project - Task 2 - Fetch (AJAX API) · 10 leccionesUNIDAD 8 - Course Final Project - Task 2 - Fetch (AJAX API)
UNIDAD 8 - Course Final Project - Task 2 - Fetch (AJAX API)
- Section intro
- GET fetch request - setup
- Using a callback function to write our GET fetch request
- Later I will improve the GET request
- POST fetch request
- PUT fetch request
- DELETE fetch request
- Summary - our AJAX requests are RESTful compliant
- Fetch outro
- Fetch API
UNIDAD 9 - Course Final Project - Task 2 - Axios (AJAX API) · 14 leccionesUNIDAD 9 - Course Final Project - Task 2 - Axios (AJAX API)
UNIDAD 9 - Course Final Project - Task 2 - Axios (AJAX API)
- Section intro
- Basic challenge - intro to what we are going to build with Axios
- Installing AXIOS
- Fetching text data with AXIOS
- Fetching JSON data with AXIOS
- Why use Axios?
- Setting up our main course project files for Axios
- GET request using Axios
- Inspecting the Axios response object
- POST request using Axios
- PUT request using Axios
- DELETE request using Axios
- Axios outro
- Axios
UNIDAD 10 - Course Final Project - Task 3 - Final Frontend + AJAX APIs + Server Routes · 28 leccionesUNIDAD 10 - Course Final Project - Task 3 - Final Frontend + AJAX APIs + Server Routes
UNIDAD 10 - Course Final Project - Task 3 - Final Frontend + AJAX APIs + Server Routes
- Section intro
- You've done the hard slog
- What are we going to build
- HTML - navbar and Add Dog button
- What are HTML Entities
- HTML - Add Dog Modal
- HTML - Update Dog Modal
- We don't need the name attributes
- CSS - headings and buttons
- CSS - Add Dog modal
- CSS - Update Dog modal
- Using JavaScript to close our modals
- CSS - tables
- All the HTML and CSS is done
- AJAX GET request - perform a GET request on the DOMContentLoaded event
- Using JavaScript to add an update and delete button to our table
- POST request
- Clearing form data when a user hits 'submit'
- Take a step back
- Using the reset() method to clear form values
- Populating the update modal - Part 1 - Traversing the DOM to find the ID
- Take a step back: traversing the DOM
- Populating the update modal - Part 2 - Using the find() method to GET our dog
- Populating the update modal - Part 3 - Finishing
- Improving our code - disabled & classList properties
- PUT request - updating a dog
- DELETE request - removing a dog
- Recap - you've come a long way
UNIDAD 11 - Outro · 2 leccionesUNIDAD 11 - Outro
UNIDAD 11 - Outro
- Outro
- Where to next?
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
11 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
9 cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Clyde Matthew.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 11 unidades · 211 lecciones · 55 h
- 12 meses de acceso
- 9 cuestionarios de evaluación
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Clyde Matthew; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.


