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

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.

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

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

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.

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.

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

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

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.

1. Introduction to AJAX and JSON

2. Connecting to Web APIs

3. Coding Examples