Build your own JavaScript mini projects with this full stack JavaScript coding course
About This Video
In Detail
AJAX allows you to communicate with the server, exchange data, and update the page without having …
Build your own JavaScript mini projects with this full stack JavaScript coding course
About This Video
In Detail
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:
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.
Who this book is for
This course is for modern web designers and web developers; anyone who wants to learn how to load JSON data and apply the contents to their web pages and learn more about making AJAX requests via JavaScript; JavaScript coders who want to learn more about AJAX; and individuals who want to learn more about JavaScript fetch and modern request methods.
Chapter 1 : Introduction to Getting Started with Objects and JSON Using JavaScript
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
Chapter 2 : Section Simple JSON Endpoints Output to Web Page Content with JavaScript
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
Chapter 3 : JSON AJAX JavaScript QUIZ Application
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
Chapter 4 : Web APIs Practice Mini Applications with JavaScript JSON Data to Web Pages
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
Chapter 5 : JavaScript JSON Post Data and Mini Applications to Practice Connecting to APIs
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
Chapter 6 : Local JSON Server Node NPM JSON Data Create local Server for JSON Data Testing
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
Chapter 7 : Contact Form Submissions with AJAX to Google Script
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