25+ Projects with AJAX, JavaScript, and JSON
Build your own JavaScript mini projects with this full stack JavaScript coding course.
Updated on Sep, 2023
Language - English
Course Description
AJAX allows you to communicate with the server, exchange data, and update the page without having to refresh the page.</p> <p>
The two major features of AJAX allow you to do the following:
- Make requests to the server without reloading the page
- Receive and work with data from the server
This course is loaded with 25 plus mini projects to help you learn and practice connecting to endpoints, returning JSON data, making fetch requests, using JSON data with JavaScript to create page content, and explore GET POST PUT and DELETE with JavaScript AJAX.
Learn how to create and manipulate page elements with modern JavaScript code to build interactive and fully dynamic web applications driven by JSON data. Get user selections, make the AJAX request from the user select, and output to the web page using JavaScript code.</p> <p>
Explore fun interactive projects to make AJAX requests coming from page data and output the content to the page. Dynamic page elements generated from AJAX requests to endpoints and return JSON data and use it within JavaScript to update and manipulate DOM page elements. Create games, get JSON data, and let users explore the data. Dynamically generate page content with JavaScript.
Connect to web endpoints - get JSON data and output that content into your web page with JavaScript. AJAX practice mini projects will help you learn more about JSON data such as making fetch requests, debugging, and more.
The code bundles are available here: https://github.com/PacktPublishing/30-Projects-with-AJAX-JavaScript-and-JSON
Audience :
This course is for modern web designers and web developers; anyone who wants to learn how to load JSON data and apply the contents to their web pages and learn more about making AJAX requests via JavaScript; JavaScript coders who want to learn more about AJAX; and individuals who want to learn more about JavaScript fetch and modern request methods.
Goals
What will you learn in this course:
- Create user-friendly interactive web applications
- Learn to create responsive user interfaces
- Applying JavaScript to create data driven web content
- Learn to update parts of a web page, without reloading the whole page
- Learn to use JSON data and JSON as JavaScript Objects within code
- Apply modern JavaScript coding and use JSON data within web pages
Prerequisites
What are the prerequisites for this course?
- This course is for modern web designers and web developers
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction to Getting Started with Objects and JSON Using JavaScript
13 Lectures
-
Introduction to AJAX Course, How to Get JSON data and Update Page Elements
03:30
03:30
-
Setup of the Development Environment and LiveServer Localhost Setup
08:48
08:48
-
How JavaScript Arrays Work Coding Examples of JavaScript Arrays
13:31
13:31
-
Code Example of JavaScript Objects How to Use JavaScript Objects
08:09
08:09
-
How to Loop Through Objects, JavaScript Objects Looping and Use of Values
10:50
10:50
-
JSON and JavaScript Objects Methods and Code Examples JSON Objects in JavaScript
10:11
10:11
-
JavaScript JSON Methods, JSON Parse Stringify of String, and JavaScript Objects
09:30
09:30
-
JavaScript DOM Manipulation and JavaScript DOM Element Creation Event Listeners
15:45
15:45
-
Quick Review JavaScript Click Events and Page Interactions Within the DOM
20:55
20:55
-
Project - Create a Dynamic List JSON LocalStorage List
14:42
14:42
-
Project - Dynamic List with JSON JavaScript LocalStorage List Part 2
12:12
12:12
-
Project - Building a Dynamic Interactive JSON List with JavaScript Part 3
17:34
17:34
-
Project Final List Updates to Local and JSON Data List Items JavaScript Project
05:45
05:45
Section Simple JSON Endpoints Output to Web Page Content with JavaScript
17 Lectures
JSON AJAX JavaScript QUIZ Application
12 Lectures
Web APIs Practice Mini Applications with JavaScript JSON Data to Web Pages
12 Lectures
JavaScript JSON Post Data and Mini Applications to Practice Connecting to APIs
10 Lectures
Local JSON Server Node NPM JSON Data Create local Server for JSON Data Testing
4 Lectures
Contact Form Submissions with AJAX to Google Script
4 Lectures
Instructor Details
Packt Publishing
Founded in 2004 in Birmingham, UK, Packt's mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals.
Working towards that vision, we have published over 6,500 books and videos so far, providing IT professionals with the actionable knowledge they need to get the job done - whether that's specific learning on an emerging technology or optimizing key skills in more established tools.
As part of our mission, we have also awarded over $1,000,000 through our Open Source Project Royalty scheme, helping numerous projects become household names along the way.
Course Certificate
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now