
This course includes our updated coding exercises so you can practice your skills as you learn.
See a demo
Explain asynchronous JavaScript to avoid blocking a single-threaded environment. Build a simple Node.js API and a SPA with HTML, CSS, JavaScript, and jQuery to perform AJAX calls via HTTP requests.
Install node.js and npm, choose Visual Studio Code among free IDEs, launch it, open a project folder, and use the built-in terminal to run commands.
Learn how JavaScript runs on a single main thread, why blocking occurs, and how browser web APIs and Ajax enable asynchronous data transfer using XML and JSON.
Discover how JavaScript's single-threaded model drives sequential execution and why setTimeout, setInterval, and hoisting shape the order of operations.
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.
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.
Create get all books and get by id APIs using node and express with a books model, exporting and importing data, and locating records with findIndex.
Learn to implement delete operations in a REST API by removing a single record by id with splice, guarding against minus one. Also perform a bulk delete using api/.
Create a single-page application that dynamically loads content without page refresh, using front-end techniques and ajax requests to a rest api endpoint.
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.
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.
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.
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.
Create a getDeleteForm() function that returns an html form string using template literals, interpolating the type (get or delete) to customize the displayed message.
Create a postPutForm() function to handle post and put operations in a form, manage dynamic messages, disable fields for put requests, and ensure type handling with lowercase enforcement.
Explore loading and interacting with web forms using jQuery and AJAX to perform get, delete, post, and put requests against REST APIs, with dynamic form display and server communication.
The HTML code for the book table is attached for your convenience.
Learn how to implement delete requests with Ajax, reusing the get logic, and refactor into a single process Ajax function to delete by id or all records.
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.
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.
Explore how to perform get and delete requests with jquery.ajax, build ajax options, handle data, and use promises with done and fail to process responses.
Apply final thoughts on building REST APIs with token-based access, search by author or publisher, and date-range queries, plus migrating data to a text file, database, or cloud.
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.