Create Dynamic and Interactive Web Content Using AJAX and JSON in JavaScript

In this course, you will learn how to use AJAX to send data to your web server and get response data to output in your web application, as well as how to use JavaScript code to connect to web APIs and retrieve JSON data to output in your webpages.

We will start by learning what JSON is and how it works. Following that, we will look at how AJAX can be used by the web browser to make server HTTP requests. Then we will go over AJAX, how to use JavaScript to update DOM elements, and how to modify elements on a webpage by dynamically creating, updating, and styling page elements with code.

We will then move on to interactive webpages and go over concepts such as setting up page interactions and adding event listeners. We will cover JSON data and JavaScript objects, arrays, and datatypes, as well as JSON data output and iteration.

Finally, we will look at how to create interactive AJAX content with JavaScript objects within webpage content, as well as some examples of popular web APIs.

By the end of this course, you will be able to create amazing interactive dynamic applications that can synchronize data between your database and front-end HTML code.

All resources for this course are available at: https://github.com/PacktPublishing/Create-Dynamic-and-Interactive-Web-C…

Type
video
Category
publication date
2020-08-28
what you will learn

Use JSON data within JavaScript
Select between jQuery and JavaScript AJAX methods
Update MySQL data from JavaScript
Learn to get content and data from external files
Work with objects and arrays within JavaScript
Parse JSON data into usable objects

duration
322
key features
Learn how to build a custom project that connects HTML interactions with database content * MySQL and phpMyAdmin connections and queries to perform SELECT, DELETE, UPDATE, INSERT * Learn how to create AJAX calls with JavaScript code
approach
This course walks you through learning JSON and AJAX in a step-by-step, hands-on manner. Combining these can help you create better user experiences and more data manipulation opportunities in your JavaScript code.
audience
This course is for web developers and designers who wish to construct dynamic applications or use data in web applications in a seamless manner.

As this is a fast-paced course about connecting front-end and back-end code, you should have some basic coding skills and be familiar with HTML, JavaScript (DOM), and jQuery.
meta description
Explore how JavaScript objects, AJAX, and JSON are used for coding in JavaScript
short description
The course will help you create amazing interactive dynamic applications that can synchronize data between your database and front-end HTML codes. You need to have basic coding knowledge and a basic understanding of HTML, JavaScript (DOM), and jQuery to take up this course.
subtitle
Learn how to use AJAX to send data to your web server and get response data back to output in your web application
keywords
AJAX, JSON, JavaScript, jQuery, MySQL, phpMyAdmin
Product ISBN
9781800569027