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

Description

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-Content-using-AJAX-and-JSON-in-JavaScript

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

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.

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.

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

Github Repo

https://github.com/PacktPublishing/Create-Dynamic-and-Interactive-Web-Content-using-AJAX-and-JSON-in-JavaScript

About the Author

Laurence Lars Svekis

Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO. He is always willing to help his students experience what technology has to offer and looks forward to sharing his knowledge and experiences with the world.

Course Outline

1. Introduction to AJAX and JSON

2. Connecting to Web APIs

3. Coding Examples