Improving JS

This project has been created to improve and practice my JavaScript skills. Let's get started!

Examples

Beacon API

Let's use the Beacon API to send a HTTP request to a server when the website is closed.

The server we are going to use is the same we have for other usecases. To run in, execute the following command:

npm run fetch:server

Then simply open the example named beacon and close the browser tab. When the page is closed, a HTTP Request (POST) will be received on the server.

Fetch API

Simple example to make HTTP request using Fetch API from the browser.

First, start the HTTP server based on http module as below:

npm run fetch:server

Then open the client file to make HTTP requests using Fetch API

Web Worker API

Web workers are the most general purpose type of worker. In this case we are going to test the Web Worker API to calculate a math operation which takes a few seconds. In this way we will be freeing the main thread of the browser while the worker calculates the result.

Execute the command below to serve the index.html static file in a local server:

npm run webworker:serve

Therefore open the following website in your browser: http://localhost:8080/index.html

WebSocket API

This is a simple WebSocket server based on Node.js in order to learn how the WebSocket API works.

Start the WebSocket server:

npm run websocket:server

On the client side you can either run the command below or open the web example file

npm run websocket:client

Author

• Oscar Vadillo [website|github]