REST APIs & AJAX Operations Using Node, Express, and jQuery

Learn How to Create Basic REST APIs and Exchange Data Between Clients & Servers via AJAX Using Node, Express, and jQuery

4.45 (16 reviews)
Udemy
platform
English
language
Web Development
category
instructor
78
students
3.5 hours
content
Jun 2022
last update
$54.99
regular price

What you will learn

JavaScript asynchronous operations (AJAX)

JavaScript Web APIs

The Event Loop

Creating Node/Express application

Client-Server communications

Creating simple REST APIs

Performing CRUD operations

Building single page applications (SPA)

Web development using HTML/CSS/JavaScript/jQuery

Description

This introductory course covers the following technologies: synchronous and asynchronous JavaScript, Node.js/Express.js, jQuery, the event-loop cycle, REST APIs, AJAX, CRUD, HTTP requests, client-server communications.  The best approach to know and understand these technologies and their unique role works is by immersing yourself with coding exercises.  In this course, we're going to demystify each of these technologies by creating two applications so you will see exactly how they work.  You'll learn how to make AJAX calls with various HTTP request methods to perform CRUD operations.

This course takes the following approach:

  • First, we'll learn the fundamentals of the JavaScript event loop and how asynchronous works. 

  • Next, I walk you through step-by-step how to create a simple Node.js application using Express.js, the most popular server-side JavaScript framework.  Together, we'll create our own APIs to perform basic CRUD operations on the server side (back-end). 

  • Finally, we'll switch over to the client side (front-end) and build a clean single page Web app (SPA) using only HTML/CSS/JS and jQuery.  We'll deep dive into front-end development and making AJAX calls between our client app and server app. 

By the end of this course, you will have a better and deeper understanding how to create your own REST APIs, how asynchronous and AJAX work, and why they're so important in modern Web applications.

Content

Setting Up the Development Environment

Course Overview
Installing Node.js and Visual Studio Code
Installing WebStorm IDE

Understanding JavaScript Asynchronous Operations

Single Threaded JavaScript
The Event Loop
Ticks and Cycles
JavaScript Web APIs

Backend Development using Node.js and Express.js

Introduction and Requirements
Creating a Node/Express.js Application
Creating the GET APIs
Creating the DELETE APIs
Creating the POST API
Check for duplicate ID
Creating the PUT API
Creating a SEARCH API

Creating the Frontend User Interface

Introduction and Requirements
Creating the Landing Page
Creating the CSS Stylesheet
Form Design Concepts
Creating the Web Forms
Creating the getDeleteForm() Function
Creating the postPutForm() Function
Loading Web Forms Using jQuery

Creating AJAX Operations

Introduction and Requirements
Creating the Books Table
Making GET Request Using AJAX
Processing JSON Data
Making DELETE Request Using AJAX
Making POST Request Using AJAX
Making PUT Request Using AJAX

Bonus: Making AJAX Calls Using jQuery

Creating Options for AJAX Calls
Making GET & DELETE Requests with jQuery.ajax()
Making POST & PUT Requests with jQuery.ajax()
Non-Blocking Using async Property

Conclusion

Final Thoughts

Screenshots

REST APIs & AJAX Operations Using Node, Express, and jQuery - Screenshot_01REST APIs & AJAX Operations Using Node, Express, and jQuery - Screenshot_02REST APIs & AJAX Operations Using Node, Express, and jQuery - Screenshot_03REST APIs & AJAX Operations Using Node, Express, and jQuery - Screenshot_04

Reviews

Kashish
November 21, 2021
It was good, the explanation and execution was very easy to understand and it took a lot of my fear of ajax requests away :)
Jeff
October 11, 2020
This is a very good course. Mr. Hur shows how to develop a fairly simple program on both the frontend and the backend. And he does an exceptional job of doing this. Perhaps for his next course he will replicate much of this but use a MongoDB database on the back end. Kudos.

Charts

Price

REST APIs & AJAX Operations Using Node, Express, and jQuery - Price chart

Rating

REST APIs & AJAX Operations Using Node, Express, and jQuery - Ratings chart

Enrollment distribution

REST APIs & AJAX Operations Using Node, Express, and jQuery - Distribution chart

Related Topics

3354544
udemy ID
7/22/2020
course created date
5/8/2022
course indexed date
Bot
course submited by