Development

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

Intermediate
5h

By: Laurence Lars Svekis

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

Overview

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.

Modules

1. Chapter 1: Introduction to AJAX and JSON

1.1 Introduction to AJAX JSON and JavaScript DOM Course2 min
1.2 Setup of Web Development Environment Get Coding7 min
1.3 Introduction to JSON and AJAX12 min
1.4 JavaScript Objects with Examples17 min
1.5 Examples of JavaScript Objects and Arrays for JSON18 min
1.6 JSON Methods in JavaScript Object to String and String to Object6 min
1.7 How to Connect to an API JavaScript AJAX Example14 min
1.8 How to Connect to an API JavaScript AJAX Part 28 min
1.9 JavaScript Objects with Code Examples15 min
1.10 JavaScript Array Methods with Code Examples16 min
1.11 JavaScript Array Methods with Code Examples Part 211 min
1.12 JavaScript DOM for Interactive and Dynamic Webpages21 min
1.13 JavaScript DOM for Interactive and Dynamic Webpages Part 224 min

2. Chapter 2: Connecting to Web APIs

2.1 Introduction to Connecting to Web APIs with JavaScript1 min
2.2 Web API JSON Data with AJAX11 min
2.3 Connect to Web API RandomUser19 min
2.4 JavaScript Code to StackExchange API24 min
2.5 JavaScript API with Data GitHub25 min
2.6 Server JSON Placeholder AP10 min
2.7 JSON Placeholder CRUD22 min
2.8 JSON Placeholder CRUD 29 min
2.9 Mockend REST Server4 min
2.10 Node JSON Server8 min

3. Chapter 3: Coding Examples

3.1 JavaScript Objects and JSON Data8 min
3.2 Fetch Example Code JavaScript11 min

Ready to Elevate Your Team's Learning?

Talk with our sales team to see how StormWind can transform the way your organization trains and grows.

CONTACT SALES