Introduction to JSON and AJAX

How to use this course with resources

Course Overview and how to use this course

Course Development Environment and tools

Visual Studio Code Setup and Live Server Setup

Introduction to JSON: What is JSON

JSON in JavaScript

Source Code

JSON Overview

JavaScript Objects

Creating JSON

Source Code

More Complex Nesting JSON

Source Code

Back to JavaScript

Source Code

Multiple Values in Object

Source Code

Use JavaScript with JSON

Source Code

JSON on the Web

Source Code

Session Storage JSON

Store Values as String

Source Code

Section Resources JSON

JSON Exercise: Getting to Know JSON

MYJSON Website Not Working Anymore

JSON Exercise: Setup Data

JSON Exercise: Use String Values as Data

JSON Exercise: Make It Interactive

Source Code: JSON Exercise

JSON Exercise: JSON Better Structure

JSON Exercise: Use the New Data with JavaScript

JSON Exercise: Store Current Data Instance

Source Code: Lesson 6

JSON Exercise: Add New Items to the List

JSON Exercise: Tweaks and Bug Fixes

JSON Exercise: sessionStorage Ready Data

Source Code: JSON Application

JSON Exercise: Delete a Task

JSON Exercise: AJAX and JSON

AJAX Introduction for Fetch and XHR

XHR Requests Across the Web

Exercise: Random User XHR Options

Exercise: Random User AJAX Load Data

Source Code: Exercise AJAX

More XHR Practice

XHR Request Data

Source Code: Joke Exercise

JavaScript Fetch

Source Code: Fetch

Fetch Promise Response

Fetch Options

Source Code: Fetch Jokes

Post with Fetch

Fetch Form Submit Data

Source Code: Form Submit

Introduction to jQuery

AJAX with jQuery

jQuery AJAX Output to Element

Source Code: jQuery Get

jQuery in CodePen

Source Code 4

jQuery AJAX Shorthand

Source Code 5

jQuery Multiple Items API

Source Code: Get JSON

jQuery Post Example

Source Code: POST jQuery

jQuery Post with AJAX

Source Code: jQuery Post

jQuery Exercise Overview

JavaScript Libraries for AJAX

Axios Get Data Update HTML

Source Code: Axios Form

Loop Multiple Items in Object

Source Code: Axios Exercise

Axios AJAX Post

How to Setup Local JSON Database

Postman Tool for AJAX

Create Your HTML Elements

Interactive Button

XHR Request Data

Source Code: JSON Server

XHR Post Data to JSON DB

Exercise: JSON Server Interface

Exercise: Build Page Comments

Source Code: JSON Database

Post Create New Posts

Source Code: Posts

Search JSON Server

Changes to Google Sheets

New Updated Sheet as JSON Data

Setup Sheet Data

Google Sheet Get Sheet Data as JSON

Source Code: Google Script

JSON Output Sheet Data

GS Data

Apps Script Google Scripting Server Side

Use Google Script to Create Output

Google Script Source

Create JSON Feed from Google Sheets

Source Code

Google Script POST Data

Google Script

Form Setup to Post on Webpage

Post Data to Google Sheets

Random User Data API

Setup Page Elements

Make First AJAX Request

Dynamic Input Data

AJAX Add jQuery

Add Axios AJAX

Add Fetch AJAX

Source Code GET

Add Post Data Option

Update for POST

Update Post for Fetch and Axios

AJAX Tester Code Review

Page and Element Setup

Bring in the XHR Object

Connect to Wikipedia API

Output Data into Web Page

YouTube API with JavaScript

Add YouTube API Search

Style Data Output

Element and Page Setup

AJAX Make Request Callback

Connect Get API Content

Output Question Format

Dynamic Build Buttons JavaScript

JavaScript Dynamically Build Elements

Tweak Quiz and Add Scoring

Show Correct Answer

More Fun with APIs

Introduction to the Terminal CLI

Learn NPM Node Package Manager

Creating a Node Project from Scratch

Exploring Node Modules

Setting Up HTTP Localhost

Read Files Output Data

Amazing Helpful Packages: Express and Nodemon

API Web Resources: Postman CRUD

Body Parser npm

How to Use Middleware app.use

Simple Login Check

Create Public Index File

Static Frontend JavaScript

Send Data from Front to Back

Getting Response Data

RESTful API: PUT and DELETE CRUD

Output Data to Page

CRUD Methods: Delete and Update Data

Tweaks and PUT Data

Updates to Data

Setup a Helper File and Code Refactoring

Updates, Styling, and Tweaks

Add SQLite Database

Database to Frontend

Node Application Setup

NPM Setup Localhost

Setup Pusher

Setup Static Index Page

More Middleware

Pusher Trigger

Push Message to Frontend

Setup HTML Elements

JavaScript Interactive AJAX

Updated

Setup Backend

Setup Server with Packages

Setup Static Index File

HTML Frontend Code

Output Data to HTML

Get Individual Currency Details

Node Requests with Routes

Update with New Routes

More Route Options

Last Route Setup

Twitter API Introduction

Course Development Environment

Setup Local Server Node.js NPM

Get Packages NPM

Setup Twitter Developer App

Output Tweet Object as JSON

Setup Index Frontend Code

Output Tweet Data

Make the Tweets Look Nice (Styling)

Post a Tweet from Index Page

Twitter API AJAX Application Source Code

Intro JavaScript Promises

API Connection

Source Code

Create Elements

Source Code

Map New Array of Data

Source Code

Output Content DOM

Source Code

New Promise

Source Code

Promise Resolve

Source Code

Function Recursion

Source Code

Tweaks and Adjustments

AJAX Training Program

Check Your Course Fee

KEY POINTS

90+

18+

1500+

5+

ZebLearn Certification Partners – Globally Recognized Credentials!

Course content

Why Should You Learn AJAX Training?

Request more information

What you will get at Zeblearnindia Learning?

() 60 Minutes WEBINAR with CERTIFICATE

Explore Our Courses Across India - Flexible batches

DSP & Microcontrollers

Computer Hardware

Cisco

Cisco & Networking Certifications

AJAX Training Program

Check Your Course Fee

KEY POINTS

90+

18+

1500+

5+

ZebLearn Certification Partners – Globally Recognized Credentials!

Course content

# Introduction to course content and resources

# JSON JavaScript Object Notation Introduction

# JSON exercise Task List

# AJAX various AJAX options in JavaScript

# AJAX libraries jQuery and Axios

# JSON Server Exercise Practice JSON and AJAX locally

# Google Sheet API data GET POST with jQuery

# AJAX request tester using GET and POST exercise

# JavaScript AJAX API exercise YouTube and Wikipedia API

# More APIs Trivia API and more

# Setup a RESTful API from Scratch Node jQuery JavaScript SQLite

# RealTime Message Application Exercise

# API request and Fetch Practice Exercise

# Twitter API Exercise Get tweets and post to Twitter AJAX

# Promises Examples

Why Should You Learn AJAX Training?

Request more information

What you will get at Zeblearnindia Learning?

() 60 Minutes WEBINAR with CERTIFICATE

Explore Our Courses Across India - Flexible batches