AJAX in Action: Build AJAX-Based Applications

Name: AJAX in Action: Build AJAX-Based Applications
Rating: 4.4 (58 reviews)

AJAX for Beginners! Develop AJAX Projects with JavaScript& jQuery Handle JSON&XML Build API-Based Applications with AJAX

Created byCrypters Infotech

Last updated 10/2019

English

What you'll learn

Develop rich, user-friendly web applications
Get data from the server without refreshing the page
Update webpages without page reload
Use AJAX with JavaScript and jQuery
Understand difference between GET and POST methods
Parse data in XML or JSON format
Develop AJAX-based applications

Course content

7 sections • 48 lectures • 4h 15m total length

Unique Applications You are Going to Develop from Scratch2:27
Have a look at different AJAX applications you are going to develop.
What is AJAX?6:43
Understand what AJAX is.
AJAX: The Misleading Name3:45
Understand the relevance of name AJAX.
Technologies behind AJAX2:10
Understand different technologies used behind AJAX.
Setup the Development Environment5:28
Learn how to setup the development environment to proceed.
AJAX Basics

Initiate the Request using XMLHttpRequest Object12:16
Learn how important is XMLHttpRequest object.
Source Code: ajax-example-1.html1:08
Source Code: get-countries.php0:13
Handle the Response10:51
Learn how to handle the response received from the server.
Source Code: ajax-example-2.html1:07
Asynchronous Vs Synchronous Communication4:25
Understand the difference between asynchronous and synchronous communication in AJAX.
Source Code: ajax-example-3.html1:07
GET Vs POST6:20
Understand the difference between GET and POST methods and how they affect the code.
Source Code: ajax-example-post.html1:08
XMLHttpRequest in Depth

Different Types of Data: Plain Text/XML/JSON4:00
Understand different types of data returned by the server such as plain text, XML, JSON etc.
Parse JSON Data12:50
Learn how to parse the JSON data received from the server.
Source Code: employees.json0:11
Source Code: ajax-json.html0:14
Parse XML Data10:39
Learn how to parse XML data received from the server.
Source Code: employees.xml0:14
Source Code: ajax-xml.html0:14
AJAX Response Data

Introduction to AJAX with jQuery5:57
Learn how to use AJAX with jQuery.
Source Code: bmi.html0:27
Source Code: calculate-bmi.php0:12
Bonus Lecture: jQuery Basics8:22
Understand the basics of jQuery if you are not familiar with jQuery.
Source Code: jquery-basics.html0:07
The ajax() Method11:06
Learn to use ajax() method to make AJAX calls using jQuery.
Source Code: bmi-ajax.html0:36
More Options to Configure AJAX Request14:20
Understand more options that can be used with ajax() method to configure your AJAX request as you want.
Source Code: bmi-ajax-options.html0:38
Source Code: calculate-bmi.php0:15
Three Callback Options with ajax() Method8:45
Learn different callback options you can use with ajax() method.
Source Code: bmi-ajax-callback.html0:25
jQuery's Shorthand AJAX Methods: get(), post(), getJSON() and load()13:59
Understand different shorthand AJAX methods such as get(), post(), getJSON() etc that can be used in jQuery.
Source Code: bmi-shorthand.html0:27
AJAX and jQuery

Real-Time User Name Validation - Part 17:58
Build a real-time username validation app using ajax, wiring a signup form with first name, last name, username, and password, and show availability feedback as users type.
Real-Time User Name Validation - Part 28:29
Real-time username validation checks the server database for availability by connecting to localhost, querying the users table, and returning whether the username exists.
Real-Time User Name Validation - Part 310:46
Learn real-time username validation with ajax on the front end. Check availability on blur using a get request and display a red username already exists message.
Baby Name Suggestion - Part 16:44
Learn to build a Google-like baby name suggestion app that fetches dynamic suggestions via Ajax, handles key-up events, and displays an interactive, styled list of names.
Baby Name Suggestion - Part 211:50
Build an ajax-based baby name suggestion feature that collects user input, searches names starting with the input (case-insensitive), and renders matches as an unordered list.
Baby Name Suggestion - Part 314:04
Build an ajax-based autocomplete for baby names using jQuery, querying the server with input, rendering JSON results as a styled suggestion list, and filling the text box on click.
Live Stock Quotes Application - Part 14:24
Build an ajax-driven live stock quotes application that displays symbol, current price, and real-time updates via a json api with color cues for up, down, or unchanged.
Live Stock Quotes Application - Part 210:45
Build an ajax-based stock quotes app that fetches symbols NGC, HDFC, ITC, ICICI Bank, parses JSON, and renders a table that updates every 10 seconds with up or down indicators.
Live Stock Quotes Application - Part 311:58
Build an ajax based live stock quotes table by adding a status column that shows up, down, or same, using a temporary array to track previous values.

Requirements

Basic knowledge of HTML, CSS and JavaScript

Description

AJAX (Asynchronous JavaScript and XML) is a set of technologies used to create highly interactive web sites and web applications. AJAX allows to dynamically update a page without reloading the page. Using AJAX, data can be requested and received from a server in the background without interfering with the display and behaviour of the existing page. Learn AJAX if you want to develop highly dynamic, interactive and user-friendly websites and web applications.

In this course "AJAX in Action: Build AJAX-Based Applications", you will learn

What is AJAX?
Different Technologies Behind AJAX
How to Use XMLHttpRequest Object?
How to Make Asynchronous and Synchronous Call to the Server?
Difference between GET and POST Requests
How to Handle JSON and XML Data Returned from the Server?
How to Implement AJAX using jQuery?
How to Develop Dynamic Webpages and Applications using AJAX?

Projects developed as part of this course are:

Real-Time User Name Validation
Baby Name Suggestion
Live Stock Quotes

By joining this course, you will get

4+ hours of content
Source code for each lecture
Quizzes

What are you waiting for? Join this unique AJAX course and start developing interactive and dynamic websites and web applications.

Who this course is for:

Anyone who wants to learn AJAX from scratch
Anyone who wants to develop dynamic and interactive web applications

AJAX in Action: Build AJAX-Based Applications

What you'll learn

Explore related topics

Course content

Introduction to AJAX5 lectures • 21min

XMLhttpRequest Object in Action9 lectures • 39min

AJAX and Response Data7 lectures • 28min

AJAX and jQuery14 lectures • 1hr 6min

AJAX and Security Limitations3 lectures • 15min

Let's Develop9 lectures • 1hr 27min

BONUS Section1 lecture • 1min

Requirements

Description

Who this course is for: