Video description
In this course, you will learn how to use AJAX to send data to your web server and get response data to output in your web application, as well as how to use JavaScript code to connect to web APIs and retrieve JSON data to output in your webpages.
We will start by learning what JSON is and how it works. Following that, we will look at how AJAX can be used by the web browser to make server HTTP requests. Then we will go over AJAX, how to use JavaScript to update DOM elements, and how to modify elements on a webpage by dynamically creating, updating, and styling page elements with code.
We will then move on to interactive webpages and go over concepts such as setting up page interactions and adding event listeners. We will cover JSON data and JavaScript objects, arrays, and datatypes, as well as JSON data output and iteration.
Finally, we will look at how to create interactive AJAX content with JavaScript objects within webpage content, as well as some examples of popular web APIs.
By the end of this course, you will be able to create amazing interactive dynamic applications that can synchronize data between your database and front-end HTML code.
What You Will Learn
- Use JSON data within JavaScript
- Select between jQuery and JavaScript AJAX methods
- Update MySQL data from JavaScript
- Learn to get content and data from external files
- Work with objects and arrays within JavaScript
- Parse JSON data into usable objects
Audience
This course is for web developers and designers who wish to construct dynamic applications or use data in web applications in a seamless manner.
As this is a fast-paced course about connecting front-end and back-end code, you should have some basic coding skills and be familiar with HTML, JavaScript (DOM), and jQuery.
About The Author
Laurence Lars Svekis: Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO. He is always willing to help his students experience what technology has to offer and looks forward to sharing his knowledge and experiences with the world.
Table of contents
-
Chapter 1 : Introduction to AJAX and JSON
- Introduction to AJAX JSON and JavaScript DOM Course
- Setup of Web Development Environment Get Coding
- Introduction to JSON and AJAX
- JavaScript Objects with Examples
- Examples of JavaScript Objects and Arrays for JSON
- JSON Methods in JavaScript Object to String and String to Object
- How to Connect to an API JavaScript AJAX Example
- How to Connect to an API JavaScript AJAX Part 2
- JavaScript Objects with Code Examples
- JavaScript Array Methods with Code Examples – Part 1
- JavaScript Array Methods with Code Examples – Part 2
- JavaScript DOM for Interactive and Dynamic Webpages – Part 1
- JavaScript DOM for Interactive and Dynamic Webpages – Part 2
- Chapter 2 : Connecting to Web APIs
- Chapter 3 : Coding Examples
Product information
- Title: Create Dynamic and Interactive Web Content Using AJAX and JSON in JavaScript
- Author(s):
- Release date: July 2022
- Publisher(s): Packt Publishing
- ISBN: 9781800569027
You might also like
video
25+ Projects with AJAX, JavaScript, and JSON
AJAX allows you to communicate with the server, exchange data, and update the page without having …
video
GitHub Codespaces and custom dotfiles
GitHub Codespaces and custom dotfiles Add your dotfiles to any Codespace automatically Customize any GitHub Codespace …
book
Build Applications with Meteor
Build a variety of cross-platform applications with the world’s most complete full-stack JavaScript framework— Meteor About …
article
Run Llama-2 Models Locally with llama.cpp
Llama is Meta’s answer to the growing demand for LLMs. Unlike its well-known technological relative, ChatGPT, …