Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
AJAX JSON JavaScript Dynamic and Interactive Web Content
Rating: 4.4 out of 5(687 ratings)
14,722 students

AJAX JSON JavaScript Dynamic and Interactive Web Content

Learn how to use AJAX to send data to your web server and get response data back to output in your web application
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Create AJAX calls
  • Use JSON data within JavaScript
  • Select between jQuery and JavaScript AJAX methods
  • update MySQL data from JavaScript
  • get content and data from external files
  • Work with Objects and Arrays within JavaScript
  • Parse JSON data into usable objects

Course content

6 sections102 lectures10h 24m total length
  • Introduction to AJAX JSON and JavaScript DOM course2:14
  • AJAX Source Code and Resource Guide0:08
  • Setup of Web development Environment Get Coding6:38
  • Introduction to JSON and AJAX.11:28

    What is JSON and AJAX Introduction to JSON and AJAX.

    Explore how JSON data is created, the structure of JSON data. What AJAX is and how it works.


  • What are JavaScript Objects with examples16:43

    What are JavaScript Objects with examples

    Objects can contain strings, integers, booleans, arrays, and other objects. Bracket notation vs dot notation to select object values.


  • Examples of JavaScript Objects and Arrays for JSON18:01

    Examples of JavaScript Objects and Arrays for JSON

    Arrays and iterate through contents of an array. Objects within arrays to easily output the values of the items.


  • JSON methods in JavaScript object to String and string to Objects6:21

    JSON methods in JavaScript object to String and string to Objects

    JSON parse and stringify

  • How to connect to an API JavaScript AJAX Example13:35

    How to connect to an API JavaScript AJAX Example

  • How to connect to an API JavaScript AJAX Part 27:46
  • JavaScript Objects with code examples15:16
  • JavaScript Array Methods with code examples16:10
  • JavaScript Array Methods with code examples part 211:15
  • JavaScript DOM for interactive and dynamic web pages20:36
  • JavaScript DOM for interactive and dynamic web pages24:10

Requirements

  • Basic HTML and CSS
  • Basic JavaScript and understanding of the DOM
  • Basic PHP and MySQL understanding
  • Access to computer
  • Solid foundation in coding

Description

AJAX JSON setup with JavaScript start coding

Includes 35Page downloadable PDF resource and coding GUIDE!!!

AJAX JSON JavaScript Dynamic and Interactive Web Content

Learn how to use AJAX to send data to your web server and get response data back to output in your web application. Explore JavaScript code to connect to web APIs and retrieve JSON data back to your web pages outputting the data into your web page. Dynamically

  • what is JSON and how it works

  • How your web browser can make server http requests using AJAX

  • AJAX and what technologies make up AJAX

  • How you can use JavaScript to update the DOM elements

  • Manipulate Elements on your webpage creating, updating and styling page elements dynamically with code.

  • Interactive web pages - adding event listeners and setting up page interactions

  • JSON data and JavaScript Objects, arrays and datatypes

  • Output and iteration of JSON data

  • Using JavaScript Objects within web page content

  • Creating interactive AJAX content

  • Example of popular web APIs that you can connect too


Create amazing interactive dynamic applications that can synchronise data between your database and your front end html code.  

The content within this course is Unique which you won't find anywhere else.  We show you how to build a custom project within this course that connect HTML interactions with Database content.

Prerequisites for this course : Basic Coding knowledge, HTML, JavaScript (DOM) and jQuery. This is a fast paced course around making front end connections to back end code.

The course is focused around creating AJAX calls with JavaScript code.  Please note the below topics are covered.

  • JavaScript Objects

  • JSON

  • AJAX GET and POST in JavaScript

  • AJAX get(), getJSON(), post(), ajax() in jQuery

  • MySQL and phpmyadmin connections and queries to perform SELECT, DELETE, UPDATE, INSERT

  • PHP to connect to a database, conditional statements, variables

  • CSS to create form content styling

JSON and AJAX together provide web developers incredible opportunities to integrate external data seamlessly into web applications. 

JSON is and excellent format for data, its human readable and flexible enough to be converted from strings to usable JavaScript objects .

AJAX is the perfect solution for creating connections between data and web user interactions. You can upload your web page with reloading the page, providing a seamless experience for your web visitors.  AJAX gives you the ability to request and receive data from servers and external files.   All of this is done after your web page loads and the content is already visible to the web users.   You can also use AJAX to send data to a server.

Taking data from the front end sending it to the server opens the door to unlimited opportunities to connect that data to databases and a whole lot more.

This course provides a step by step guide for getting to know JSON and AJAX.  Combing these together can help you develop better user experiences and more opportunities for data manipulation within your JavaScript code.  

Provided within the course

  • code samples and examples

  • Resource used within this course so you too can follow along

  • Source Code and challenge exercises

  • HD quality video

  • Professional instructor with over 18 years of industry experience

  • everything you need is included

Learn the basics of JavaScript objects, how they work within your code.   Expand on the object with object arrays and multi-objects arrays.  Loop through the objects and parse out JSON data.

Explore how you can use AJAX to retrieve external content, including database content, html web files, and JSON data.   Adding AJAX to web applications creates endless possibilities.   This course also includes multiple ways to connect from JavaScript methods to jQuery.

See how your can connect PHP code to supercharge your web applications.  Insert data into your database, update a database, and delete content from a database all from the front-end via AJAX.

AJAX is in demand, and learning how to utilise AJAX together with JSON and PHP will set you apart.  I'm here to help you learn and ready to answer any questions you may have.





Who this course is for:

  • Web developers and Web designers
  • Anyone who wants to create Dynamic Applications
  • Anyone who wants to use data seamlessly within web applications