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

Name: REST APIs & AJAX Operations Using Node, Express, and jQuery
Rating: 4.5 (16 reviews)

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

Created byChristian Hur

Last updated 6/2022

English

English [Auto],

What you'll 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

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

Course content

7 sections • 33 lectures • 3h 17m total length

Course Overview1:34
Installing Node.js and Visual Studio Code4:20
Installing WebStorm IDE2:57

Introduction and Requirements0:46
Explore REST APIs basics by defining endpoints and using get for reading, post for inserting, put for updating, and delete operations, then set up your application in VS Code.
Creating a Node/Express.js Application10:34
Create a project folder, initialize npm, install express, cors, body-parser, and nodemon, build index.js, enable cors and json parsing, and run with nodemon for auto restarts.
Creating the GET APIs11:29
Creating the DELETE APIs3:59
Creating the POST API2:14
Check for duplicate ID
Creating the PUT API2:37
Creating a SEARCH API

Introduction and Requirements1:18
Create a single-page application that dynamically loads content without page refresh, using front-end techniques and ajax requests to a rest api endpoint.
Creating the Landing Page11:21
Build a dynamic landing page for REST APIs using Node, Express, and jQuery by structuring front-end and back-end folders and implementing a single-page interface with ajax-driven content.
Creating the CSS Stylesheet8:27
Create a css stylesheet for a node express ajax page: center the body and main container, style a header and fixed bottom footer, and implement hoverable buttons.
Form Design Concepts4:54
Design reusable forms for get, delete, post, and put operations using ajax calls to a backend, with prefilled fields, disabled id for edits, and flowchart planning.
Creating the Web Forms15:01
Create and style two web forms for a rest api app using Node, Express, and jQuery, supporting get, delete, post, and put with fields for id, title, author, publisher, year.
Creating the getDeleteForm() Function3:09
Creating the postPutForm() Function3:33
Loading Web Forms Using jQuery5:04

Introduction and Requirements1:21
Creating the Books Table5:17
The HTML code for the book table is attached for your convenience.
Making GET Request Using AJAX7:05
Processing JSON Data8:30
Making DELETE Request Using AJAX9:50
Making POST Request Using AJAX10:30
Learn to post data with ajax using jquery by collecting book form fields, building a book object, and sending it as JSON to the server.
Making PUT Request Using AJAX11:29
Demonstrates implementing a put request via AJAX, loading records, selecting a record to edit, populating a form with its data, and preparing the update flow.

Requirements

Good understanding of Web development using HTML, CSS, JavaScript
Basic knowledge of REST APIs
Basic understanding of client-server communications
Basic knowledge of Node runtime environment
Modern computer with internet access, Node, and npm

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.

Who this course is for:

Beginner web developers who are curious about full-stack Web development using Node and Express
Developers who are new to creating REST APIs and making AJAX calls

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

What you'll learn

Explore related topics

Coding Exercises

Course content

Setting Up the Development Environment3 lectures • 9min

Understanding JavaScript Asynchronous Operations4 lectures • 28min

Backend Development using Node.js and Express.js6 lectures • 32min

Creating the Frontend User Interface8 lectures • 53min

Creating AJAX Operations7 lectures • 54min

Bonus: Making AJAX Calls Using jQuery4 lectures • 21min

Conclusion1 lecture • 1min

Requirements

Description

Who this course is for: