How Web application’s communication works?

Functional representation

There are 3 main components

1. Client
2. Server
3. Storage

Let’s compare the same with an example application, Facebook is an web application.

If you access facebook from your home computer, this is how it works.

Let’s dig one more step deeper and see how the Login process works in Web applications.

Login process in Web application

This is how most of the data transfer happens in web applications. There are various methods used to secure the data during the transmission between client and server.

Also there are other concepts like using web sockets to communicate between Client and Server. But this article if to make you understand client, server, storage and high level view on their communication process.