TOIT Training

25+ Projects with AJAX, JavaScript, and JSON

25+ Projects with AJAX, JavaScript, and JSON
  • Overview
  • Curriculum
  • Reviews

 

AJAX allows you to communicate with the server, exchange data, and update the page without having to refresh the page. The two major features of AJAX allow you to do the following: – Make requests to the server without reloading the page – Receive and work with data from the server This course is loaded with 25 plus mini projects to help you learn and practice connecting to endpoints, returning JSON data, making fetch requests, using JSON data with JavaScript to create page content, and explore GET POST PUT and DELETE with JavaScript AJAX. Learn how to create and manipulate page elements with modern JavaScript code to build interactive and fully dynamic web applications driven by JSON data. Get user selections, make the AJAX request from the user select, and output to the web page using JavaScript code. Explore fun interactive projects to make AJAX requests coming from page data and output the content to the page. Dynamic page elements generated from AJAX requests to endpoints and return JSON data and use it within JavaScript to update and manipulate DOM page elements. Create games, get JSON data, and let users explore the data. Dynamically generate page content with JavaScript. Connect to web endpoints – get JSON data and output that content into your web page with JavaScript. AJAX practice mini projects will help you learn more about JSON data such as making fetch requests, debugging, and more.

  • 7 Sections
  • 72 Lessons
  • 0 Quizzes
  • 0m Duration
Expand All

Introduction to Getting Started with Objects and JSON Using JavaScript

13 Lessons 0 Quizzes
  • Introduction to AJAX Course, How to Get JSON data and Update Page Elements 
  • Setup of the Development Environment and LiveServer Localhost Setup 
  • How JavaScript Arrays Work Coding Examples of JavaScript Arrays 
  • Code Example of JavaScript Objects How to Use JavaScript Objects 
  • How to Loop Through Objects, JavaScript Objects Looping and Use of Values 
  • JSON and JavaScript Objects Methods and Code Examples JSON Objects in JavaScript 
  • JavaScript JSON Methods, JSON Parse Stringify of String, and JavaScript Objects 
  • JavaScript DOM Manipulation and JavaScript DOM Element Creation Event Listeners 
  • Quick Review JavaScript Click Events and Page Interactions Within the DOM 
  • Project – Create a Dynamic List JSON LocalStorage List 
  • Project – Dynamic List with JSON JavaScript LocalStorage List Part 2 
  • Project – Building a Dynamic Interactive JSON List with JavaScript Part 3 
  • Project Final List Updates to Local and JSON Data List Items JavaScript Project 

Section Simple JSON Endpoints Output to Web Page Content with JavaScript

17 Lessons 0 Quizzes
  • JavaScript Coding Projects AJAX to JSON Data Output Web Pages Practice Lessons 
  • How to Create AJAX to Simple JSON File and Get JSON with JavaScript Coding 
  • How to Make AJAX Requests to Get JSON Data from Wiki API Coding Mini Project 
  • How to Get JSON from WikiMap API Examples with JavaScript Code Project 
  • How to Request to Multiple Endpoints Loading JSON Data Tester Coding Mini Project 
  • How to Generate Random User Data Output to Page AJAX and JS Random Project 
  • How to AJAX Request to Weather Data App with API JSON Data Coding Mini Project 
  • How to Create an Interactive App with Star Wars Data Coding Mini Project 
  • Web App with JSON Star Wars Data API Part 2 Coding Mini Project 
  • How to Get Dynamic Data Make a Game with Data from Trivia DataBase Game Project 
  • How to Create a Trivia Game from JSON data Part 2 Coding JavaScript Project 
  • Fully Interactive Trivia Game Web App Final Code JavaScript JSON Coding Project 
  • Example JavaScript Code AJAX Request to Stackexchange API Tester Request JSON 
  • JavaScript get JSON Data Stackexchange API Coding Example with JavaScript Part 2 
  • Dynamic Page Content from JSON Stackexchange API Code Project Final Code Lesson 
  • JavaScript Web Page get JSON Data with AJAX to Select Country Data from API 
  • Create a User Search Country by Name get JSON Data from API 

JSON AJAX JavaScript QUIZ Application

12 Lessons 0 Quizzes
  • Introduction to JavaScript Quiz Game Project 
  • How to Use JavaScript JSON Data to Build and Set Up a Quiz 
  • How to Create Interactive Content from JSON with JavaScript DOM 
  • How to Add Page Elements with JavaScript from JSON Data 
  • How to Randomize the Order of Array Items with JavaScript 
  • Creating GamePlay Loading Next Question in Data with JavaScript 
  • Debugging and Fixing Code Adding Scoring to Game 
  • How to Review and Finalize JavaScript Game Project 
  • How to Load JSON Source Data from a Google Sheet File 
  • Getting Google Sheet Contents as JSON to JavaScript Object 
  • How to Create a Quiz Game Using Sheet Data in JavaScript Quiz 
  • Final Game Play How to Download Text Report on Game Score 

Web APIs Practice Mini Applications with JavaScript JSON Data to Web Pages

12 Lessons 0 Quizzes
  • Modern JavaScript AJAX Fetch Requests to Endpoints JavaScript Fetch Requests 
  • Creating a Joke Generating Web Page from JSON Data 
  • How to Use Multiple Endpoints for JSON Data User Selected Content 
  • How to Use JavaScript AJAX to Connect to the GitHub API Loading JSON Data 
  • How to Generate Interactive Game with Dynamic Wordlist with JSON Data 
  • How to Create Interactive Content and Gameplay with Data Contained Within Your Google Sheet 
  • Final Word Scramble Game Coding Review JavaScript JSON Coding Project 
  • How to Create a Quiz Game with JavaScript and AJAX Using JSON Data 
  • Creating a Dynamic JavaScript Quiz Game with JSON data Coding Review and Updates 
  • How to Create JavaScript YouTube Search App to API JavaScript Connect to API 
  • Updates to the YouTube Search API Output JSON Data to Page Using JavaScript 2 
  • Web Coding Example for YouTube Search API from Web Page Requests AJAX JSON Data 

JavaScript JSON Post Data and Mini Applications to Practice Connecting to APIs

10 Lessons 0 Quizzes
  • Introduction Interactive Web Content from JSON Data AJAX Get and Post Methods 
  • How to Create a JavaScript Frontend API Tester Connecting to Endpoints Get JSON 
  • JavaScript Frontend API Tester Create AJAX Requests Mini Application Code 
  • Use JavaScript to Test Frontend API Tester Loading JSON Data to Web Page 
  • JavaScript Fetch Methods Get and POST Tester API JSON JavaScript 
  • How to Add Form Submission with JavaScript Fetch JSON Data 
  • How to Test AJAX to JSON Placeholder Tester Get JSON with JavaScript – Project 
  • Create a Dynamic Content Interactive Web Page with JS CRUD Tester Project Part 1 
  • Create a Dynamic Content Interactive Web Page with JS CRUD Tester Project Part 2 
  • Testing Endpoint You JSON Data Live as GitHub Json Database Custom JSON Endpoint 

Local JSON Server Node NPM JSON Data Create local Server for JSON Data Testing

4 Lessons 0 Quizzes
  • Introduction on How to Set Up Local JSON Server CRUD Testing Database 
  • How to Set Up JSON Local Server with Node NPM Coding Project 
  • Connect to Local Server Get and Post Requests with Fetch 
  • Connect to Local Server Put and Delete Requests with Fetch Project 

 Contact Form Submissions with AJAX to Google Script

4 Lessons 0 Quizzes
  • AJAX Contact Form Submit Data to Google Apps Script MailApp Service Project
  • JavaScript AJAX Web Contact Form Sending Emails with Apps Script Project
  • Web App Endpoint Set Up Google Apps Script Project
  • JavaScript AJAX Web Contact Form Testing and Final Code Review Project

0

0 Ratings
5 Star 0%
4 Star 0%
3 Star 0%
2 Star 0%
1 Star 0%

Reviews

Free

Start Course

Retake Course

Are you sure you want to retake the course? This action will permanently delete all your progress in this course.

Course Includes

  • Better understand the core principles of AJAX for asynchronous web requests

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

25+ Projects with AJAX, JavaScript, and JSON
No groups Found

You don't have any groups yet

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