Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
AJAX for beginners explore JavaScript Requests to APIs
Rating: 3.8 out of 5(53 ratings)
9,307 students

AJAX for beginners explore JavaScript Requests to APIs

Using AJAX create amazing DYNAMIC web content using JSON data Update page elements and more
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Use AJAX to get Dynamic web content
  • check form field data with server
  • create JavaScript objects from JSON files
  • use data files for JavaScript Objects
  • use JavaScript for AJAX calls
  • use JQuery for AJAX calls

Course content

3 sections40 lectures3h 35m total length
  • Introduction to AJAX requests with JavaScript coding examples2:10

    AJAX requests with JavaScript coding examples

    Explore AJAX and how you can use AJAX to connect to web API endpoints and get Data.

    Load JSON data from external sources with JavaScript.


    XHR object and modern JavaScript fetch to make requests

    Example of how AJAX can be used to update page content from server request responses.


    Load JSON data from external web APIs and also from local files

    How to output the contents of your JSON file into your webpage.


    Using JavaScript to create, update and remove page elements with code.

    Create interaction with your elements using event listeners.


    Create interactive web pages with JavaScript.


  • AJAX PDF guide Source code Resources and Tips JavaScript DOM4:19
  • Web Dev Coding Environment Setup2:53
  • Using XMLHttpRequest for AJAX9:34
  • XHR Ready states Response Object text and data with JavaScript requests GET11:20
  • XHR JavaScript AJAX GET JSON data xHR10:04
  • XHR Post requests with JavaScript Send Data body13:08
  • Modern JavaScript Fetch Requests AJAX Code12:38
  • JavaScript AJAX connect to local JSON file contents7:00
  • Practice AJAX Testing endpoint get JSON data from Random User API16:32
  • JavaScript AJAX Quiz Game from JSON data33:10

Requirements

  • basic JavaScript
  • Desire to learn AJAX
  • Basic HTML
  • Basic CSS

Description

AJAX requests with JavaScript coding examples

22 page PDF Guide included, with source code and coding examples.  Tips Resources and more.

Taught by an instructor with over 20 years of web development experience ready to help you learn.

Bring your web pages to life, explore how you can create interactive and dynamic web pages with JavaScript.  Connect to JSON data and external files.  How to use the xHR object and JavaScript fetch to make requests to endpoints.  API data requests returning content.  Update web page elements with JavaScript and the DOM.   Select page elements, add values, update styling and more. Seamless page updates without page refresh.  AJAX is a set of technologies that make things happen.   


  • How to set up WebDev Environment for coding

  • Load a text file as HTML code into a web page with AJAX

  • ReadyState 0-4 for xHR object

  • Get JSON data with xHR request AJAX

  • xHR GET and POST with Data from input field

  • Modern JavaScript Fetch Requests AJAX Code

  • JavaScript AJAX connect to local JSON file contents

  • Practice AJAX Testing endpoint get JSON data from Random User API

  • JavaScript AJAX Quiz Game from JSON data

Explore AJAX and how you can use AJAX to connect to web API endpoints and get Data.

Load JSON data from external sources with JavaScript.


XHR object and modern JavaScript fetch to make requests

Example of how AJAX can be used to update page content from server request responses.


Load JSON data from external web APIs and also from local files

How to output the contents of your JSON file into your webpage.


Using JavaScript to create, update and remove page elements with code.

Create interaction with your elements using event listeners.


Create interactive web pages with JavaScript.


Who this course is for:

  • web developers
  • anyone who wants to use AJAX
  • web masters
  • JavaScript Coders
  • Web Content creators
  • Web Managers
  • Anyone who wants to connect JavaScript to Server languages
  • Anyone who wants to submit data without page reloads