AJAX for Front-End Designers

This series aims to familiarize front-end designers and newbie developers with AJAX, an essential front-end technique. Loading content “asynchronously” is helpful for keeping the initial weight of a page low, instead presenting certain information only when the user specifically asks for it.

Follow George Martsoukos as he explains the concepts behind AJAX, using JavaScript and jQuery examples to practice what you learn.

Posts in this series

An Introduction to AJAX for Front-End Designers
AJAX is an essential front-end technique that allows us to build fast and modern web applications. This article covers the fundamentals of AJAX.
George Martsoukos
2 Feb 2016
Web Design
An Example of AJAX With Vanilla JavaScript
Following on from our introduction to AJAX, this example uses the XMLHttpRequest API to initialize an AJAX request.
George Martsoukos
4 Feb 2016
Web Design
A Beginner’s Guide to AJAX With jQuery
In this tutorial, we’ll walk through a few of jQuery’s AJAX-related functions and methods. More specifically, we’ll take a closer look at the shorthand load...
George Martsoukos
9 Feb 2016
Web Design
How to Use jQuery’s “ajax” Function
Having followed the previous three tutorials, you should have gained a good understanding of AJAX. In this final tutorial, we’ll wrap things up by working...
George Martsoukos
11 Feb 2016
Web Design