TOIT Training

Intermediate

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

Overview
Curriculum

 

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.

Curriculum

  • 3 Sections
  • 25 Lessons
  • 5h Duration
Expand All
Introduction to AJAX and JSON
13 Lessons
  1. Introduction to AJAX JSON and JavaScript DOM Course 
  2. Setup of Web Development Environment Get Coding 
  3. Introduction to JSON and AJAX 
  4. JavaScript Objects with Examples 
  5. Examples of JavaScript Objects and Arrays for JSON 
  6. JSON Methods in JavaScript Object to String and String to Object 
  7. How to Connect to an API JavaScript AJAX Example 
  8. How to Connect to an API JavaScript AJAX Part 2 
  9. JavaScript Objects with Code Examples 
  10. JavaScript Array Methods with Code Examples 
  11. JavaScript Array Methods with Code Examples Part 2 
  12. JavaScript DOM for Interactive and Dynamic Webpages 
  13. JavaScript DOM for Interactive and Dynamic Webpages Part 2 
Connecting to Web APIs
10 Lessons
  1. Introduction to Connecting to Web APIs with JavaScript 
  2. Web API JSON Data with AJAX 
  3. Connect to Web API RandomUser 
  4. JavaScript Code to StackExchange API 
  5. JavaScript API with Data GitHub 
  6. Server JSON Placeholder AP 
  7. JSON Placeholder CRUD 
  8. JSON Placeholder CRUD 2 
  9. Mockend REST Server 
  10. Node JSON Server 
Coding Examples
2 Lessons
  1. JavaScript Objects and JSON Data
  2. Fetch Example Code JavaScript

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

Create Dynamic and Interactive Web Content Using AJAX and JSON in JavaScript
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)