AJAX for Web Developers

Overview

Class Central Tips

The "AJAX for Web Developers" course explores how modern websites update parts of a web page without the need to reload the entire page, providing a fluid and fast user experience. This course covers the relationship between client apps or websites and servers, the distinction between full page loads and AJAX, and the best use-cases for each. We will delve into Javascript's Fetch API, modern Async/Await syntax, and the benefits of using the Axios module to streamline the process of making requests to a server and handling the response. The course also introduces JSON as a data exchange format for clients and servers, explaining how to encode and decode JSON, error-handling for AJAX requests, and crucial security best practices for AJAX. By the end of the course, you'll be ready to interact confidently with a live API and update elements on the page via AJAX.

Syllabus

Lesson 1

In this introductory lesson, students will learn about the relationship between client applications and servers, the difference between full page loads and AJAX, the benefits and drawbacks of AJAX, and which scenarios would benefit from AJAX.

Lesson 2

Building upon the foundation laid out in lesson 1, students will explore the current approaches to making AJAX requests to a remote API, as well as the evolution of AJAX techniques in recent years. Finally, they'll get an introduction to the Axios module, which simplifies the process of making requests in a modern Javascript environment.

Lesson 3

In this final lesson, learners will develop the ability to process server/API responses in JSON, including error handling, security best practices, and translating a JSON response into updated elements on the web page