Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

AJAX Expert Course (RESTful APIs | CORS | MORE) 2026

Khóa Học Chuyên Gia AJAX (RESTful APIs | CORS | VÀ HƠN THẾ) 2026

Khóa Học Chuyên Gia AJAX (RESTful APIs | CORS | VÀ HƠN THẾ) 2026

Khóa học AJAX nâng cao dành cho mọi người. HTTP Basic Auth | CORS | Modules | RESTful APIs | xhr | Fetch | Axios | Dự án thực tế, v.v.

4.8
(184 đánh giá)
1,241 học viên
Giảng viên
Clyde Matthew
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
16.5 giờ video
202 bài giảng
9 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Hiểu sâu về AJAX nâng cao
Tìm hiểu sự khác biệt giữa XHR, Fetch và Axios
Hiểu RESTful APIs là gì và cách sử dụng chúng
Học cách gửi thông tin xác thực bằng XHR và Fetch
Hiểu rõ Single-Origin-Policy so với CORS
Xác thực HTTP Cơ bản bằng AJAX
Cách truy cập dữ liệu JSON và văn bản từ phản hồi máy chủ
Cách truy cập dữ liệu XML từ phản hồi máy chủ
Apache là gì và khác với Node như thế nào
Cách thiết lập máy chủ Apache, máy chủ PHP và máy chủ Node
So sánh yêu cầu CORS Preflight và Simple
Cách cho phép yêu cầu cross-domain với AJAX
Điều gì xảy ra khi một yêu cầu AJAX đến máy chủ
Cách máy chủ xử lý yêu cầu AJAX
Cách sử dụng Postman để kiểm tra các route phía máy chủ
Cách sử dụng Nodemon để tăng tốc quá trình phát triển phía máy chủ
ES Modules so với CommonJS modules
Lỗi CORS là gì và cách khắc phục chúng
Thực hành - cùng xây dựng các ví dụ AJAX front-end động tuyệt vời
Tôi ở đây để hỗ trợ bạn, từng bước một
Từ người mới bắt đầu đến chuyên gia (nâng cao +)
Bạn sẽ trở thành một chuyên gia
Cung cấp kiến thức chuyên sâu để nâng cao khả năng và sự tự tin xây dựng website động

Yêu cầu

Kiến thức cơ bản về AJAX (hoặc đã hoàn thành khóa AJAX Fundamentals của tôi)
Mong muốn trở thành một lập trình viên full stack web chuyên nghiệp
Hiểu biết cơ bản về HTML, CSS và JavaScript
Cần có máy Mac hoặc PC để code cùng tôi và học hiệu quả

Đối tượng phù hợp

CÓ: Khóa học này dành cho lập trình viên từ mới bắt đầu đến trung cấp. Mặc dù có kiến thức AJAX sẽ hữu ích, nhưng không bắt buộc vì tôi có phần ôn lại AJAX là gì
KHÔNG: Khóa học này KHÔNG chỉ dành cho người mới bắt đầu. Đây là khóa học toàn diện từ cơ bản đến nâng cao, phù hợp cho người ở trình độ trung cấp đã biết cơ bản và có ý niệm về AJAX, nhưng muốn tìm hiểu sâu hơn về cách hoạt động bên trong. Học viên có kinh nghiệm đôi khi có thể bỏ qua phần đầu...
CÓ: Khóa học này dành cho ai muốn trở thành chuyên gia, tự tin trong toàn bộ quy trình phát triển front-end
Những ai quan tâm đến việc xây dựng framework riêng, hoặc muốn học tốt hơn từ mã nguồn của các framework và thư viện nổi tiếng khác
Những ai muốn bắt đầu sử dụng các framework (như Angular hay Node) phụ thuộc nhiều vào JavaScript và muốn hiểu luồng xử lý của phát triển web front-end
Những ai đã có chút kiến thức về phát triển web, nhưng ít hiểu về cách nó hoạt động hậu trường và cách triển khai các phương pháp tối ưu vào website của mình

Nội dung khóa học

11 phần • 202 bài giảng
1 Giới thiệu
2 Bạn có thể bỏ qua phần này không?
3 Tổng quan về AJAX
4 AJAX là gì và nó ra đời từ đâu?
5 AJAX ngày nay còn phù hợp không?
6 So sánh yêu cầu truyền thống và yêu cầu AJAX
7 Làm thế nào để viết một yêu cầu AJAX?
8 2 cách để viết một yêu cầu AJAX
1 Giới thiệu - chúng ta sẽ xây dựng gì
2 Thiết lập HTML
3 Viết CSS
4 XHR AJAX - lấy văn bản từ máy chủ của chúng ta
5 XHR AJAX - tái cấu trúc mã và thêm HTML vào DOM
6 XHR AJAX - lấy JSON từ máy chủ của chúng ta
7 Thuộc tính responseType
8 API của bên thứ ba
9 XHR AJAX - lấy JSON từ API của bên thứ ba
10 Fetch AJAX - lấy văn bản từ máy chủ của chúng ta
11 Fetch AJAX - lấy JSON từ máy chủ của chúng ta và API của bên thứ ba
1 Giới thiệu phần
2 Chúng ta sẽ xây dựng gì
3 Viết HTML của chúng ta
4 Thiết lập yêu cầu AJAX
5 URL và tham số truy vấn
6 Lưu ý nhanh
7 Viết mã PHP phía máy chủ
8 Cách truy cập dữ liệu XML do máy chủ trả về
9 Lấy dữ liệu từ máy chủ PHP và chèn vào DOM
10 Hoàn thiện ví dụ máy chủ PHP
11 Thiết lập Node và gửi phản hồi
12 Node Modules
13 Đọc phản hồi văn bản từ Node
14 Sự khác biệt giữa xhr.response và xhr.responseText
15 Hoàn thành ví dụ Node
1 Giới thiệu về xác thực
2 Xác thực
3 Xem HTTP Basic Auth hoạt động
4 HTTP Basic Auth
5 Cách hoạt động của Xác thực Cơ bản và tại sao chúng ta thảo luận nó trong khóa học
6 So sánh mã hóa Base64 và mã hóa bảo mật
7 Xác thực Cơ bản so với yêu cầu HTTP truyền thống
8 Apache là gì
9 Cân bằng phù hợp
10 Cách khởi động máy chủ Apache
11 Thiết lập máy chủ Apache và file .htaccess
12 Mục đích của file .htaccess
13 Thêm Xác thực Cơ bản trong Apache
14 File .htaccess không có chức năng đăng xuất
15 File .htpasswd dùng để làm gì?
16 Chúng ta sẽ xây dựng gì?
17 Xây dựng HTML
18 Phương thức preventDefault
19 Tìm hiểu thêm về preventDefault
20 Sử dụng từ khóa window.event
21 Gửi thông tin đăng nhập người dùng với AJAX, sử dụng mã hóa base64 tùy chỉnh
22 Cách ngăn cửa sổ popup của trình duyệt
23 Sử dụng XHR cho Xác thực Cơ bản
24 Tạo thông báo lỗi tùy chỉnh trong Apache
25 Cập nhật mã của chúng ta lên Fetch API hiện đại
26 Ví dụ tiếp theo sử dụng Node
27 Ví dụ Node - chúng ta sẽ xây dựng gì?
28 Máy chủ Node là gì
29 Cách cài đặt Node
30 Cách cài đặt Express
31 Thiết lập máy chủ Node
32 Cách thiết lập máy chủ trong Node.js
33 Node tìm modules ở đâu?
34 Kiểm tra xem header Authorization có tồn tại không
35 Trích xuất thông tin đăng nhập người dùng bằng Buffer
36 Không có ngôn ngữ phía máy chủ nào là hoàn hảo
37 Hoàn thiện ví dụ Node
38 Basic Auth như một biện pháp bảo mật
39 Hàm next() có mục đích kép
40 Hàm next() dừng middleware
41 Thêm về hàm next()
42 Phát hiện lỗi
43 Xác thực Cơ bản - Tóm tắt Phần
44 Kết thúc phần
1 Giới thiệu CORS
2 CORS giải thích đơn giản
3 Giới thiệu Chính sách Nguồn Gốc Đơn (SOP)
4 Tại sao cần CORS?
5 Hai loại yêu cầu CORS - Đơn giản + Preflight
6 Phương thức HEAD là gì
7 Yêu cầu CORS đơn giản
8 Lời nói đầu về mục đích của yêu cầu preflight
9 Lưu ý nhanh
10 Yêu cầu CORS preflight
11 CORS trong thực tế
12 Chuẩn bị cho một ví dụ về CORS
13 Thiết lập HTML
14 Thực hiện yêu cầu CORS ĐƠN GIẢN
15 Thiếu header Access-Control-Allow-Origin
16 Tấn công CSRF
17 Cách bật CORS cho yêu cầu ĐƠN GIẢN
18 Thêm Access-Control-Allow-Origin trên máy chủ
19 Cách bắt đầu yêu cầu CORS PREFLIGHT
20 Gửi yêu cầu CORS PREFLIGHT bằng cách đặt header Content-Type tùy chỉnh
21 Đặt Access-Control-Allow-Headers trên máy chủ
22 Thêm Xác thực Cơ bản
23 Tóm tắt CORS
24 Kết thúc
1 Giới thiệu phần
2 Định nghĩa các endpoint RESTful API
3 Đầu tiên chúng ta sẽ xây dựng mã phía máy chủ, sau đó mới đến AJAX
4 Xem trước
5 Sử dụng NPM để cài đặt framework Express
6 NPM và Node Modules là gì
7 Xem mã nguồn Express bên trong thư mục node_modules
8 Thiết lập máy chủ Node
9 Sự khác biệt giữa res.send() và res.end()
10 Định nghĩa routes trên máy chủ
11 Định nghĩa routes trong một file riêng biệt
12 Xuất routes qua lệnh module.exports
13 JavaScript Modules (ES Modules) vs Node Modules (CommonJS)
14 Kiểm tra đối tượng Router
15 Tạo route GET
16 Cài đặt Nodemon
17 Giới thiệu Postman
18 Tạo route POST
19 So sánh Express.json() và Express.urlencoded()
20 Tạo hàm ID duy nhất
21 Tạo route PUT - Phần 1 (sử dụng phương thức find)
22 Phương thức Array.find() là gì
23 Tạo route PUT - Phần 2 (sử dụng phương thức splice)
24 Phương thức Array.splice() là gì
25 Kiểm tra routes trong Postman
26 Tạo route DELETE
27 Làm tốt lắm
28 Kết thúc phần Máy chủ
1 Giới thiệu phần
2 Chúng ta sẽ cùng xây dựng gì?
3 Nhớ rằng, đây sẽ không phải là frontend cuối cùng
4 Tổng quan về HTML và file
5 Yêu cầu GET bằng XHR AJAX
6 Sửa lỗi CORS bằng cách viết hàm middleware tùy chỉnh
7 Sửa lỗi CORS bằng cách cài đặt module "cors" với NPM
8 Thêm văn bản động vào yêu cầu GET
9 Tạo thư viện / module AJAX
10 Chuyển yêu cầu GET thành một module
11 Tổng quan về yêu cầu GET
12 Yêu cầu POST bằng XHR AJAX
13 Cải thiện yêu cầu GET (chuyển lệnh gọi AJAX thành đồng bộ)
14 Hoàn thành yêu cầu POST bằng cách bắt đầu yêu cầu trong file app.js
15 Cập nhật văn bản đoạn POST một cách động
16 Thêm xử lý lỗi
17 Hoàn thành yêu cầu PUT bằng XHR
18 Hoàn thành yêu cầu DELETE bằng XHR
19 Tóm tắt
20 Kết thúc phần XHR
1 Giới thiệu phần
2 Yêu cầu GET bằng Fetch - Thiết lập
3 Sử dụng hàm callback để viết yêu cầu GET bằng Fetch
4 Sau này tôi sẽ cải thiện yêu cầu GET
5 Yêu cầu POST bằng Fetch
6 Yêu cầu PUT bằng Fetch
7 Yêu cầu DELETE bằng Fetch
8 Tổng kết - Các yêu cầu AJAX của chúng ta tuân thủ chuẩn RESTful
9 Kết thúc phần Fetch
1 Giới thiệu phần mới
2 Thử thách cơ bản - giới thiệu về ứng dụng chúng ta sẽ xây dựng với Axios
3 Cài đặt AXIOS
4 Lấy dữ liệu văn bản với AXIOS
5 Lấy dữ liệu JSON với AXIOS
6 Tại sao nên dùng Axios?
7 Thiết lập các file dự án chính cho phần Axios
8 Thực hiện yêu cầu GET bằng Axios
9 Kiểm tra đối tượng phản hồi của Axios
10 Thực hiện yêu cầu POST bằng Axios
11 Thực hiện yêu cầu PUT bằng Axios
12 Thực hiện yêu cầu DELETE bằng Axios
13 Kết thúc phần Axios
1 Giới thiệu phần mới
2 Bạn đã vượt qua phần khó nhọc
3 Chúng ta sẽ xây dựng gì
4 HTML - thanh điều hướng và nút Thêm Chó
5 HTML Entities là gì
6 HTML - Modal Thêm Chó
7 HTML - Modal Cập nhật Chó
8 Chúng ta không cần thuộc tính name
9 CSS - tiêu đề và nút bấm
10 CSS - Modal Thêm Chó
11 CSS - Modal Cập nhật Chó
12 Dùng JavaScript để đóng modal
13 CSS - bảng biểu
14 Hoàn thành toàn bộ HTML và CSS
15 Yêu cầu AJAX GET - thực hiện GET khi sự kiện DOMContentLoaded xảy ra
16 Dùng JavaScript để thêm nút cập nhật và xóa vào bảng
17 Yêu cầu POST
18 Xóa dữ liệu form khi người dùng nhấn 'gửi'
19 Dừng lại một chút
20 Dùng phương thức reset() để xóa giá trị form
21 Điền dữ liệu vào modal cập nhật - Phần 1 - Duyệt DOM để tìm ID
22 Dừng lại: Duyệt DOM
23 Điền dữ liệu vào modal cập nhật - Phần 2 - Dùng phương thức find() để GET dữ liệu chó
24 Điền dữ liệu vào modal cập nhật - Phần 3 - Hoàn thiện
25 Cải thiện code - thuộc tính disabled & classList
26 Yêu cầu PUT - cập nhật thông tin chó
27 Yêu cầu DELETE - xóa chó
28 Tổng kết - bạn đã tiến rất xa
1 Lời kết
2 Bước tiếp theo là gì?

Giới thiệu khóa học

*** 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'

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Api Development
Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊