Learn how to use JSON and get JSON data using AJAX Course includes practice exercises and examples using JSON & AJAX
What you'll learn:
- Use JSON data within web applications
- Make AJAX requests across the web
- Build more dynamic and interactive applications
Prefect course for beginners to learn AJAX and JSON!!! Step by step learning with all steps included
Loaded full of examples and code snippets that can be used to build upon, practice and get comfortable with AJAX. Top developer resources, helpful tips and many many open APIs to practice with all included.
Source Code also included so you can jump right in and start building applications.
JSON is the preferred format for data being transferred between coding languages. Its easy to read, create and work with. Learn about JSON how it works and how you can use it within your own applications.
Together AJAX and JSON are used everywhere and go hand in hand powering many of the top web applications and providing users what they expect from modern websites.
A lightweight data-interchange format which is easy for humans to read and write
Explore how to read and write JSON objects.
Iterate thru JSON data and output data contents into your web page HTML elements.
Build JSON in a dynamic format for better versatility and management.
Getting JSON using HTTP XML request object.
AJAX for building web based interactive applications that process user requests immediately. No page reload bring data into your application.
Explore how AJAX works and how it is used in web applications
See what Fetch and XHR are and how they work to get data
Connect to external content and data, load it into you application and output the data for the user.
Exercise : Using AJAX to connect to a web API and retrieve random user information.
Learn how to use AJAX to get a txt file content
Exercise : Use AJAX to retrieve jokes from an API and output the response data into your website.
Find out how to use Fetch and make AJAX requests using Fetch
Exercise : Simple POST and GET to server using Fetch and xHR AJAX. Posting form data to a server using Fetch
AJAX made easy with Libraries
Explore AJAX using two of the most popular libraries online. They solve the problem of cross browser differences in XHR requests and provide a seamless easy to apply experience when using AJAX
Using jQuery or Axios for AJAX
The easy way to AJAX with options
jQuery AJAX and shorthand ajax methods.
Exercise : Connect to various web APIs using jQuery and Axios - Build simple AJAX mini applications
Lightweight library option : Axios provides a seamless AJAX approach that works off promises.
JSON Server for AJAX practice Locally
Often when using AJAX locally we run into CORS errors or others, JSON server provides the perfect resource to easy setup and practice running a local JSON ready server. Send POST and GET requests and a whole lot more.
Learn how to set JSON server locally
Top resources to practice AJAX requests during development like Postman
Exercise : Practice exercise to build interactive application driven by local json DB data.
Add more options and even search the local database. Amazing easy to use JSON server options like search
Exercise : Mini application to store user info into the database.
Google Sheets as a data source for AJAX requests
Explore using Google Script along with Google Sheets to output data from your sheet. Learn how to connect that data to your applications. Apps Script is a scripting language for light-weight application development in the G Suite platform
Step by step instruction on how to setup Google Sheets with a web app outputting data as JSON
Extend this even further using Google Apps Script. GET and POST to the Google Script web app adding and retrieving data in JSON format.
Exercise : Send and retrieve data from Google Sheets. Create a user list as Google Sheets used as a data source.
Exercise : Connect to a web API for user data and add it easily into your form to send to your Google Sheet.
AJAX using xHR request, Fetch, jQuery and Axios
Different options for AJAX requests are explored and presented for comparison.
Step by step lessons to help you learn AJAX.
Explore the various ways to make AJAX request while building and learning about the 4 different methods presented within the course.
Exercise : fully functional mini tester application where you can input a URI and make AJAX requests.
AJAX retrieving JSON data from popular end points
Using AJAX request data for your applications from popular APIs like YouTube and Wikipedia. Learn how to navigate web APIs and use the data within your projects.
Explore using popular APIs to build interactive and dynamic applications.
RESTful API setup and development
Explore how to setup a Restful API! GET, POST, PUT, DELETE
Explore how the terminal can be used to setup a backend server using Node.js. Command line interface simple commands will be used to navigate and seutp folders.
Learn how to setup an http server using node ready for localhost
Using web resources like postman test your routes and endpoint responses. API web resources Postman CRUD
Setup your routes for a Restful API GET POST PUT DELETE
Updating with adding a SQLite Database to hold data
Exercise : Mini application to send and retrieve user information from server database.
RealTime Push messaging Exercise
Using pusher setup a real time messaging application that pushes data to open pages. Send and retrieve data in real time instantly.
Explore how to integrate web services into applications.
Use AJAX requests to send data to web services
Exercise : Build a simple real time messaging application from scratch
AJAX fetchrequest API Exercise
Explore how to builda simple Crypto Currency web application from scratch. Perfect exercise to learn more and practice different request options as well as explore how to customize data for frontend output.
Setup a local server using Express and practice AJAX requests locally
Avoid local CORS errors and sending requests from the backend
Userequest to connect to web APIs
Multiple ways to make AJAX requests including fetch and jQuery
Explore retrieving and updating API data on the backend before it comes to the frontend
Exercise : Build a custom Crypto currency information application
AJAX Twitter API Exercise
Learn to setup a local server request web content
Connect to the Twitter API return MASSIVEamounts of data Search and explore
Access Tweet objects and get JSON data to your webpage
POSTto Twitter from your webpage
Exercise : Build a mini application to search tweets and post to twitter.
This course covers everything you need to learn about JSON and AJAX, including practice exercises, loads of examples, source code and step by step training. Along with friendly support in the Q&A to help you learn and answer any questions you may have.
Try it now you have nothing to lose, comes with a 30 day money back guarantee.
See what you can build with AJAX and JSON!!!!